Samenvatting

Maandag, 21 oktober 2002
Wat voor ontwerp past bij
  • een wijzigfunctie
  • met zoveel data-elementen,
  • dat het niet meer op één scherm past?

Een Wizard?

Details 1- 9

Prompt 1 Prompt 5
Prompt 2 Prompt 7
Prompt 3 Prompt 8
Prompt 4 Prompt 9
 
Het eerste antwoord dat me te binnen schiet is een wizard.

De sequentiële navigatie van een wizard is me wat te lastig voor frequent gebruik. Het zou makkelijker moeten zijn om naar een specifiek detailscherm te gaan.

Meerdere tabbladen?

Een tweede gedachte is om tabbladen in te zetten als navigatie tussen de diverse detailschermen.
A B C D E

Details 1- 9

Prompt 1 Prompt 5
Prompt 2 Prompt 7
Prompt 3 Prompt 8
Prompt 4 Prompt 9
 

Hmm, dit ontwerp lijkt op het eerste gezicht aardig. Het geeft echter problemen met de navigatie.

  1. De gebruiker komt al snel in de verleiding om van tabblad naar tabblad te klikken, zonder de wijzigingen te bevestigen met de bewaar button.
  2. Wat zou er qua navigatie moeten gebeuren als de gebruiker wel op de bewaar button klikt?
    • Automatische navigatie naar een volgend tabblad is wat gekunsteld. Bovendien mist de gebruiker dan de feedback om te weten of de wijzigingen wel goed bewaard zijn.
    • Op het detailscherm blijven? Ook dat is lastig voor de feedback en het vraagt een extra handmatige actie om naar een volgend scherm te gaan.

Samenvatting > detail

Een alternatief, geïnspireerd op Jef Raskin's ZoomWorld (Hoofdstuk 6-2, Zoomworld, uit The Humane Interface)

Samenvattingscherm

Prompt A Detail 1, 2, 3, 4, 5 Prompt D Detail 31, 32, 33
Prompt B Detail 11, 12 Prompt E Detail 41, 42, 43, 44
Prompt C Detail 26, 27, 28, 29, 30
  1. Een overzichtscherm geeft een samenvatting van alle details.

    Het biedt links naar diverse vervolgschermen om details te wijzigen.

  2. Elk detailscherm heeft

    Details 1- 9

    Prompt 1 Prompt 5
    Prompt 2 Prompt 7
    Prompt 3 Prompt 8
    Prompt 4 Prompt 9
     
    • Een relatief onopvallend kruimelpad met een link terug naar de samenvatting.

      Het kruimelpad is een goede manier om het detailscherm bij uitzondering te verlaten zonder iets te wijzigen.

    • Een form met een bewaar button.
    Een klik op de bewaar button slaat de gegevens op en voert terug naar het overzicht, met een nieuwe samenvatting.
Dit ontwerp bevalt me, al is het een wat ongebruikelijke opzet.
  • De navigatie is mooi consistent met gebruikelijke lijst-detailschermen.
  • De navigatie is voorspelbaar, met heldere, standaard interface elementen:
  • De gebruiker komt niet snel in de verleiding om het detailscherm per ongeluk voortijdig te verlaten.

Samenvatting & detail

De navigatie tussen samenvatting en detail zit me toch nog niet helemaal lekker. Waarom 2 schermen, kan het niet met één? Het zou mogelijk moeten zijn om binnen in het samenvattingscherm een sectie te vergroten tot edit mode.

Mogelijk ja, maar dat geeft dezelfde navigatie problemen als bij de tabbladen. Ik hou het op een overzicht- en een detailscherm.

Tot de volgende week,
Henk Jan Nootenboom