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
UI/UXデザイナーになるには 日常編
Search
kimukei
February 24, 2022
Design
1
720
UI/UXデザイナーになるには 日常編
UIデザイナー、Webデザイナー、UI、UX、非デザイナー、エンジニア
kimukei
February 24, 2022
Tweet
Share
More Decks by kimukei
See All by kimukei
UI/UXデザイナーになるには 学習編
kimurakei
1
6.3k
デザイナーとなっておもったこと
kimurakei
0
6.5k
UI/UXデザイナーになるには
kimurakei
1
6k
伝わらないUI/UXの正しい伝え方
kimurakei
2
1.9k
Other Decks in Design
See All in Design
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
180
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
470
Fleet Gas Station
joshtang
0
140
Dreamia
elsh
0
170
ZKK_001.pdf
nicholaspegu
0
1.4k
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
260
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
320
TUNAG BOOK 2024
stmn
0
330
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Done Done
chrislema
181
16k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Six Lessons from altMBA
skipperchong
27
3.5k
Building Applications with DynamoDB
mza
90
6.1k
KATA
mclloyd
29
14k
Why Our Code Smells
bkeepers
PRO
334
57k
Code Review Best Practice
trishagee
64
17k
Optimizing for Happiness
mojombo
376
70k
Gamification - CAS2011
davidbonilla
80
5k
Transcript
UI/UXデザイナーになるには 日常編 株式会社ラクス クリエイティブ課 木村 圭
【自己紹介 】 • これまで数多くのWebサイトやプロダクト、アプリなどのUIUXに携わる └ Y!在籍中、Y!ショッピングのモバイル、Y!タブレットアプリケーションなどのUI責任者を担う • ラクスでは、グループ全体の製品サイト・サポートサイトなどの運用。マネージャーとして在籍中 • 趣味は発明。特許やUI意匠を複数登録してたりします。最近、取り組めてませんが。。
株式会社ラクス クリエイティブ1課 木村 圭 高卒 → 配管工 → 色々 → Yahoo! → さらに色々 → ラクス ▼職歴 ざっくり ▼概要 ざっくり
テーマ 本日も、 「学習」にフォーカス 「UI/UXデザイナーになるには」
誰もがUI/UXデザイナーになれる要素を持っている
[ UIデザイナー ] UIとは「User Interface(ユーザーインターフェース)」の略。 「使いやすい」デザインを実現すること ユーザーと製品・サービスとの接触がスムーズにいくデザイン [ UXデザイナー ]
UXとは「User Experience(ユーザーエクスペリエンス)」の略。 ユーザー体験に焦点をあて、「使って楽しい、心地いい」 と思われるデザインを作ること ユーザーが製品やサービスを使った際に得られる体験
突然ですが、みなさんは、 スーパーでお買い物されたことありますか ほとんどの人があると思いたい。。
あるスーパーの一例ではありますが。 こんな感じのフロアーになっていませんか。 野菜 鮮魚 精肉 惣菜 弁当 レ ジ 飲料
パン 入口
入口から入って、 買い物カゴとともに見えてくるのが、「野菜」のコーナー。 続けて「魚」「肉」「お惣菜」「お弁当」「飲料」で、レジがある。 もちろん、中の列に調味料やお菓子などもあると思いますが。。。
なぜ、「野菜」が”最初”にあるのでしょうか
この理由はいくつかあるのですが、一部抜粋すると。 1)野菜の色によって季節を感じやすく購買意欲を仰ぐため 2)野菜を先に決めることで、献立が立てやすいため 固い野菜を一番下にいれておきたいというのもあるのですが、 カゴにいれることで、戻しづらくなり、 進ませることで帰さないということもあるのかもしれません。 ↑主観です。
ちなみに、 「お惣菜」 献立に、さらにもう一品追加。 「飲料」 ペットボトルやお酒など瓶のものがあるのと、重く動き回るのが 大変になるため。
続けて コンビニの場合だと、こんな感じの店舗が多いと思います。 雑誌・コミック 飲 料 惣菜 弁当 レ ジ 日用品
お菓子 パン・アイス おに ぎり 入口 冷 凍 スイーツ カップ麺
店舗前から雑誌コーナーが見えてて、入口入るとすぐレジがあって、 「雑誌」→「飲料」 → 「デザート」 → 「惣菜」 → 「お弁当」 お弁当買いにいっただけなのに、 後ろに並んでしまっているパンをついつい買ってしまったり、
通りすぎたけど、 やっぱりデザートも欲しくなったりしませんか。
日常的にUXが考えられている = 日常的に体験している
例えば、どこかにお出かけする場合、色んなこと考えていると思います。 出かける際に、 ・今日はどんな服を着ようかな ⇒ 天気や気温なども考慮したりするかもしれません。 ・傘や鍵をとって ⇒ 取りやすい場所に置いたり もし、遊園地やテーマパークであれば、 効率よく回るにはどうしたらいいかと考えたりするでしょう。
日常的に誰もがUXを考えている
誰もがUI/UXデザイナーになれる要素を持っている
人の行動や思考を考えていくことが重要
自身が携わるサービスやサイトについて 利用者視点でとらえることが大切
UI/UXデザイナーの学習 おすすめ書籍 行動編
サクッとわかるビジネス教養 行動経済学 行動経済学は、個人の心理を扱う経済学。知識ゼロ の人でも理解しやすく、かつ実際のビジネスに役立 つテーマ。 行動経済学の基本となる考え方をイラスト図解で簡 単に示し、それをビジネスや生活に生かすための方 法を豊富な実例とともに紹介。
ビジネスデザインのための 行動経済学ノート 本書のテーマは「行動経済学をビジネスデザインに活用す ること」 行動経済学の理論を知るだけでなく、新しいサービスやプ ロダクトの開発に活用することが目的。 商品サービスとユーザーとの関係に行動経済学の理論を活 用するためのアイデアを、デザイナー視点でわかりやすく 図解していきます。 〈本書の特徴〉
•個別の理論ではなく全体構成で仕組みを理解できる •図で多く用いることで理論がパッと見てわかる •社会心理学やデザインなどの観点も織り交ぜている •商品やサービスなどへの活用方法に言及している •実際のビジネスを想像しながら読むことで楽しく学べる 引用:amazonサイト
ビジネスデザインのための 行動経済学ノート 「あなたは顧客を理解しているか」? ――21世紀に最も注目される学問「行動経済学」最良の入 門書 ★税抜価格表示と税込価格表示、私たちはどちらを安く感 じるのか? ★従来のやり方を変えようとしない顧客の行動を変えるに は? 本書では、さまざまな事例やクイズ、そしてそれを基にし
たディスカッションを通じて、 ビジネスにおける顧客の行動の非合理性について理解を深 めていきます。 この本を最後まで読んでいただければ、皆さんの組織にお ける意思決定が改善され、 そのパフォーマンスを向上させることができるでしょう。 引用:amazonサイト
行動を変えるデザイン 行動経済学と心理学をもとに、人々の行動、日常習 慣を変える"行動変容"を促すプロダクトをデザイン するための書籍です。 主にヘルスケア(健康管理)、金融(資産管理)など、 これまでITプロダクト(サービス、アプリなど)がな かなか使われてこなかった分野を対象に、ユーザー がやりたいと思っていたものの実行できなかった行 動の実現を助けるプロダクトを作り出すための、実 践的な視点や知識を提供します。
「ついやってしまう」体験の作り方 人の心を動かし「ついやってしまう」 仕組みと手法について体系的にまとめたのが本書で す。 ついやってしまう・思わず夢中になる・誰かにすす めたくなる商品・サービスのしくみとは企画・開 発・マーケティング・営業等、幅広く役立つ 体験デザイン(UX)の入門書です。 入門書といっても、専門的な解説は一切なく、 だれもが遊んだことのある有名ゲームを題材に、
「つい」の秘密をわかりやすく解き明かしていきま す。
脳のしくみとユーザー体験 認知科学者が教えるデザインの成功法則 ユーザー体験は、「画面上」で起こるものではなく、人間 の認知や感情を生み出す「脳内」で起こるものです。 本書では、認知科学者でありデザイナーでもある著者が、 製品やサービスを利用する際のユーザーの「体験」と深く 関わる6つの認知プロセス、「シックス・マインド(視野・ 関心/記憶/感情/意思決定/言語/空間認識)」の枠組みを活 用して、人の無意識や心の奥底にある感情に関する重要な インサイトを見つけ出し、デザインへ応用する方法を実践
的に解説します。 ECサイトなどのWebデザイン、デジタルプロダクトや サービスの開発、UXリサーチに関わる人、必読の一冊で す! 引用:amazonサイト
「ユーザーフレンドリー全史」 自動車のハンドル、ディズニーランド、アーロン チェア、iPhoneとアップル、ワンクリック購入、 「いいね! 」ボタン、そして自動運転車… そのデザインはなぜ大ヒットし、人の意識をどうつ くり変えたのか? つい手に取ったり、思わずクリックしてしまうモノ や仕組みの「使いやすさ」の正体は何なのか? 私たちの生活と思考を一変させてきた優れたデザイ
ンに共通する概念「ユーザーフレンドリー」。 21世紀の世界と私たちの認知をかたちづくり、とき に大きく左右するその光と影、そして未来への展望 を豊富な事例と綿密な取材で紐解く、デザイン文化 史の決定版。
どんなサービスやサイトにも、 そのサービスにあったデザインがあります
そのサービスやサイトを把握することはもちろん、 様々な視点から見ていくことが重要
UI/UXの改善に終わりはなく 常に、使いやすさとはなにか考えていく
UI/UXデザイナーは 「使いやすい」 「使って楽しい、心地いい」を実現していくため、 ユーザーに寄り添うことが重要だと考えます
最後に、、、 告知を。
弊社、ラクスでは、 サービスの UI/UXデザイナー を募集中!! 僕らと一緒に、サービスをつくっていきませんか
もし、ご興味ある方いましたら、 弊社、中途採用サイトから、ご応募・お問い合わせください カジュアル面談も大歓迎です。 ぜひ、UI/UXについて語りましょう。 以上となります。ありがとうございました 株式会社ラクス クリエイティブ1課 木村 圭