Embed Size (px)
DESCRIPTION
Approaches to designing complex interfaces.
Citation preview
Designing Complex InterfacesBojhan Somers
Hello!
Bojhan
Why Complex?
Complexity = Capability
Why Complex?
“Understanding what users really need”
Why Complex?
“If everything is important, nothing is”
Usability an after thought
Understanding User Goals
• Talking to users• Observing users
ToolsInform design
Concepts &
Relationships
Concepts & Relationships
• Understanding the “what”• Working on the invisible
Concepts & Relationships
• Data object types• Functional Elements
Views2 Concept map Roy Scholten (yoroy)
Software vs
User leading
Software vs User leading
• Interface for Neurosurgeons • Interface for doing taxes
Software Leads
User Leads
But…
Bulk Rename aplication
Flexible
• Drupal’s code is really flexibleBut..• Is Drupal’s interface really flexible?
Screen States
Screen States
• Blank• Regular• Error• Flooded
Blank
Blank
Blank
Regular
Error
Flooded
“What happends if you have 20.000 nodes?”
Flooded
Flooded
Tools
• Concepts & Relationships• Software vs User leading• Screen states
Views 2
Views2
Walkah’s eye-tracking
Real eye-tracking
Concepts & Relationschips
Concepts & Relationschips
Software vs User leading
Views2
Blank state
Regular state
Flooded state
Views 2
• Could use some work still• Lower the barrier
Principles
Designing the invisible
“The beter the design, the more invisble it becomes” – Jared M. Spool
Fail often
• Set time a side to experiment• Don’t code to much• Indepth feedback
Design communication
• Design your documents• Open source
– Deliverable not the intresting part– No is good, hmm is bad
Set a vision
• Clear vision amongst team
Form Builder
Content types interface
Fields
Article Article
TitleTaxonomy
Body
Drupal 7 Title
Taxonomy
Body
Drupal 7 interface
Form builder
Moving fields around
Field Element
Why is it good?
• Maps closer to the mental model
Why is it good?
• Reusable pattrens
Why is it good?
Proven interaction
Why is it good?
Flexible components
Designing complex interfaces
• Tools• Principles
Let’s work on this!
• UX – Sprint tomorrow• D7UX.org• Drupalusability.org
Thanks!bojhan.nl
