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
610
最悪な UX に対処する
ktr
June 07, 2017
Tweet
Share
More Decks by ktr
See All by ktr
Designing libraries in Go way
ktr_0731
6
1.4k
Go Modules and Proxy Walkthrough
ktr_0731
8
26k
ソフトウェアの複雑さに立ち向かう技術 / Tackling software complexity
ktr_0731
0
160
Fuzzy finder as a Go library
ktr_0731
3
5.3k
つよくてニューゲーム / NewGame++
ktr_0731
0
890
やはり俺の Go アプリケーション設計はまちがっている。 / My Go Application Design Is Wrong, As I Expected
ktr_0731
13
3.4k
GopherCon2018
ktr_0731
2
1.7k
Evans: more expressive gRPC client
ktr_0731
2
400
自作 CLI ツールのワークフローとそれを支える技術 / the workflow of my CLI tool and technologies which supports it
ktr_0731
0
1.6k
Other Decks in Programming
See All in Programming
Creating Retro-Style Photos Using Swift
ski
1
340
htmx is fun!
codehex
2
190
PHP で読む楽しいコアダンプ
sji
0
240
object-oriented-conference-2024
fuwasegu
6
1.4k
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
18k
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
15
2.9k
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
DDD, necessary but insufficient: physical design principles for microservices
cer
PRO
0
2.1k
Dockerで始めるAWS Lambda開発
stutkhd0709
13
2.5k
Understanding Ast By Looking
inouehi
0
120
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.9k
Enhancing Applications with Accessibility API
kishikawakatsumi
3
850
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
Agile that works and the tools we love
rasmusluckow
323
20k
A Philosophy of Restraint
colly
195
15k
The Invisible Side of Design
smashingmag
293
49k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Side Projects
sachag
451
41k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Design by the Numbers
sachag
274
18k
Music & Morning Musume
bryan
39
5.5k
Building Applications with DynamoDB
mza
88
5.6k
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 ͷΤϯυϙΠϯτʹμΠϨΫ τͰ߈ܸ͞ΕΔ
ͪΐͬͱϢʔβઢͰ ߟ͑ΕͤʹͳΕΔ