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
KFDのススメ / About KFD
Search
shimataro
November 26, 2019
Design
3
800
KFDのススメ / About KFD
UX JAM in OSAKA 02の発表資料です
https://uxmilk.connpass.com/event/155524/
shimataro
November 26, 2019
Tweet
Share
More Decks by shimataro
See All by shimataro
Single Executable Applicationsについて / About Single Executable Applications
shimataro
0
1.9k
パッケージ開発者の苦悩 -JavaScriptランタイム群雄割拠- / distress of package developer
shimataro
0
680
An introduction to Node.js
shimataro
0
280
Node.js v12のES Modules / ES Modules on NodeJS v12
shimataro
1
1.2k
おまいらちゃんとリソース解放してますか / Remember to close resources!
shimataro
2
1.2k
CJSとESMとnpmパッケージ / CommonJS and ES Modules and npm package
shimataro
0
770
BigInt あれこれ / overview about BigInt
shimataro
0
900
dynamic import あれこれ / dynamic import - overview and pitfalls
shimataro
1
820
レスポンシブから逆戻り!?Webサービスのマルチデバイス対応方法 / Multi-Device Support Method for Web Services
shimataro
1
260
Other Decks in Design
See All in Design
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
410
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
4.2k
minpaku-community-scrum-patterns
norinity1103
1
450
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
850
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
270
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
860
The Spectacular Lies of Maps
axbom
PRO
1
300
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
910
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
How to Ace a Technical Interview
jacobian
280
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Producing Creativity
orderedlist
PRO
347
40k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Docker and Python
trallard
46
3.6k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Fireside Chat
paigeccino
40
3.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Designing for Performance
lara
610
69k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
KFDのススメ 小田島 太郎 @shimataro999 2019/11/26 UX JAM in OSAKA 02
https://shimataro.me/ 自己紹介 • 小田島 太郎 / https://shimataro.me/ • ウェブエンジニア(最近はインフラ寄り) •
趣味は手品 ◦ 手品業界→ウェブ業界 • 本日は、デザインセンス 零のエンジニア目線で話します。 2
KFDとは? 3
KFDとは? 4 K…カーチャン J( 'ー`)し F…フレンドリー D…デザイン カーチャン J( 'ー`)し
にもわかるデザインを作ろう!
ありがたいありがたい 5 カーチャン J( 'ー`)し の生態
カーチャン J( 'ー`)し の生態(1) 6 J( 'ー`)し「ヤフーのうるるって何だっけ? ( ಠ_ಠ)「うるる? J(
'ー`)し「えっちてぃー…っていうやつ う る る U R L
カーチャン J( 'ー`)し の生態(2) (Windows10インストール中) J( 'ー`)し「うわぁぁぁぁぁぁ!!パソコンがハッキングされた!!! ( ಠ_ಠ)「!!!!!!????? J(
'ー`)し「なんかパソコンから声がする!! 7 こんにちは、Cortanaと申します
カーチャン J( 'ー`)し の生態(3) (今年の初めの出来事) J( 'ー`)し「グーグルって潰れるの? ( ಠ_ಠ)「えっ? J(
'ー`)し「ほら、ネットニュースに2019年4月に終了って書いてある… 8 Google+、4月2日にサービス終了
ただの笑い話ではない 決して稀な事例ではない • 我が家の J( 'ー`)し だけの問題ではない • 誰しも、興味のないことは深く知ろうとしない うるるはともかく、それ以外はデザイン上の問題
• いきなりでかい声で話しかけるんじゃねーよ • サービス名が紛らわしいんだよ 9
明日からできるKFD 10
やってほしいことを明確に ❌「□□を入力します」 誰が入力するの?自動的に入力されるの? ⭕「□□を入力してください」 11
エラーは状況ではなく、解消方法を伝える ❌「△△が入力されていません」 入力されていないのはわかった。じゃあどうすればいいの? ⭕「△△を入力してください」 ※プログラマ目線でやりがちなミス (入力されていないときにメッセージを出すため) 12
余計な手間をかけさせない ❌「電話番号に全角文字は使えません」 内部で半角変換してやれよ J( 'ー`)し「全角文字って?」 ❌「電話番号にはハイフンを含めないでください」 内部で削ってやれよ 13
明日からやること • J( 'ー`)し を観察する • J( 'ー`)し を脳内で再現する •
J( 'ー`)し 目線でデザインを見る 「J( 'ー`)し がこのデザインを見たらどう反応するかな?」 「J( 'ー`)し がわからない表現を使っていないかな?」 14
まとめ • J( 'ー`)し を観察しよう • J( 'ー`)し に伝わるデザインを心がけよう •
手間は最小限にしよう • 手品に興味があったらおはなししましょう! 15
https://shimataro.me/ 16