Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

0528 kanntigai ui_ux

99,105 views

Published on

UI/UXデザインをおぼろげに思っているけど実際どうなのよ、というのを自分もあやふやだったのでざっくりと説明。

Published in: Design
  • Be the first to comment

0528 kanntigai ui_ux

  1. 1. 勘違いUI/UXデザイン 松井 沙織
  2. 2. っていうかデザインって なんですか?
  3. 3. たしかに 「デザイン」している だけどこれはほんの一部分。 じゃあデザインとは?
  4. 4. [Design] デザインは日本語では「設計」にもあたり、「形 態」や「意匠」と訳されてきたが、それだけに 限らず、人間の行為(その多くは目的を持つ) をより良いかたちで適えるための「計画」も意 味する。(Wikipedia引用) なんかちょっと難しい、絵とかアートとか そういうのじゃないの?
  5. 5. 日本での「デザイン」 という言葉のなりゆき 日本で「デザイン」という言葉を訳したとき「着 物の柄」「浮世絵」などを指したことからアー トや絵、ビジュアルてきなものが「デザイン」 と認識され始めてしまった。 しかしこれも誤訳というわけではない。
  6. 6. 本来のデザインとは 人間の行為をよりよいかたちで、適えるための 「計画」「設計」をすること。 そのアウトプットの種類によって呼び方が様々 そうすると、 デザインの意味もわかってくる気がする
  7. 7. キャリアデザイン キャリア(将来)を デザイン(計画・設計)すること ファッションデザイン ファッション(装飾)を デザイン(計画・設計)すること 建築デザイン 建築を デザイン(計画・設計)すること
  8. 8. で、より良く人に 使ってもらうために 色・形・文字・動き いわゆる「見た目」の部分を 「UI」でアプリデザイン しているのが 私やエンジニアです
  9. 9. 松井 沙織 @matu_sao 紙媒体でグラフィックデザインを3年→WEB系やりたい なーってベーシック入社、入った瞬間にアプリマーケがフ ルセイルになる←イマココ グラフィックとかアプリUIデザイナーやってます。まつ こって呼ばれてますけどDXではないです。身長148センチ です。 よろしくお願いします ヾ(:3ノシヾ)ノシ”
  10. 10. UI・UXデザインって なんですか!!!!!!!!!!!!! じゃあ! 結局のところ
  11. 11. UIは 「ユーザーインターフェース」 ユーザーと、デバイス(機械・コンピューター) をむすぶインターフェースのこと。 ※インターフェースとはざっくりいうと画面、世 界観、その「モノ」の顔みたいなもの。 だからこそ「モノ」に合った「見た目」と「使 い勝手」が必要。人間と一緒でしょ
  12. 12. UXは 「ユーザーエクスペリエンス」 ユーザーが「モノ」にふれて体験・経験して得 られる知覚(認知)や反応 ざっくりいうと、 何かをふれて感じたこと、行動に起こしたこと、 その一連の出来事がUX
  13. 13. この間がUX(ユーザー体験・経験) iPhone購入時のUX ここでUIの 登場です!! 製品に合った プロモーション 他企業とは 違う売り場
  14. 14. 目的(ビジョン)のことを 考えてこそのUX そしてそれに適したUI ここだけよくてもだめ
  15. 15. Appleのデザインが美しい理由 明確なビジョン・ミッションステートは提示していな い。 あえていうなら、数年後の”普通”を作っている。複雑 に見せず、シンプルにできると思わせるようにデザイ ンしている。 経営者(ジョブズ)がデザインセンスを持ち、思想が しっかりしていたので実現できたデザインの美しさ。
  16. 16. UIとUXは字面が似ているので 一緒に並べがち。 本来はUXのひとつとして、 ユーザーに近い立場のUIが 重要視されている というだけ
  17. 17. 「デザインは デザイナーの仕事だろ! デザインはわからないし いい感じのデザイン よろしく!!!!」 【悲報です】
  18. 18. 「デザインは、 デザイナーを任せるには 重要すぎる」 IDEO ティム ブラウン
  19. 19. 某コンビニの コーヒーメーカー 任せすぎた例
  20. 20. 有名クリエイティブディレクターが コーヒーメーカーをデザイン。 売り上げは大好評だけど、店頭では…
  21. 21. R(レギュラー)・L(ラージ) 日本だとRLは、右左の表記Left・Rightの方が馴 染みがある。大きさを表すには少し不親切。 コンビニには様々な年齢層のユーザーがいる。
  22. 22. S・M・⬜ 何が入ると思います?
  23. 23. S・M・L なぜ「L」だと思いました? それがメンタルモデルです。 自分の中のイメージや反復、習慣などが 行動への理由となる。
  24. 24. 赤色は女性用・青色は男性用だと 思う、これもメンタルモデル
  25. 25. 使う人のことを考えれば 見えてくることがある。 正解は一つではないが、 作り手だけではわからない 視点や市場がある。
  26. 26. どうすればよかったのか? • ユーザーのことを考えるべきだった。 • 店員(店頭)ではどう使われるのか考えるべきだった。 • どうコーヒーを売るのかを考えるべきだった。しかし これらは失敗ではないと思います。あんなかっこいい スタイリッシュなコーヒーメーカー考えるのすごい • でも売り上げは好調、なぜならその手間や不便さがあっ ても需要があるから。 マーケティング・企画 ユーザー行動の分析
  27. 27. 全体を見通した ものづくりや 組織での考え方が必要
  28. 28. 役職に関係なく 目的のために考えれば 見えてくる わからなかったら使う人を 観察すること
  29. 29. 正解は一つではないですが 何か勘違いや疑問や あやふやに思っていたことは 解けましたか? 以上です、ご静聴 ありがとうございました

×