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
最悪な UX に対処する
Search
ktr
June 07, 2017
Programming
0
630
最悪な UX に対処する
ktr
June 07, 2017
Tweet
Share
More Decks by ktr
See All by ktr
Monorepo における Go テストの差分実行 / Running Differential Go Tests in a Monorepo
ktr_0731
0
39
Designing libraries in Go way
ktr_0731
6
1.5k
Go Modules and Proxy Walkthrough
ktr_0731
8
26k
ソフトウェアの複雑さに立ち向かう技術 / Tackling software complexity
ktr_0731
0
170
Fuzzy finder as a Go library
ktr_0731
3
5.6k
つよくてニューゲーム / NewGame++
ktr_0731
0
920
やはり俺の Go アプリケーション設計はまちがっている。 / My Go Application Design Is Wrong, As I Expected
ktr_0731
13
3.5k
GopherCon2018
ktr_0731
2
1.7k
Evans: more expressive gRPC client
ktr_0731
2
440
Other Decks in Programming
See All in Programming
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
Shinjuku.rb#95:心の技術書紹介
free_world21
1
110
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
120
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
200
はじめてみよう量子プログラミング
itokoichi01
0
170
How to Break into Reading Open Source
kaspth
2
210
Go Code Generation at newmo / 2024-08-27 #newmo_layerx_go
genkey6
0
560
状態管理ライブラリZustandの導入から運用まで
k1tikurisu
3
470
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
580
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
480
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
What the flash - Photography Introduction
edds
67
11k
The Cult of Friendly URLs
andyhume
76
6k
4 Signs Your Business is Dying
shpigford
179
21k
Designing for humans not robots
tammielis
248
25k
What's in a price? How to price your products and services
michaelherold
242
11k
The World Runs on Bad Software
bkeepers
PRO
64
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Music & Morning Musume
bryan
46
6k
GitHub's CSS Performance
jonrohan
1029
450k
Transcript
࠷ѱͳ UX ʹରॲ͢Δ ؠखݝେɾձେ߹ಉ LT @6݄7
$ whoami • @ktr_0731 • u-aizu / s123 • STEINS;GATE
;ͭ͏ͷformΛ͔͍͍ͭͨ by ·ͪ2 http://hamachiya.com/form/
None
??
Ṗ select • ग़ੜෆৄͳਓͳΜ͍ͯΔͷ͔ʁ • 1902ੜ·ΕͷਓͳΜ͍ͯΔͷ͔ʁ
Ṗ select • ग़ੜෆৄͳਓͳΜ͍ͯΔͷ͔ʁ • 1902ੜ·ΕͷਓͳΜ͍ͯΔͷ͔ʁ • ؒҧ͍ͳ͘1996ੜ·ΕͷਓΑΓগͳ ͍
దͳΛσϑΥϧτҐஔ ʹͯ͋͛͠Α͏
ଞʹ৭ʑ͋Δ
ॅॴ༣ศ൪߸͔Βࣗಈੜ ͯ͋͛͠Α͏
લͷϖʔδʹ ͬͯ΄͘͠ͳ͍ͳΒ ΠϕϯτΛϋϯυϦϯά͢Δ
֯ɾશ֯ͷҧ͍ͷٵऩɹ αʔόαΠυͷࣄ
όϦσʔγϣϯ͍ͨ͠ͷ Ͱ͖Δ͚ͩϒϥβଆͰ ඇಉظʹνΣοΫ͢Δ
HTMLͷඪ४ͷόϦσʔγϣ ϯར༻͠Α͏
input λάͷ type ଐੑ • password • date • email
• number • …
input λάͷ type ଐੑ • password • date • email
• number • … MDN Έͯ
ΦϨΦϨڍಈΛͭ͘Βͳ͍
νϟοτΞϓϦͷྫ • վߦ Enter or CTRL + Enter ? •
Slack (Mobile)ɺLINEɺetc. • Slack (Desktop)
νϟοτΞϓϦͷྫ • վߦ Enter or CTRL + Enter ? •
Slack (Mobile)ɺMessangerɺLINEɺetc. • Slack (Desktop)
iOS ͱ Android ͷ UI ҧ͏
iOS ͱ Android ͷ UI ҧ͏ → Android Ͱ iOS
ͷ UI Λ ͏ͱҧײΛײ͡Δ
ηΩϡϦςΟతʹ ͍͚ͬͯͳ͍͜ͱ͋Δ
idɺύεϫʔυͷ ͲͪΒ͕ؒҧ͍ͬͯΔ͔ͷදࣔ
idɺύεϫʔυͷ ͲͪΒ͕ؒҧ͍ͬͯΔ͔ͷදࣔ → ΫϥοΧʔʹώϯτΛ༩͑ͯ͠· ͏
ϑΥʔϜͷηογϣϯΛཧ ͠ͳ͍
ϑΥʔϜͷηογϣϯΛཧ ͠ͳ͍ → CSRF ͞Γ·͘Δ
ΫϥΠΞϯταΠυ only ͷ όϦσʔγϣϯ → API ͷΤϯυϙΠϯτʹμΠϨΫ τͰ߈ܸ͞ΕΔ
ͪΐͬͱϢʔβઢͰ ߟ͑ΕͤʹͳΕΔ