Skip to content
Dice Academy | Blog | Delhi Web design & Graphic Institute

Dice Academy | Blog | Delhi Web design & Graphic Institute

Dice Academy Blog

  • Home
  • Courses
    • Graphic Design Courses
    • Web Design Courses
    • Pro Graphics and Web design Course
    • Motion Graphics
    • Advanced Web Development Courses
    • UI/UX
  • Placements
  • Team/Faculties
  • Contact Us
  • Toggle search form
Design a better form

Design Better Forms

Posted on January 16, 2020October 27, 2020 By Saksham Pandey No Comments on Design Better Forms

Common mistakes designers make and how to fix them

Forms are one of the most important components of digital product design. Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface. Forms are the way for lead generation.This article focuses on the common dos and don’ts of form design. Keep in mind that these are general guideline and there are exceptions to every rule.

1. Keep Form in Single Column

2. Top align labels

3. Group labels with their inputs

4. Avoid all caps

5. Show all selection options if under 6

6. Resist using placeholder text as labels

7. Place checkboxes (and radios) underneath each other for scannability

8. Make CTAs descriptive

9. Specify errors inline

10. Use inline validation after the user fills out the field (unless it helps them while in the process)

11. Don’t hide basic helper text

12. Differentiate primary from secondary actions

13. Use field length as an affordance

14. Ditch the * and denote optional fields

15. Group related information

Thanks

Share on Social Media
twitter facebook pinterest linkedin emailwhatsapp
Form Design, Graphic Design Tags:Form Design, Graphic Design

Post navigation

Previous Post: Five points to keep in mind while designing a great logo
Next Post: 100 Essential Free Resources for Graphic/UI/UX Designers.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

*

code

Recent Posts

  • (no title)
  • Difference between Good UX Design and Bad UX Design
  • 7 type of logos: When, Why and How to creatively use them
  • How to make a career as a Calligrapher
  • 6 best career opportunities after BA: Options ahead for you after BA?

Recent Comments

    Archives

    • June 2022
    • September 2021
    • August 2021
    • July 2021
    • June 2021
    • May 2021
    • April 2021
    • March 2021
    • February 2021
    • January 2021
    • December 2020
    • November 2020
    • October 2020
    • September 2020
    • January 2020

    Categories

    • 100% Placement
    • Advanced Web Development
    • BCA
    • best Graphic Design institute
    • Best Institute In Delhi
    • Branding
    • Business
    • Career
    • Career After MCA
    • Certificate
    • Communication Design
    • corporate training institute
    • Corporates
    • Degree
    • DICE
    • DICE Academy
    • Diploma
    • Fine Art
    • Form Design
    • Graphic Design
    • Logo Design
    • MCA
    • Motion Graphics
    • Photography
    • Placement
    • Top Design Institute in delhi
    • Top Placement
    • UI UX Design
    • Uncategorized
    • Web Design
    • Web Development

    Meta

    • Register
    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org

    Copyright © 2023 Dice Academy | Blog | Delhi Web design & Graphic Institute.

    Powered by PressBook WordPress theme