Product Biografie
  • Product Biografie
  • Intro
    • Inleiding
    • Over PICTURE
    • Begrippenlijst
  • Onderzoek
    • Het probleem
      • Focus
      • Aanleiding
      • Probleemsituatie
      • De 5 W's
      • Design brief
      • Design challenges
    • Desk research
      • Deelvragen
      • Productvisie
      • Information ecology
      • Wireflow
      • Benchmark
      • Good, best & bad practices
      • Design patterns onboarding
      • Huisstijl
    • Stakeholder onderzoek
      • Stakeholder map
      • Stakeholders
    • Gebruikers onderzoek
      • Interview
      • Day in the life
      • User journey feedback
      • User journey V3
      • Empathy map
      • Conclusie
    • Data analyse
      • Intro
      • Datamodel (3x)
      • Data model output
      • Data visualisation
      • Conclusie
    • Feedback
      • Co-creatie sessie 20 maart
      • Co-reflectie sessie 20 maart
      • Coachingsessie 23 maart
      • Expert review 24 maart
      • Usability test 24 maart
      • Feedback frenzy 26 maart
      • Coachingsessie 09 april
      • Expert review 15 april
      • Groenlicht presentatie 14 mei
      • Expert review 19 mei
      • Coachingsessie 21 mei
      • Quality Review 22 mei
  • Ideeën & concept
    • Sitemap (2x)
    • Concepting
      • Programma van eisen
      • MoSCow
      • Ideeën generatie
      • Layout concepten
      • Morfologische kaart
      • Job stories
      • Functionaliteiten
    • Lo-Fi
      • Lo-Fi V1
      • Lo-Fi V2
    • Interaction design
      • Interaction design V1
      • Interaction design V2
    • Hi-Fi
      • Hi-Fi V1
      • Hi-Fi V2
      • Hi-Fi V3
      • Hi-Fi V4
      • Hi-Fi V5
      • Hi-Fi V6
  • Het product
    • Het product
    • Feature: Brain Map Manager
    • Feature: Filter
    • Feature: MRI-scan
    • Feature: Visualisaties
    • Feature: Toolbar
    • Schermen
    • Prototype
    • Video's
  • Afronding
    • Vervolgstappen
    • Toekomstvisie
    • Conclusie & waarde
  • Overig
    • Opleveringen CMD
    • Planning
    • Bronnenlijst
Powered by GitBook
On this page
  • Visualisatie sidebar onderaan
  • Build your own visualisations
  • Sidebar links en rechts met topnavigatie

Was this helpful?

  1. Ideeën & concept
  2. Concepting

Layout concepten

PreviousIdeeën generatieNextMorfologische kaart

Last updated 4 years ago

Was this helpful?

Visualisatie sidebar onderaan

Afb 1. Brain Map variatie 1

Naar aanleiding van de feedback van Jan Jaap om de grafieken onderin te plaatsen heb ik hier een schetsje voor gemaakt. Toch kwam ik er hier achter dat de ordening hier niet handig is om verschillende redenen:‌

Er is weinig ruimte voor de filters. Als de gebruiker een filter uitklapt dan verschijnt er een visualisatie, vaak in de vorm van een histogram of iets dergelijks. Dit neemt dan ook weer heel veel ruimte in beslag en zorgt ervoor dat er nog minder items in de viewport kunnen.‌

Ook is het minder logisch dat je links bij de filters iets muteert, je onderin het resultaat daarvan ziet.‌

Conclusie: o.b.v deze inzichten ben ik tot de conclusie gekomen dat ik de visualisatie rechts ga plaatsen omdat dit in de huidige tool ook al zo werkt en dit zorgt voor optimaal gebruik van de ruimte en logica.‌

Build your own visualisations

Verder vond ik dat de visualisaties rechts veel ruimte in beslag namen maar ik wist niet zo goed hoe ik dit kon beperken. Ik heb hier een variatie bedacht waar er 1 visualisatie onderaan getoond wordt. De gebruiker kan zelf variabelen toevoegen om deze samen te stellen. Deze optie moet nog wel gevalideerd worden bij het VUmc. Aangezien ik daar nu nog niet mee kon overleggen heb ik dit idee even geparkeerd. In de volgende meeting zal ik deze versie ook voorleggen.‌

Conclusie: ik vind dit een interessante variatie die veel opties kan bieden voor een visualisatie gebaseerd op basis van de wensen van de gebruiker. Echter moet dit nog besproken worden met het VUmc en weet ik dus niet of dit haalbaar/bruikbaar is.‌

Sidebar links en rechts met topnavigatie

Aangezien ik niet goed uit de navigatie kwam heb ik hier een variatie gemaakt met een topnavigatie met 3 items (de 3 stappen). Hierdoor kan er makkelijk geswitched worden tussen de verschillende stappen.‌

Deze versie heb ik ook voorgelegd aan Raymond en Marten om hier op UX gebied feedback op te krijgen. Marten gaf hier wel aan dat de tabjes de indruk kunnen wekken dat het verschillende pagina’s/menu items zijn terwijl dit eigenlijk dient als “switch”. Hij gaf aan er daadwerkelijk tabs van te maken die een niveau lager staan, dus in de brian map viewer, aangezien ze daarop slaan.‌

Conclusie: ik ben tot de conclusie gekomen dat ik in de brain map viewer inderdaad een switch wil maken tussen de pre filter en de detailed filter. De brain map manager neem ik op in de topnavigatie. Als de gebruiker op het logo klikt gaat hij/zij uit de visuele tool en naar de brain map manager. Uiteindelijk leek mij dit de beste optie en ben ik hier op verder gegaan. In de volgende versie van mijn HI-FI prototype is de uitkomst hiervan te zien.

Afb 2. Brain Map variatie 2
Afb 3. Brain Map variatie 3