? UX Ontwerp: Claro Clinic — Joran Kooij

Beveiligd Datapunt

Dit project is beveiligd. Voer de toegangscode in om de case study te bekijken.

Onjuiste code. Probeer het opnieuw.

← Terug naar overzicht

Claro
Clinic.

Van zes ontwerpeisen naar een interactief prototype — gebouwd op theorie, niet op buikgevoel.

UX Ontwerp Interactie-ontwerp Prototyping LUK 8.2

Docentweergave (Criteria & Verantwoording)

Zet deze modus aan om de beoordelingscriteria in de tekst te highlighten.

BC 8.2.1

Je creëert met behulp van creatieve technieken ideeën voor interactieve digitale producten en onderbouwt welke het best aansluiten bij de ontwerpeisen.

BC 8.2.2

Je realiseert (deel)producten die aansluiten bij het ontwerpdoel en past daarbij relevante theorie toe.

De Bezem erdoor: Structurele rust.

Voordat ik ook maar één scherm ging uittekenen, moest eerst de bezem door de gigantische brei aan oude webpagina's.

Tijdens de eerdere heuristische evaluatie zag ik al dat patiënten eigenlijk best snel verdwaalden door de enorme keuzestress. Geheel volgens Hick's Law (meer opties = langere beslistijd) heb ik de navigatie drastisch gesnoeid. Het had weinig zin om details te ontwerpen als het fundament wankelde.

Deze nieuwe sitemap is compleet anders ingestoken: veel platter en meer gecategoriseerd vanuit het denkpatroon van de patiënt, in plaats van zware klinische termen. Mensen zoeken tenslotte vaker op 'klachten' of een specifiek lichaamsdeel dan direct op de technische naam van een ingreep.

Door de boel zo plat te slaan creëer ik feitelijk al direct de "Warm Medical Sanctuary" ervaring. Dit sluit namelijk perfect aan bij de ontwerpeisen voor Vertrouwen & Transparantie (BC 8.2.1), omdat de gebruiker nu wel direct het gevoel heeft de regie te hebben, in plaats van overspoeld te worden met jargon.

Sitemap Claro Clinic (Figma) Open in Figma ↗

Nieuw Datapunt in Ontwikkeling

De content voor dit showcase-onderdeel (UX Ontwerp & Realisatie) wordt momenteel vanaf de grond af opgebouwd. Kom later terug voor de definitieve case study.

Bronnenlijst (APA)

De theorieën die het fundament vormden voor dit herontwerp.

  • Albers, J. (2006). Interaction of Color. Yale University Press.
  • Bringhurst, R. (2004). The Elements of Typographic Style (3e druk). Hartley & Marks.
  • Cialdini, R. B. (1984). Influence: The Psychology of Persuasion. Harper Business.
  • Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391.
  • Fogg, B. J. (2003). Prominence-Interpretation Theory: Explaining How People Assess Credibility Online. CHI '03 Extended Abstracts on Human Factors in Computing Systems, 722–723.
    [ACM Digital Library]
  • Hall, E. (2013). Just Enough Research. A Book Apart.
    [A Book Apart]
  • Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26.
  • IDEO. (z.d.). How Might We. Design Kit. Geraadpleegd op 12 april 2026, van https://www.designkit.org/methods/how-might-we
  • Koffka, K. (1935). Principles of Gestalt Psychology. Harcourt, Brace and Company.
  • Nielsen, J. (1994). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group.
    https://www.nngroup.com/articles/ten-usability-heuristics/
  • Nielsen Norman Group. (2006). F-Shaped Pattern For Reading Web Content. Geraadpleegd op 12 april 2026, van https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
  • Norman, D. A. (2004). Emotional Design: Why We Love (or Hate) Everyday Things. Basic Books.
  • Rosala, M. (2021, 17 januari). Using "How Might We" Questions to Ideate on the Right Problems. Nielsen Norman Group.
    https://www.nngroup.com/articles/how-might-we-questions/

Vorig datapunt

Claro Clinic: UX Onderzoek (1/2)