$30 off During Our Annual Pro Sale. View Details »

A Form of Madness

Avatar for Udeze 'Kene Udeze 'Kene
September 25, 2014
Technology
0
65

A Form of Madness

A guide to improving the User Experience of a form

Avatar for Udeze 'Kene

Udeze 'Kene

September 25, 2014
Tweet

More Decks by Udeze 'Kene

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

Other Decks in Technology

See All in Technology
【ASW21-02】STAMP/CAST分析における生成AIの支援 ～羽田空港航空機衝突事故を題材として （Support of Generative AI in STAMP/CAST Analysis - A Case Study Based on the Haneda Airport Aircraft Accident -）
Avatar for Hiroyuki.Anraku hianraku9498
2
570
ブラウザ拡張のセキュリティの話 / Browser Extension Security
Avatar for GMO Flatt Security flatt_security
0
250
意外と難しいドメイン駆動設計の話
Avatar for ZOZO Developers zozotech
PRO
0
990
事業部のプロジェクト進行と開発チームの改善の “時間軸" のすり合わせ
Avatar for konifar konifar
9
2.7k
タグ付きユニオン型を便利に使うテクニックとその注意点
Avatar for uhyo uhyo
2
420
HIG学習用スライド
Avatar for 野瀬田　裕樹 yuukiw00w
0
100
Flutter Thread Merge - Flutter Tokyo #11
Avatar for JaiChangPark itsmedreamwalker
1
130
MySQL AIとMySQL Studioを使ってみよう
Avatar for mikoma ikomachi226
0
130
プラットフォームエンジニアリングとは何であり、なぜプラットフォームエンジニアリングなのか
Avatar for doublemarket doublemarket
1
530
AI時代のインシデント対応 〜時代を切り抜ける、組織アーキテクチャ〜
Avatar for Kazuto Kusama jacopen
4
180
生成AI・AIエージェント時代、データサイエンティストは何をする人なのか？そして、今学生であるあなたは何を学ぶべきか？
Avatar for kuri8ive kuri8ive
2
960
命名から始めるSpec Driven
Avatar for Kurowi kuruwic
3
800

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
73
19k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k

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