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
710
デザイナーとなっておもったこと
kimurakei
0
6.4k
UI/UXデザイナーになるには
kimurakei
1
6k
伝わらないUI/UXの正しい伝え方
kimurakei
2
1.9k
Other Decks in Design
See All in Design
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
200
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
280
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
440
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
240
ZOZO CDO Office Design
zozodevelopers
PRO
1
360
Yahoo Newsletter Clicker Template
xuechunwu
0
290
Night Shift concept 9/15/2024
cpineda57
0
740
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
620
Minuto de Aventura
olgastoryboard
0
170
Slip N Slime - Character Design Ideation
thebogheart
0
300
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.3k
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
210
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
65
4.4k
Rails Girls Zürich Keynote
gr2m
93
13k
Unsuck your backbone
ammeep
668
57k
Docker and Python
trallard
40
3.1k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
Why Our Code Smells
bkeepers
PRO
334
57k
We Have a Design System, Now What?
morganepeng
50
7.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Producing Creativity
orderedlist
PRO
341
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
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課 木村 圭