DZone
Java Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Java Zone > How Our Brain Works When It Perceives a User Interface

How Our Brain Works When It Perceives a User Interface

Spyros Doulgeridis user avatar by
Spyros Doulgeridis
·
Apr. 29, 12 · Java Zone · Interview
Like (0)
Save
Tweet
3.92K Views

Join the DZone community and get the full member experience.

Join For Free

In his very interesting post, Johannes Thones, provides the 14 Golden Eggs of Good Design originating from Joe Nuxoll talk at Devoxx.   Although, most of them are self explanatory, some of them (9, 10,11 and 12) are not so straight forward even for experienced developers. So just reposting the most interesting parts in IMHO :)

  1. The underlying data structure should not define the user interface
  2. The interface should not define the data structure
  3. Need must proceed technology
  4. Start the process with real use cases
  5. Identify distinct categories of people that will use your app
  6. Think in flows not in features
  7. Prototype often. Abandom prototypes often
  8. Make the next step obvious
  9. Reduce the number of perceived things.To understand this, you have to understand how our brain works, when it perceives a user interface. There are always three phases:    
    1. In the emotional phase, the brain recognizes colors, layouts and images on the screen. It sets the tone of the interaction with the UI.    
    2. In the parsing phase, the brain figures out the purpose of every element on the screen. It prepares the user for the task.    
    3. In the execute phase, the user starts to interact with the first element of the UI.
      The more elements are on the screen, the more elements have to be parsed in the second phase. The more elements, the harder it is to understand for the user what he should do. The more elements, the more time the user needs, to understand the UI.
  10. Leverage muscle memory. Be consistent Our brain is a muscle. It can be trained. It reacts to common patterns. So make your UI consistent to use. Same things should always look the same. And they should align with the behavior the user expects from his operating system.
  11. Think outside the page load. If you can do stuff in-place. If you are inside the web, avoid complete page loads. Use the techniques offered by AJAX to load new elements or information in place. So the user does not have to re-parse all the elements because they are gone temporarily.
  12. Use transitions to change state. If your application changes the state, use simple transitions to make clear what is happening. For example, if you hide someting, fade it out so the user knows where to look if he wants to have it back.
  13. Iterate & Refine. Iterate & Refine
  14. Provide your customer with great experience.

You can check his post for more extensively analysis.
Brain (computer virus) Interface (computing) Element

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • How to Determine if Microservices Architecture Is Right for Your Business
  • Debugging Deadlocks and Race Conditions
  • How to Properly Format SQL Code
  • Autowiring in Spring

Comments

Java Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo