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
790
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.8k
パッケージ開発者の苦悩 -JavaScriptランタイム群雄割拠- / distress of package developer
shimataro
0
670
An introduction to Node.js
shimataro
0
280
Node.js v12のES Modules / ES Modules on NodeJS v12
shimataro
1
1.1k
おまいらちゃんとリソース解放してますか / 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
880
dynamic import あれこれ / dynamic import - overview and pitfalls
shimataro
1
810
レスポンシブから逆戻り!?Webサービスのマルチデバイス対応方法 / Multi-Device Support Method for Web Services
shimataro
1
260
Other Decks in Design
See All in Design
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
230
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
0
220
sachi_y_portfolio
sachi337
0
480
株式会社バクタム 会社説明資料
bactum
0
290
AIで加速するアクセシビリティのこれから
magi1125
3
650
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
790
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
100
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
120
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
310
What makes a great Director?
_limex_
0
130
株式会社Muture_ソーシャル推進事業
muture
PRO
0
130
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Unsuck your backbone
ammeep
671
58k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Building Adaptive Systems
keathley
43
2.7k
Documentation Writing (for coders)
carmenintech
73
5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
For a Future-Friendly Web
brad_frost
179
9.9k
Code Reviewing Like a Champion
maltzj
525
40k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Typedesign – Prime Four
hannesfritz
42
2.8k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
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