Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A Form of Madness

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Udeze 'Kene Udeze 'Kene
September 25, 2014
Technology
74
0

A Form of Madness

A guide to improving the User Experience of a form

Avatar for Udeze 'Kene

Udeze 'Kene

September 25, 2014

More Decks by Udeze 'Kene

See All by Udeze 'Kene
Inclusive Design: You + Me + Everyone
Avatar for Udeze 'Kene udezekene
1
110
How to Design Products That People Will Love
Avatar for Udeze 'Kene udezekene
1
86
Improving UX via Front-end Optimization
Avatar for Udeze 'Kene udezekene
1
75
Empathy in Design
Avatar for Udeze 'Kene udezekene
2
190
CodeCamp 2015: Day 1 - UX Design Class
Avatar for Udeze 'Kene udezekene
0
80
TEDxUnilag - Empathy As a tool for breaking through the box
Avatar for Udeze 'Kene udezekene
0
70
Designing for Humans
Avatar for Udeze 'Kene udezekene
1
110
UX Design - getting started
Avatar for Udeze 'Kene udezekene
0
100
Technology: Yesterday, Today and Tomorrow | #Techlead Talk
Avatar for Udeze 'Kene udezekene
1
210

Other Decks in Technology

See All in Technology
Sony-DroidKaigi2026
Avatar for ソニー株式会社 sony
1
400
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
1.9k
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
Avatar for MasahiroKawahara masahirokawahara
1
330
なぜSRE・セキュリティは評価されないのか？守りの組織を事業成長エンジンに変えた実践
Avatar for サイバーセキュリティクラウド cscengineer
PRO
3
2.3k
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
Avatar for Go Akazawa go0517go
PRO
0
260
omasushiというライブラリを作った
Avatar for polidog polidog
PRO
0
130
AndroidでHDRメディアを「壊さずに」扱う
Avatar for Kazuki Chigita chigichan24
0
420
enechainの内製セルフサービスプラットフォーム
Avatar for Tomoya Usami hiyosi
0
130
AI活用の現在地、 ちゃんと見えてますか？/XPfest-2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
160
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
Avatar for Jotaro Nishime jnishime_dresscode
2
1.4k
動画配信アプリでの Engage SDK 導入 — TVer Android が Play ストアにコンテンツを届けるまで
Avatar for TVer Inc. techtver
PRO
0
140
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
Avatar for oracle4engineer oracle4engineer
PRO
2
240

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
540
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
510
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
320
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.5k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490

Transcript

  1. A Form of Madness @udezekene

  2. <form> Username Password Log In What & Why

  3. What Why Email Address A form is a document that

    asks questions and has space for the answers. Ubiquitous

  4. Jumia.com

  5. Gigalayer.com

  6. Truppr.com

  7. Design Checklist Use the right field Keep it short Is

    it necessary Be Clear Useful Error messages Preserve state

  8. Label Radio Button Checkbox Small description Label Select Box Use

    the right field Keep it short Is it necessary Be Clear Useful Error messages Preserve state Design Checklist

  9. Use the right field Keep it short Is it necessary

    Be Clear Useful Error messages Preserve state Design Checklist Konga.com

  10. Use the right field Keep it short Is it necessary

    Be Clear Useful Error messages Preserve state Design Checklist Yahoo.com

  11. Pretty Cool Forms

  12. Thank You