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

A Form of Madness

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
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
Avatar for Rakus_Dev rakus_dev
0
140
SRE Next 2026 何でも屋からの脱却
Avatar for Masato Bito bto
0
1k
知らん間に、回ってる
Avatar for ming ming_ayami
0
740
穢れた技術選定について
Avatar for watany watany
18
5.7k
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
Avatar for Rakus_Dev rakus_dev
0
150
アップデートで何が変わった？デモで学んで使いこなすIBM Bob2.0
Avatar for mu (Mizuho Uehara) muehara
0
170
AIと共生する開発者プラットフォーム：バクラクのモノレポ×マイクロサービス基盤
Avatar for sakajunquality sakajunquality
2
4k
しくみを学んで使いこなそう GitHub Copilot app
Avatar for Toru Makabe torumakabe
2
290
実践！既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
250
LLM/Agent評価：トップ営業の発言を「正解」にする 〜暗黙的正解による評価を営業資産に変える〜
Avatar for Hirotaka takkuhiro
1
230
「守りたい体験」を渡すだけで E2E を生成させられるようになった話
Avatar for May hinac0
1
740
ガバナンスの「ちょうどいい落とし所」を探れ！開発スピードを妨げない運用判断の勘所 / SRE NEXT 2026
Avatar for GENDA genda
1
260

Featured

See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
170
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
450
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
230
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k

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