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
600
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.4k
パッケージ開発者の苦悩 -JavaScriptランタイム群雄割拠- / distress of package developer
shimataro
0
530
An introduction to Node.js
shimataro
0
220
Node.js v12のES Modules / ES Modules on NodeJS v12
shimataro
1
1k
おまいらちゃんとリソース解放してますか / Remember to close resources!
shimataro
2
940
CJSとESMとnpmパッケージ / CommonJS and ES Modules and npm package
shimataro
0
620
BigInt あれこれ / overview about BigInt
shimataro
0
700
dynamic import あれこれ / dynamic import - overview and pitfalls
shimataro
1
660
レスポンシブから逆戻り!?Webサービスのマルチデバイス対応方法 / Multi-Device Support Method for Web Services
shimataro
1
230
Other Decks in Design
See All in Design
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
130
UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)
versionfive
7
2k
We Baby Bears-Triple T Tiger
yvonnehsuanho
PRO
0
400
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5.4k
Installing and Running decksh/pdfdeck
ajstarks
1
570
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.5k
Designing UIs without a UI designer
strongeron
0
240
Another works Brand Guidelines
designdoor
0
100
PdMを始めたUIデザイナーのリアルな課題
muture
0
620
Chatwork プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
520
アクセシビリティのはじめかた デザイナー編
tokimari
2
750
Minuto de Aventura
olgastoryboard
0
110
Featured
See All Featured
Code Review Best Practice
trishagee
58
16k
Typedesign – Prime Four
hannesfritz
37
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
What's in a price? How to price your products and services
michaelherold
239
11k
Ruby is Unlike a Banana
tanoku
96
10k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Six Lessons from altMBA
skipperchong
24
3.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Why Our Code Smells
bkeepers
PRO
332
56k
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