Skip to content

gui-v0.0.1.12

Choose a tag to compare

@unclehowell unclehowell released this 11 Jun 15:20
· 13 commits to gui since this release

[gui-v0.0.1.12]

Changed

  • gui release 0.0.1.12

Web Research

Here’s a concise cheat‑sheet of GUI (Graphical User Interface) best practices that work well for web, desktop, and mobile applications.


1. Consistency & Standards

  • Visual language – reuse colors, typography, icons, and spacing across screens.
  • Interaction patterns – stick to platform conventions (e.g., hamburger menu on mobile, hover effects on desktop).
  • Terminology – use the same wording for the same actions (e.g., “Save” vs. “Submit”).

2. Simplicity & Clarity

  • Focus on primary tasks – hide secondary options behind menus, accordions, or progressive disclosure.
  • Limit choices – 5‑7 options per screen is a good rule of thumb (Hick’s Law).
  • Clear labels – avoid jargon; make button text action‑oriented (“Add Contact”, not “Submit”).

3. Feedback & Affordance

  • Immediate response – show visual (spinner, button state) or auditory cues within ≈ 100 ms.
  • State indication – disabled, hovered, pressed, loading, error, success