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
720
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.7k
パッケージ開発者の苦悩 -JavaScriptランタイム群雄割拠- / distress of package developer
shimataro
0
610
An introduction to Node.js
shimataro
0
250
Node.js v12のES Modules / ES Modules on NodeJS v12
shimataro
1
1.1k
おまいらちゃんとリソース解放してますか / Remember to close resources!
shimataro
2
1.1k
CJSとESMとnpmパッケージ / CommonJS and ES Modules and npm package
shimataro
0
730
BigInt あれこれ / overview about BigInt
shimataro
0
810
dynamic import あれこれ / dynamic import - overview and pitfalls
shimataro
1
760
レスポンシブから逆戻り!?Webサービスのマルチデバイス対応方法 / Multi-Device Support Method for Web Services
shimataro
1
240
Other Decks in Design
See All in Design
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
290
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
530
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
250
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
700
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
170
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4.1k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
510
Goodpatch Tour💙 / We are hiring!
goodpatch
31
800k
ZKK_001.pdf
nicholaspegu
0
1.5k
Featured
See All Featured
The Language of Interfaces
destraynor
156
24k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Building Adaptive Systems
keathley
40
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Designing Experiences People Love
moore
140
23k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
Automating Front-end Workflow
addyosmani
1368
200k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
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