Complexinterfaces

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