Skip to content

Latest commit

 

History

History
23 lines (23 loc) · 1.46 KB

ui_design.md

File metadata and controls

23 lines (23 loc) · 1.46 KB
  1. Similar examples from other apps/websites for the same use case have been studied
  2. Information architecture has been followed. Think: Is the UI design forcing the user through the intended flow?
  3. Is the user eased-in to the UI or suddenly shown a bunch of confusing options? Is there a proper onboarding? (Reference: Useronboard)
  4. No dead ends on any page/screen. Always show empty states when needed
  5. Navigation items have room for growth as new features are added
  6. Every action that alters the user's data or application's settings can be undone.
  7. Dropdowns menu’s have been avoided on mobile UI’s
  8. Empty status must be informative and must prompt the user to take an action
  9. Fonts and colors must be consistent across all screens
  10. Brand names must be written consistently (SquareBoat vs Squareboat)
  11. Sufficient space must be available for user-interface text expansion
  12. Confirmation/Error message placement
  13. Validation errors
  14. Desktop and mobile views
  15. Loaders when necessary
  16. Clear call to actions
  17. Placeholders and tooltips for all necessary fields
  18. [Web] 404 and 500 page
  19. No dropdowns for short lists. Large buttons placed as radios
  20. [Web] Clear Visual Hierarchy and Navigation (Breadcrumbs)
  21. Multi-step workflows have a clear progress indicator (Step 1 of 4, 30% complete etc.) and a clear sense of where the user currently is.
  22. Spell check is done
  23. If UI contains a bulk upload feature, it must have an option to download a sample file.