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
October 21, 2021
Design
1
6.3k
UI/UXデザイナーになるには 学習編
UIデザイナー、Webデザイナー、UI、UX、非デザイナー、エンジニア
kimukei
October 21, 2021
Tweet
Share
More Decks by kimukei
See All by kimukei
UI/UXデザイナーになるには 日常編
kimurakei
1
720
デザイナーとなっておもったこと
kimurakei
0
6.5k
UI/UXデザイナーになるには
kimurakei
1
6k
伝わらないUI/UXの正しい伝え方
kimurakei
2
1.9k
Other Decks in Design
See All in Design
Credence
lratmansunu
0
460
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
640
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
360
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
390
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
560
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
440
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.4k
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
420
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
31
6.3k
Adopting Sorbet at Scale
ufuk
73
9.1k
Teambox: Starting and Learning
jrom
133
8.8k
RailsConf 2023
tenderlove
29
900
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Thoughts on Productivity
jonyablonski
67
4.3k
How STYLIGHT went responsive
nonsquared
95
5.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Transcript
UI/UXデザイナーになるには 学習編 株式会社ラクス クリエイティブ課 木村 圭
【自己紹介 】 • これまで数多くのWebサイトやプロダクト、アプリなどのUIUXに携わる └ Y!在籍中、Y!ショッピングのモバイル、Y!タブレットアプリケーションなどのUI責任者を担う • ラクスでは、グループ全体の製品サイト・サポートサイトなどの運用。マネージャーとして在籍中 • 趣味は発明。特許やUI意匠を複数登録してたりします。最近、取り組めてませんが。。
株式会社ラクス クリエイティブ1課 木村 圭 高卒 → 配管工 → 色々 → Yahoo! → さらに色々 → ラクス ▼職歴 ざっくり ▼概要 ざっくり
テーマ 本日は、 「学習」にフォーカス 「UI/UXデザイナーになるには」
僕は、元々Webデザイナーでした。 2000年代に入り、 フィーチャーフォンのキャリア公式サイトが増えてきたあたりから、 モバイルにおけるUI設計をかわきりに、 2008年頃、スマートフォン・タブレットが登場して、 デバイスごとの解像度や操作性が変わり、 よりUI/UXを意識したサイト制作をすることになりました。
[ UIデザイナー ] UIとは「User Interface(ユーザーインターフェース)」の略。 「使いやすい」デザインを実現すること ユーザーと製品・サービスとの接触がスムーズにいくデザイン [ UXデザイナー ]
UXとは「User Experience(ユーザーエクスペリエンス)」の略。 ユーザー体験に焦点をあて、「使って楽しい、心地いい」 と思われるデザインを作ること ユーザーが製品やサービスを使った際に得られる体験
「使いやすい」「使って楽しい、心地いい」を 実現していくために、どんなスキルが必要か
UXデザイン コミュニケーション UIデザイン グラフィックデザイン エンジニアリング インタビュー ストーリーテリング ガイドライン 引用『UIデザイン みんなで考え、カイゼンする。』(株式会社エムディエヌコーポレーション
2019年) ファシリテーション 論理的思考 アートディレクション カラー タイポグラフィティ ブランディング マーケティング 定性/定量分析 観察 ユーザビリティ評価 情報設計 プロトタイピング ライティング 命名規則 データ フロントエンド スキルマップ
UI/UXデザイナーの学習 おすすめ書籍
ノンデザイナーでもわかる UX+理論で作るWebデザイン 書籍1 ユーザー視点で「目的を達成できる」「使いやすい」Web サイトをデザインするために 「UX」と「理論」という2つの側面から、制作・デザイン するときなど、基礎から考え方、実践まで ・なぜWebサイトが必要なのか ・なぜこのレイアウトなのか ・なぜこの色なのか
ユーザー視点に立って根拠にもとづくデザインができるよ うになるための法則が簡潔にまとめられている。
UI/UXデザインの原則 ユーザーに選ばれるWEBサイトづくりに重要なの は「使い勝手」や「見た目」だけでなく、訪れたと きの「満足感」。 200社以上の企業のCVRを向上させたスペシャリス トが「UI/UXデザイン」を基礎から解説 ビジネスにおけるWEBサービスの重要と、担当者 に求められるレベルが高まっています。 「WEB担当になったけれど、何から手をつけたら いいのか分からない」という方のために
“ユーザーに選ばれる魅力的なサービスづくり"の基 本から応用まで提案します。
SF映画で学ぶ インターフェースデザイン SF映画を観れば未来のデザインがわかる SFは現実世界の制約から解放されて、技術的には るかに進んだ未来の世界を描いている。 私たちは、そこからインスピレーションやアイデア を得て、想像力に磨きをかけることができる。 100年以上の歴史をもつSFのデザインを調査・分析 した結果から抽出した、現代のデザインに生かせ る141のレッスンが収録されている。
UI GRAPHICS インターフェイスに向き合うデザイナーたちの実践 と思考を記録した2015年刊行の書籍 ※新版2019年に発売されています 世界の優れた実例と、この領域に携わる研究者およ び実践者の知見を、並行してインストールすること ができます。 豊富なビジュアルから最新のトレンドや手法を「見 て」学び、その背後で生れつつある新しいデザイン
思想と根底の哲学を「読んで」学ぶ。進化する フィールドに対応した、ベストプラクティス集。 いまどういうデザインかなどサイトやアプリを確認 したりしています。
書籍1 デザイナーのための プロトタイピング入門 初級〜中級のデザイナーへ向けて、完璧さよりス ピード重視の低精度のプロトタイプから、ほんもの そっくりの高精度のプロトタイプまで、さまざまな レベルでのプロトタイピングの狙いと手法を説明 ・プロトタイプを実践する企業の事例 ・ベストプラクティス ・試行錯誤のプロセスを紹介
ほんとに使える「ユーザビリティ」 UXデザインの第一人者 エリック・ライスが、豊富 な事例をもとにユーザビリティの問題を洗い出し、 解決するための手法をまとめた実践的ガイドブック。
書籍1 UIデザイン みんなで考え、カイゼンする。 UIをデザイナーだけが作るのは、もう古い! 「デザインのプロセス」をチームで共有しよう UIの「デザインプロセス」そのものを プロジェクトチーム全体で共有しながら開発を進め ていく手法の具体的な中身と、どのようにして現場 で取り入れていけばよいのかを、 事例も交えながら、できるだけわかりやすく伝えて
います。
書籍1 インタフェースデザインの心理学 続・インタフェースデザインの心理学 インタフェースデザインのお約束 人間の行動原理を意識したデザインの提唱で多くの デザイナー、エンジニアに支持され続けるロングベ ストセラー書 デザインは相手から無意識の反応を誘い出すための 大事な要素です。人間の行動原理を理解していない デザインは相手を混乱させ目的の結果につながりま
せん。
UXライティングの教科書 ザ・マイクロコピー マイクロコピーとは、私たちがWebやアプリなどの デジタルプロダクトで目にする ボタン、会員登録フォーム、操作上のアドバイス、 エラーメッセージなどのテキストのことです。 特別な才能は要りません。コピーライターになる必 要もありません。 だれもがマイクロコピーを書くことができるように なります。
Webライターだけでなく、UX/UIデザイナー、マー ケティング担当者、 プロジェクトマネージャー、経営者など、すべての Web関係者に必携の一冊です
UXデザインの教科書 ユーザーエクスペリエンスとは私たちが製品やサー ビスを使うときの体験、「ユーザー体験(UX)」のこ とである。 本書では優れたUXをデザインするための理論とプ ロセス、手法に関する知識を体系的に解説する。 内容はアカデミックなものも含んでいるが、これは UXデザインが小手先の手法の話ではなく、また、 最近はやりのテクニックでもないことの証でもある。 UXデザインに関わる人たちが、学問領域としての
背景を理解してもらい、その上でより良い実践を 行ってもらうための「教科書」である。
UXデザインの法則 UXデザインと交差する心理学の法則をまとめた ウェブサイト「Laws of UX」を元に構成されてい ます。 「意思決定にかかる時間は選択肢の数と複雑さで決 まる」、「タッチターゲットに至るまでの時間は ターゲットの大きさと近さで決まる」などの10の法 則を、各章において、ポイント、概要、起源、事例、
結論にまとめ紹介します。ノンデザイナーにもデザ インセンスが求められる時代に欠かせないハンド ブックです。
はじめてのUXリサーチ ユーザーとともに価値あるサービスを作 り続けるために UXリサーチの入門書です。 UXリサーチの基本的な捉え方から、 組み立て方、手法、 または組織で活かせる仕組みの作り方や 仲間の増やし方、実践知の共有まで、 ひとりでも小さく始めて続けられる ノウハウをまとめています。
ケーススタディでは、 メルペイUXリサーチチームの 現役UXリサーチャーが 現場で実践している方法を 7つの事例にもとづいて解説します。
行動を変えるデザイン 行動経済学と心理学をもとに、人々の行動、日常習 慣を変える"行動変容"を促すプロダクトをデザイン するための書籍です。 主にヘルスケア(健康管理)、金融(資産管理)など、 これまでITプロダクト(サービス、アプリなど)がな かなか使われてこなかった分野を対象に、ユーザー がやりたいと思っていたものの実行できなかった行 動の実現を助けるプロダクトを作り出すための、実 践的な視点や知識を提供します。
「ついやってしまう」 体験の作り方 人の心を動かし「ついやってしまう」 仕組みと手法について体系的にまとめたのが本書 ついやってしまう・思わず夢中になる・誰かにすす めたくなる商品・サービスのしくみとは企画・開 発・マーケティング・営業等、幅広く役立つ 体験デザイン(UX)の入門書です。 入門書といっても、専門的な解説は一切なく、 だれもが遊んだことのある有名ゲームを題材に、
「つい」の秘密をわかりやすく解き明かしていきま す。
「ユーザーフレンドリー全史」 自動車のハンドル、ディズニーランド、アーロン チェア、iPhoneとアップル、ワンクリック購入、 「いいね! 」ボタン、そして自動運転車… そのデザインはなぜ大ヒットし、人の意識をどうつ くり変えたのか? つい手に取ったり、思わずクリックしてしまうモノ や仕組みの「使いやすさ」の正体は何なのか? 私たちの生活と思考を一変させてきた優れたデザイ
ンに共通する概念「ユーザーフレンドリー」。 21世紀の世界と私たちの認知をかたちづくり、とき に大きく左右するその光と影、そして未来への展望 を豊富な事例と綿密な取材で紐解く、デザイン文化 史の決定版。
どんなサービスやサイトにも、 そのサービスにあったデザインがあります
そのサービスやサイトを把握することはもちろん、 様々な視点から見ていくことが重要
UI/UXの改善に終わりはなく 常に、使いやすさとはなにか考えていく
UI/UXデザイナーは 一部引用『Good Service』 2020年 ルー・ダウン著 「使いやすい」「使って楽しい、心地いい」を実現していくため どんなユーザーも置き去りにしない ユーザーに寄り添う =
[おすすめ書籍] ◦UI/UXデザイン ・ノンデザイナーでもわかるUX+理論で作るWebデザイン ・UI/UXデザインの原則 ・SF映画で学ぶインターフェースデザイン ・UI GRAPHICS ・デザイナーのためのプロトタイピング入門 ・ほんとに使える「ユーザビリティ」 ・UIデザイン
みんなで考え、カイゼンする。 ・インタフェースデザインの心理学 ・続・インタフェースデザインの心理学 ・インタフェースデザインのお約束 ・UXライティングの教科書 ・ザ・マイクロコピー ・UXデザインの教科書 ・UXデザインの法則 ・はじめてのUXリサーチ ・行動を変えるデザイン ・「ついやってしまう」体験の作り方 ・「ユーザーフレンドリー全史」
最後に、、、 告知を。
弊社、ラクスでは、 サービスの UI/UXデザイナー を募集中!! 僕らと一緒に、サービスをつくっていきませんか
もし、ご興味ある方いましたら、 弊社、中途採用サイトから、ご応募・お問い合わせください カジュアル面談も大歓迎です。 ぜひ、UI/UXについて語りましょう。 以上となります。ありがとうございました 株式会社ラクス クリエイティブ1課 木村 圭