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
690
最悪な UX に対処する
ktr
June 07, 2017
Tweet
Share
More Decks by ktr
See All by ktr
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
9.4k
Monorepo における Go テストの差分実行 / Running Differential Go Tests in a Monorepo
ktr_0731
1
190
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
210
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
Datadog RUM 本番導入までの道
shinter61
1
310
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
mackey0225
2
520
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
120
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
m4maruyama
1
130
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
280
GoのWebAssembly活用パターン紹介
syumai
3
10k
Create a website using Spatial Web
akkeylab
0
290
[初登壇@jAZUG]アプリ開発者が気になるGoogleCloud/Azure+wasm/wasi
asaringo
0
130
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
380
Passkeys for Java Developers
ynojima
3
880
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
200
Featured
See All Featured
Designing for Performance
lara
609
69k
A better future with KSS
kneath
239
17k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Navigating Team Friction
lara
187
15k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Statistics for Hackers
jakevdp
799
220k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Speed Design
sergeychernyshev
31
1k
Embracing the Ebb and Flow
colly
86
4.7k
Documentation Writing (for coders)
carmenintech
71
4.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Side Projects
sachag
455
42k
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 ͷΤϯυϙΠϯτʹμΠϨΫ τͰ߈ܸ͞ΕΔ
ͪΐͬͱϢʔβઢͰ ߟ͑ΕͤʹͳΕΔ