“わかりやすい”と“つかいやすい”その前から始まるUIデザイン

by Takehisa Gokaichi

Slide 1

Slide 1 text

2022/10/22 その前から始まるUIデザイン “わかりやすい”と“つかいやすい”

Slide 2

Slide 2 text

五ヶ市壮央 Goodpatch Anywhere Design Manager Goodpatch Anywhere マネージャー。ソニーデジタルネットワークアプリケーションズ株式会社にてUXのキャリアをスタート。UXリードとしてリモートワークファシリテーションやクオリティマネジメントを担当。組織アイデンティティの策定支援やプロダクト開発体制構築支援、UI/UX学習支援など組織支援業務に従事。 ©︎2020 Goodpatch Inc.

Slide 3

Slide 3 text

©︎2020 Goodpatch Inc. サービスデザインにご興味のあるみなさまとご一緒できてうれしいです！

Slide 4

Slide 4 text

User Centerd Design Human Centerd Design 2022年現在この考え方が当然と言われる時代になっている本日最初にお話があったとおり

Slide 5

Slide 5 text

User Experience 誰しもが大事にするようになった < 提唱者のワイもうれしい

Slide 6

Slide 6 text

わかりやすいつかいやすいデジタルプロダクトの正義として「ユーザビリティ」は当然の存在となっている

Slide 7

Slide 7 text

でもユーザーを中心に据えてわかりやすさ、使いやすさを追いかけてもよいプロダクト/サービスにならないことがあります

Slide 8

Slide 8 text

今日は「まずは成立させるところから」という話をします

Slide 9

Slide 9 text

UIデザインって何？何を、どう操作すると、どうなるか。それがソフトウェアの設計としても、人間が受け取る意味としても両者が一貫性を持って成立するよう「規律」をUIを設計することが UIデザインです。

Slide 10

Slide 10 text

UIの設計対象 UIを設計するというのは仕様を定義し、成り立たせることです。 UIのコントロールに対し、発行されるコマンド、その結果実行される機能とUIを通したユーザーへのフィードバックを定義していくことになります。

Slide 11

Slide 11 text

情報操作挙動結果・文言・ビジュアル・音声・文言・ビジュアル・音声など実行結果・実行される機能・扱われるコンテンツ・コントロール・コマンド・アクション人の行動、押すとかフリックとかボタンとかスライダーとかタップとかダブルクリックとか UIデザインには仕様の一貫性が必要

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

それは「わかる」ようにするためなんで一貫性が必要なの？

Slide 14

Slide 14 text

わかるって何？

Slide 15

Slide 15 text

命題的知識手がかり情報

Slide 16

Slide 16 text

ÃÂÀםולש この文字はどんな意味でしょう？

Slide 17

Slide 17 text

ÃÂÀםולש ヘブライ語で「Hello」

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

このように「A=Bである」という知識を命題的知識という

Slide 20

Slide 20 text

右を上げて左を下げて

Slide 21

Slide 21 text

右を上げて左を下げて

Slide 22

Slide 22 text

命題的知識だけではなく文脈が「わかる」をフォローする

Slide 23

Slide 23 text

ÃÂÀםולש Hello Fine Apple もし意味が複数あったら...

Slide 24

Slide 24 text

その手順はとても簡単である。はじめに，ものをいくつかの山に分ける。もちろんその全体量によっては，一山でもよい。次のステップに必要な設備がないためどこか他の場所へ移動する場合を除いては，準備完了である。一度にたくさんしすぎないことが肝心である。多すぎるより，少なすぎる方がましだ。すぐにはこのことの大切さがわからないかもしれないが，めんどうなことになりかねない。そうしなければ，高くつくことにもなる。最初はこうした手順は複雑に思えるだろう。でも，それはすぐに生活の一部になってしまう。近い将来，この作業の必要性がなくなると予言できる人はいないだろう。その手順が終わったら，再び材料をいくつかの山に分ける。そして，それぞれ適切な場所に置く。それらはもう一度使用され，またこのすべてのサイクルが繰り返される。ともあれ，それは生活の一部である。

Slide 25

Slide 25 text

わかるためには一貫性が必要わかるような文脈のフォローも必要

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

言語との一貫性が無い命題的知識 = 英語がわからない

Slide 28

Slide 28 text

わかりやすく、使いやすくするためにホスピタリティを高めよう！

Slide 29

Slide 29 text

コーヒーメーカーは極端な例ですが… ユーザーのためを思うばかり個々のユーザーへの個別対応を増やし結果として複雑なデザインになった経験はありませんか？

Slide 30

Slide 30 text

意味の設計をして一貫性を保ちやすい情報構造にするとはじめてわかりやすくなるわからないと使いやすくはならないし絶対に愛されることはない (だってわからないと使えないもん)

Slide 31

Slide 31 text

Slide 32

Slide 32 text

すべてに一貫性をもたせる一貫性が無いとシステムとして成り立たないしユーザーも学べない。表現でシンプルにするのは夢。構造そのものがシンプルだからUIもシンプル。ユースケースベースの個別対応からはじめるUI設計は確実に破綻する。意味やルールを減らすわかりやすい・使いやすいはルールが成立したあと

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Slide 35

Slide 35 text

今日話したことの半分以上は「デザインの前」にやるべきことであり企画したり運営したりする人のお仕事だったりするこのあとみんなでいっぱい話しましょう、まってるねなのでデザイナーでもデザイナーじゃなくてもユーザー体験を作る責任者なのです

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text