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
71
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
85
Improving UX via Front-end Optimization
Avatar for Udeze 'Kene udezekene
1
73
Empathy in Design
Avatar for Udeze 'Kene udezekene
2
190
CodeCamp 2015: Day 1 - UX Design Class
Avatar for Udeze 'Kene udezekene
0
77
TEDxUnilag - Empathy As a tool for breaking through the box
Avatar for Udeze 'Kene udezekene
0
67
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
SoccerMaster: A Vision Foundation Model for Soccer Understanding
Avatar for Kazuyuki Miyazawa kzykmyzw
0
150
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
Avatar for Rakus_Dev rakus_dev
0
140
kaonavi Tech Night＃1
Avatar for 株式会社カオナビ kaonavi
0
120
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
Avatar for 西田泰明 ynisqa1988
1
680
タスクの複雑さでモデルを選ぶ ── Thompson Samplingで動かす“トークン/コスト最適化
Avatar for satoh-y-0323 satohy0323
0
570
第67回コンピュータビジョン勉強会CVPR2026読会前編
Avatar for TSUKAMOTO Kenji tsukamotokenji
0
150
穢れた技術選定について
Avatar for watany watany
18
5.7k
LLMやAIエージェントをソフトウェアに組み込むプラクティス
Avatar for shibuiwilliam shibuiwilliam
2
430
ソニー銀行におけるビジネスアジリティ向上のためのクラウドシフト戦略
Avatar for srenext srenext
0
860
シンガポールで登壇してきます
Avatar for Yuuki Yamashita yama3133
0
250
LLM/Agent評価：トップ営業の発言を「正解」にする 〜暗黙的正解による評価を営業資産に変える〜
Avatar for Hirotaka takkuhiro
1
230
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
Avatar for Rakus_Dev rakus_dev
0
150

Featured

See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
350
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
170
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
550
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k

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