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
デザイン研修 / Design_Training
Search
Cybozu
PRO
August 19, 2020
Technology
1
60k
デザイン研修 / Design_Training
Cybozu
PRO
August 19, 2020
Tweet
Share
More Decks by Cybozu
See All by Cybozu
AIツール開発ワークショップ(Dify)【サイボウズ新人研修2025】
cybozuinsideout
PRO
8
8.3k
モバイル【サイボウズ新人研修2025】
cybozuinsideout
PRO
3
2.4k
Git/GitHub を使う上で知っておくと嬉しいかも Tips【サイボウズ新人研修2025】
cybozuinsideout
PRO
6
4.7k
GitHub Copilot活用【サイボウズ新人研修2025】
cybozuinsideout
PRO
10
8.1k
ソフトウェアライセンス【サイボウズ新人研修2025】
cybozuinsideout
PRO
7
6.2k
エンジニアのためのアウトプット講座 〜知識をシェアするはじめの一歩〜【サイボウズ新人研修2025】
cybozuinsideout
PRO
4
2.3k
Docker入門【サイボウズ新人研修2025】
cybozuinsideout
PRO
6
4.3k
セキュリティ【サイボウズ新人研修2025】
cybozuinsideout
PRO
1
2k
TLS 1.3をざっと理解する【サイボウズ新人研修2025】
cybozuinsideout
PRO
2
1.1k
Other Decks in Technology
See All in Technology
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
450
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
MobileActOsaka_250704.pdf
akaitadaaki
0
150
Delegating the chores of authenticating users to Keycloak
ahus1
0
160
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業!FinOpsで始めるAWSコスト最適化の第一歩
sh_fk2
2
100
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
150
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
120
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
150
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Git: the NoSQL Database
bkeepers
PRO
430
65k
How to Ace a Technical Interview
jacobian
278
23k
Documentation Writing (for coders)
carmenintech
72
4.9k
Gamification - CAS2011
davidbonilla
81
5.4k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Pragmatic Product Professional
lauravandoore
35
6.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Optimizing for Happiness
mojombo
379
70k
Visualization
eitanlees
146
16k
Become a Pro
speakerdeck
PRO
29
5.4k
Building an army of robots
kneath
306
45k
Transcript
2020/04/30 1 Design & Research デザインの役割と関わり⽅ 開運研修 2020
2020/04/30 2 Design & Research 2020/04/30 2 Design & Research
⾃⼰紹介 樋⽥ 勇也 kintone開発チーム デザイナー 制作会社でWebデザイナー/コーダー/ディレクターを経験後、 2016年にサイボウズ⼊社。現在はクラウドサービスkintoneのデザイナー。 kintoneデザインチームを最⾼のチームにすべく奮闘中
2020/04/30 3 Design & Research デザインって何?
2020/04/30 4 Design & Research 2020/04/30 4 Design & Research
あらゆるものにデザインがある
2020/04/30 5 Design & Research 2020/04/30 5 Design & Research
1. ユニクロのファッションマガジン • シンプル • お洒落 • スマート • ⾼級 https://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html 出典: 雑誌『LifeWear magazine』を創刊 グローバルのユニクロ店舗にて8⽉23⽇(⾦)より配布開始 - UNIQLO ユニクロ
2020/04/30 6 Design & Research 2020/04/30 6 Design & Research
2. ユニクロの折り込みチラシ • 情報量が多い • 派⼿ • 庶⺠的 • 安そう https://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/ 折込チラシ | 今週のデジタルチラシ | UNIQLO
2020/04/30 7 Design & Research 2020/04/30 7 Design & Research
どれが良いデザイン / 悪いデザイン?
2020/04/30 8 Design & Research 2020/04/30 8 Design & Research
⽐べてみると https://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html https://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/
2020/04/30 9 Design & Research 2020/04/30 9 Design & Research
• 海外の雑誌みたいな おしゃれなグラフィック • コストをかけても⾼級感を出す 「ユニクロは安くてダサい」 というイメージを変えたい https://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html
2020/04/30 10 Design & Research 2020/04/30 10 Design & Research
• ⼀⽬でバリューが⽬に⼊る • 売りである価格を前⾯に • 特別、注⽬、引っかかるワードを ⽬にして欲しい • ⼤量に印刷できるようコストを抑える 今⽇ユニクロで買い物して欲しい https://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/
2020/04/30 11 Design & Research 2020/04/30 11 Design & Research
デザインの語源 • デザインの語源はデッサン(dessin)と同じく、“計画を記号に 表す”という意味のラテン語designareである。
2020/04/30 12 Design & Research 2020/04/30 12 Design & Research
デザインは機能することが重要 • どのデザインにも計画(意図)がある。 • その意図がちゃんと機能するかどうか、が デザインの良し悪しを決める
2020/04/30 13 Design & Research UXデザインって?
2020/04/30 14 Design & Research 2020/04/30 14 Design & Research
どれも美しい天気アプリだけど… https://www.behance.net/gallery/59183073/UX-Case-studyWeather-notification-application UX Case study̶Weather notification application on Behance
2020/04/30 15 Design & Research 2020/04/30 15 Design & Research
ユーザーの課題を解決するUX • 今⽇は傘を持って⾏った⽅が良いよ、とpush 通知を出すアプリ • 必ずしもUXにビジュアルが伴うわけではない https://www.behance.net/gallery/59183073/UX- Case-studyWeather-notification-application UX Case study̶Weather notification application on Behance
2020/04/30 16 Design & Research 2020/04/30 16 Design & Research
kintoneのユーザーの体験って?
2020/04/30 17 Design & Research 2020/04/30 17 Design & Research
UXは顧客の体験すべて • kintoneが毎⽇安定して使える • サポートの⼈が親切 • すぐに理解できるヘルプ • その他ユーザーが体験するすべて
2020/04/30 18 Design & Research 2020/04/30 18 Design & Research
× UXはUXデザイナーに関係がある ◦ UXはプロダクトに関わるすべての⼈に関係がある
2020/04/30 19 Design & Research サイボウズのプロダクトにおけるデザイン
2020/04/30 20 Design & Research 2020/04/30 20 Design & Research
kintoneのステークホルダー • エンドユーザー • 管理者 • 決裁者 • 開発パートナー • 販売パートナー • エヴァンジェリスト etc…
2020/04/30 21 Design & Research 2020/04/30 21 Design & Research
様々な要望 標準でもっと機能が欲しい! カスタマイズの余地を残して 競合に勝てる⾒栄えを もっとUIが⼤きい⽅が⾒やすい もっとUIが⼩さい⽅がたくさんの 情報を⼀覧できる 今のままで良い、変えないで
2020/04/30 22 Design & Research 2020/04/30 22 Design & Research
例:プロセス管理(モバイル版)の場合 プロセスを進めるボタン • 社⻑とか⼀ヶ⽉に1回しかアクセスしないかも。 • ⼀⽬でわかるコントラストが必要 • ⾊と明度で差をつけよう • ⼤事な機能だけど、レコードが⾒えなくなっては困る • 適切な⾼さに抑えたい • スクロールすべきだとすぐわかる配置にしよう (ボタンが半分だけ⾒える)
2020/04/30 23 Design & Research 2020/04/30 23 Design & Research
コストが許容できる ユーザーへの 価値が⾼い マイナスの 影響が少ない 考え⽅
2020/04/30 24 Design & Research 2020/04/30 24 Design & Research
プロトタイピング
2020/04/30 25 Design & Research 2020/04/30 25 Design & Research
ユーザビリティテスト/リサーチ
2020/04/30 26 Design & Research デザインとの関わり⽅
2020/04/30 27 Design & Research 2020/04/30 27 Design & Research
1. フィードバックを送る 普段製品を使っていて、何か気づ いたことがあればぜひフィード バックを送ってください。
2020/04/30 28 Design & Research 2020/04/30 28 Design & Research
保存ボタンの⾊が⾒づらいので変えて欲しいです。 緑とかにすると良いと思います。 NG例
2020/04/30 29 Design & Research 2020/04/30 29 Design & Research
• 例えば「⾒づらい」にも… • 他のボタンと混同してしまって⾒⾟かったです • ⽬に⼊りづらい位置にあるので⾒つかりませんでした • コントラストが薄く⽬に⼊りませんでした 背景を併せて教えて欲しい
2020/04/30 30 Design & Research 2020/04/30 30 Design & Research
状況を書いてみてください “レコードを書き終わってから保存しようとした時”に ボタンがすぐに⾒つからず困ってしまいました。 “しばらく画⾯下を探した後”、上にボタンがあることに気づきま したが、もう少し⾒つけやすくして欲しいです。
2020/04/30 31 Design & Research 2020/04/30 31 Design & Research
2. ユーザービリティテスト/リサーチに協⼒する • 被験者として協⼒をお願いするかもしれません
2020/04/30 32 Design & Research 2020/04/30 32 Design & Research
3. デザイナー/リサーチャーと働く 要件検討から実装までの流れ • デザイナーはこの全てに 関わっている • 最近はデザイナーと エンジニアの境界が曖昧に
2020/04/30 33 Design & Research 2020/04/30 33 Design & Research
モブが当たり前に PM、PG、QA、デザイナー、 ライター、モブで集まって作るの が当たり前になってきています。
2020/04/30 34 Design & Research 2020/04/30 34 Design & Research
デザインの⼒を ⽣かした活動
2020/04/30 35 Design & Research 2020/04/30 35 Design & Research
ぜひデザインの⼒を活⽤してください • いろんなスキルを持ったメンバーがいます。 ぜひ我々の⼒を利⽤してください。 • UI、グラフィック、CSS、アクセシビリティ、リサーチetc • 詳しくはチーム紹介で
2020/04/30 36 Design & Research 2020/04/30 36 Design & Research
まとめ • デザインの良し悪しは、意図が機能するかどうかです。 • UXはデザイナーだけでなく全ての⼈に関わることです。 • フィードバックやリサーチなどを通じてデザインとも関わって ください。また、デザインの⼒を活⽤してください。