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
680
最悪な UX に対処する
ktr
June 07, 2017
Tweet
Share
More Decks by ktr
See All by ktr
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
9k
Monorepo における Go テストの差分実行 / Running Differential Go Tests in a Monorepo
ktr_0731
1
180
Designing libraries in Go way
ktr_0731
7
1.5k
Go Modules and Proxy Walkthrough
ktr_0731
8
27k
ソフトウェアの複雑さに立ち向かう技術 / Tackling software complexity
ktr_0731
0
200
Fuzzy finder as a Go library
ktr_0731
3
5.9k
つよくてニューゲーム / NewGame++
ktr_0731
0
1k
やはり俺の Go アプリケーション設計はまちがっている。 / My Go Application Design Is Wrong, As I Expected
ktr_0731
13
3.6k
GopherCon2018
ktr_0731
2
1.8k
Other Decks in Programming
See All in Programming
"使いづらい" をリバースエンジニアリングする UI の読み解き方
rebase_engineering
0
110
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
190
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
kasacchiful
0
180
TSConfig Solution Style & subpath imports to switch types on a per-file basis
maminami373
1
180
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
230
コードに語らせよう――自己ドキュメント化が内包する楽しさについて / Let the Code Speak
nrslib
5
930
「MCPを使ってる人」が より詳しくなるための解説
yamaguchidesu
0
580
try-catchを使わないエラーハンドリング!? PHPでResult型の考え方を取り入れてみよう
kajitack
3
220
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
techtver
PRO
0
700
SpringBootにおけるオブザーバビリティのなにか
irof
1
880
CRUD から CQRS へ ~ 分離が可能にする柔軟性
tkawae
0
220
技術的負債と戦略的に戦わざるを得ない場合のオブザーバビリティ活用術 / Leveraging Observability When Strategically Dealing with Technical Debt
yoshiyoshifujii
0
160
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
RailsConf 2023
tenderlove
30
1.1k
Writing Fast Ruby
sferik
628
61k
Unsuck your backbone
ammeep
671
58k
The Cult of Friendly URLs
andyhume
78
6.4k
Done Done
chrislema
184
16k
Designing for Performance
lara
608
69k
Balancing Empowerment & Direction
lara
1
84
Docker and Python
trallard
44
3.4k
Agile that works and the tools we love
rasmusluckow
329
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
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 ͷΤϯυϙΠϯτʹμΠϨΫ τͰ߈ܸ͞ΕΔ
ͪΐͬͱϢʔβઢͰ ߟ͑ΕͤʹͳΕΔ