# Layout concepten

## Visualisatie sidebar onderaan <a href="#visualisatie-sidebar-onderaan" id="visualisatie-sidebar-onderaan"></a>

![Afb 1. Brain Map variatie 1](https://gblobscdn.gitbook.com/assets%2F-M8FTBdo8vDuRK0K2-5I%2F-M8LLWmnB2i2GcxMpf3D%2F-M8LxKr_1O8jY8CcyBNX%2Fvar1.png?alt=media\&token=8c58e3fb-f17c-4ef8-908f-a4f11c79ddd1)

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 <a href="#build-your-own-visualisations" id="build-your-own-visualisations"></a>

![Afb 2. Brain Map variatie 2](https://gblobscdn.gitbook.com/assets%2F-M8FTBdo8vDuRK0K2-5I%2F-M8LLWmnB2i2GcxMpf3D%2F-M8LxRpZvQgJ66lpYCFm%2Fvar2.png?alt=media\&token=c5181ad2-e5f5-4faa-953e-94b0d071975e)

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 <a href="#sidebar-links-en-rechts-met-topnavigatie" id="sidebar-links-en-rechts-met-topnavigatie"></a>

![Afb 3. Brain Map variatie 3](https://gblobscdn.gitbook.com/assets%2F-M8FTBdo8vDuRK0K2-5I%2F-M8LLWmnB2i2GcxMpf3D%2F-M8LxYAR7pDJgW4emrOp%2Fvar3.png?alt=media\&token=007b4b9e-4ac3-4c99-986f-446b306d8dd5)

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.
