Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
[UX/UI design] Target users and developmental psychology
Search
shira
November 21, 2022
Design
1
610
[UX/UI design] Target users and developmental psychology
社内LTで発表したスライドです
shira
November 21, 2022
Tweet
Share
Other Decks in Design
See All in Design
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.8k
231206_Book-launch-event_kato
hjmkth
2
1.2k
TrollsTopia: Funtography- Part 1
kenijam
1
210
1人歩きする営業資料作成
yutoshukuya
0
140
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
240
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
620
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
Wishing Star Comic
torije
2
1.2k
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
920
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
Featured
See All Featured
A Philosophy of Restraint
colly
196
16k
The Invisible Customer
myddelton
114
12k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
77
42k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.4k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Done Done
chrislema
178
15k
Statistics for Hackers
jakevdp
789
220k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Transcript
[UX/UIデザイン] ターゲットユーザーと 発達心理学 白井 香織 2022.11
アジェンダ 9Billio ➢ UX/UIとは ➢ ターゲットユーザーとは ➢ 発達心理学について ➢ まとめ
UX/UIとは 9Billio ➢ UX:ユーザーがサービスを通して得られる体験のこと ◦ 「体験」とはサービスを通してユーザーが得られる使い心地、感動、印象など ◦ 仕様をワイヤーフレームに起こす設計部分がUXに当たる ➢ UI:ユーザーとサービスをつなぐもの
◦ サイトのデザインやFont、色、画像、動画など ◦ UIはUXを向上させるための一要素
ターゲットユーザーとは 9Billio ➢ サービスを利用するユーザーを、性別・年代・職業などで 属性化し、対象を具体的に定めること
ターゲットユーザーとは 9Billio ➢ サービスを利用するユーザーを、性別・年代・職業などで属 性化し、対象を具体的に定めること ユーザーのニーズや特性に基づいたサービスを作るためにター ゲットを意識し、明確にする事はとても大切です
そしてテクノロジー戦略本部では バイセルグループの社内システムを開発しています
ターゲットユーザーを想定する 9Billio ➢ 社内システム=業務で使用するシステム ➢ 男女ともに使用する ➢ 年代は20~60代を想定する必要あり ◦ 業務でPCを利用している、スマホの基本操作ができる前提
新卒~定年までの幅広い年代がターゲットユーザーとなります
ターゲットユーザーの年代を具体的に定める事 はUX/UIデザインにとって、とても重要です
なぜ? 9Billio
年代ごとに特性があるからです ( 発達心理学 ) 9Billio ➢ 発達心理学:加齢による人の一生涯の発達的変化過程を研究する心理学 [備考]
年代別特性の変化 視覚能力・運動能力・認知能力は25歳以降、徐々に低下して行きます 20代 35~40代 50代 60代 • 能力低下の 大きな変化は ない
• 老眼がはじまる • 早い人は35歳頃か ら初期症状 • 視覚能力が徐々に 低下 • 55歳頃から手と目の 運動能力が低下 • 視覚能力低下 • 運動能力がさらに低 下 • 認知能力が低下 ※個人差あり ※聴力は今回省略しています
UX/UIの発達心理学への向き合い方 1. 視覚能力 2. 運動能力 3. 認知能力 この3つのポイントを抑えていきます 9Billio ※聴力・知識は今回省略しています
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 35~40代 50代
60代 • 老眼がはじまる • 早い人は35歳頃か ら初期症状 • 視覚能力が徐々に 低下 • 55歳頃から手と目の 運動能力が低下 • 視覚能力低下 • 運動能力がさらに低 下 • 認知能力が低下 老眼と視覚能力低下への対処法が必要になります
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 ➢ 老眼への対処法
◦ Fontサイズは大きめに [UX/UI] ▪ 本文サイズの目安は16px ▪ 本文に16px以下のFontは使用しない ◦ 余白を十分確保する [UX/UI] ➢ 老眼:モノを見るときにピントを合わせる目の調整機能が衰え、近くを見るときに必要な「調 整」ができなくなり視界がぼやける事 [備考]
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 ➢ 視覚能力低下への対処法
◦ 色の識別能力が低下するので、使用する色に注意し色数も抑える [UI] ◦ コントラスト感度が低下するので、色のコントラスト比を確保する [UI] ◦ 視覚処理・視覚的な集中力が低下するので、コンテンツはグルー プ化し、また不要な視覚情報や演出を避ける[UX/UI] ボタン ボタン
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 50代 60代
• 視覚能力が徐々に 低下 • 55歳頃から手と目の 運動能力が低下 • 視覚能力低下 • 運動能力がさらに低 下 • 認知能力が低下 手と目の運動能力低下への対処法が必要になります
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 ➢ 運動能力低下への対処法
◦ クリックターゲットを十分に大きくする [UX/UI] ◦ ジェスチャー入力をシンプルに保つ [UX] ◦ 動作に負担のかかる画面設計を避ける [UX] ◦ 複雑なレイアウトは避ける [UX/UI] ➢ 運動能力低下:手先の器用さの低下、手と目の協応動作の低下、筋力や動作速度の低下 [備考]
UX/UIの発達心理学との向き合い方 9Billio 1. 視覚能力 2. 運動能力 3. 認知能力 60代 •
視覚能力低下 • 運動能力がさらに低 下 • 認知能力が低下 認知能力低下への対処法が必要になります
UX/UIの発達心理学との向き合い方 9Billio ➢ 認知能力低下への対処法 ◦ 構造やデザインを単純化し集中しやすくする [UX/UI] ◦ 画面の開始~終了地点を明確に示す [UX/UI]
◦ マルチタスクの構造を避ける [UX] ◦ 用語は統一し、あいまいな言葉は避ける [UX] ◦ 簡潔で分かりやすい文体を使う [UX] ➢ 認知能力低下:情報を記憶・理解・判断・処理するワーキングメモリや短期記憶力の低下 [備考] 1. 視覚能力 2. 運動能力 3. 認知能力
まとめ 9Billio 以上の事から年代ごとに加齢に伴う特性(発達心理学) がある事を理解し、UX/UIに取組む必要があります
まとめ 9Billio 加齢に伴う変化は誰しもが通る道であり、そして人生における成長のひとつです。 また2007年生まれ以降は人生100年時代になるとも言われています。 生活を豊かにそして便利にするテクノロジーは、全世代の人にとってユーザーフレンドリーであるべきで す。 デザイナーとしてテクノロジーとユーザーを繋ぐ懸け橋になれるよう、UX/UIの観点から今後もユーザビ リティを考慮し続けていきたいと思っております。