Syarah Dalfour

Ommetje

With an emphasis on precision and structure, this work brings clarity and modern aesthetics together within a consistent visual system framework.

Packaging product box

Client:

Transparent Things

Categorie

Web Design, Typography

Tools:

Figma, Miro

Rol

UX & UI Design

I am an expert in creating unique and immersive micro environments that give your space a special touch.

Ultrices lobortis varius elit dolor turpis venenatis. In etiam lacus tellus eget. Massa vitae pellentesque proin non malesuada. Non gravida id eu mi sed tristique felis lobortis rutrum. Eu sed leo non porttitor lacus. Ut vel et auctor eu lacus, egestas. Velit amet adipiscing porttitor nunc, neque tristique.

Tristique luctus amet commodo lobortis ut tellus mauris, purus dictumst. Tincidunt diam aenean commodo odio cras augue a donec eget. Posuere interdum neque morbi nec ut enim ipsum lacus, aliquam.

Het probleem

We take great pride in our expertise, dedicating ourselves to expertly crafting immersive micro environments.

Ultrices lobortis varius elit dolor turpis venenatis. In etiam lacus tellus eget. Massa vitae pellentesque proin non malesuada. Non gravida id eu mi sed tristique felis lobortis rutrum. Eu sed leo non porttitor lacus. Ut vel et auctor eu lacus, egestas in eu. Velit amet adipiscing porttitor nunc, neque tristique. Ornare amet, gravida tellus nisl.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero pharetra augue.

Manage all your bills, accounts

Deepdive

Business goals

Based on the debriefing and desired outcomes for the project I defined three business goals in order to have an overview of the goals this re-design needs to achieve.

01

Tijdverlies aan filter- en zoekwerk naar relevante informatie in meerdere systemen

02

Risico op rumoer en drukte op de werkvloer tijdens piekmomenten 

03

Gebrek aan duidelijk notificeren en attenderen bij (lopende) incidenten

Business goals

Based on the debriefing and desired outcomes for the project I defined three business goals in order to have an overview of the goals this re-design needs to achieve.

01

Tijdverlies aan filter- en zoekwerk naar relevante informatie in meerdere systemen

02

Risico op rumoer en drukte op de werkvloer tijdens piekmomenten 

03

Gebrek aan duidelijk notificeren en attenderen bij (lopende) incidenten

  • Eerste opzet van informatie en schermonderdelen 
    Experimenteren met de structuur voor de informatie die het systeem bied en layout daarvan
     

  • Bepalen van informatie en hiërarchie 
    Specificeren welke informatie moet worden weergegeven en daarbij de hierarchie

  • Eerste opzet van informatie en schermonderdelen 
    Experimenteren met de structuur voor de informatie die het systeem bied en layout daarvan
     

  • Bepalen van informatie en hiërarchie 
    Specificeren welke informatie moet worden weergegeven en daarbij de hierarchie

Iteratie 2

  • Experimenteren met nieuwe opzet 
    Nieuwe layout van de schemronderdelen

  • Optimaliseren van de systeem navigatie 
    Verbeteren van de gebruikersnavigatie zodat de gebruiker via de kortste route bij de benodigde informatie komt
     

  • Weergave en hiërarchie
    Optimaliseren van de visualisatie en hiërarchie van schermonderdelen
     

  • Eerste usability test
    Eerste ronde voor verzameling van feedback d.m.v testen

Iteratie 3

  • Verwerken van feedback uit de usability test

  • Experimenteren met UI-elementen
    Aanpassen van kleur, vorm en lay-out
     

  • Uitwerken van details voor meer realisme 
    Verfijnen van ontwerpdetails voor een realistischer prototype
     

  • Aanpassen schermgrootte
    Vergroten van het scherm en aanpassen van de lay-out om meer ruitme te creeren voor alle schermonderdelen.
    Hierdoor sluiten deze beter aan op grotere displays voor hun workflow.

Iteratie 4

  • Definitieve UI
    Kiezen van de uiteindelijke gebruikersinterface

  • Gedetailleerd uitwerken van interacties en scenario’s in het prototype
     

  • Vloeiende navigatie in prototype:
    Toevoegen van details in het prototype die een meer realisitsche uitstraling geven

Eindproduct

Eindproduct

Eindproduct

Pijnpunt

Tijdverlies aan filter- en zoekwerk naar relevante informatie in meerdere systemen

Oplossing en impact

  • Kortere wegen: Sneller toegang naar benodigde informatie in minder klikken
     

  • Relevante weergave: Informatie afgestemd op de relevantie voor OC's in elke regio
     

  • Eén overzichtelijk systeem
     

  • Cartografische weergave die overeenkomt met de incidentenlijst
     

  • Inzage gehele situatie rondom een incident op het bijbehorende baanvak

Pijnpunt

Gebrek aan duidelijk notificeren en attenderen bij (lopende) incidenten

Oplossing en impact

  • Visuele hiërarchie: Duidelijke onderscheid tussen verschillende typen notificaties en hun locatie in het systeem
     

  • Automatisering: Automatische meldingen bij updates van lopende incidenten
     

  • Personalisatie: Kaart weergave en snel navigatie filters op basis van Regio

Pijnpunt

Risico op rumoer en drukte op de werkvloer tijdens piekmomenten 

Oplossing en impact

  • Collega's informeren door nieuwe incident informatie in het systeem te noteren:
    De mogelijkheid om notities in het systeem toe te voegen over nieuwe incident informatie die telefonisch wordt doorgegeven.

    Dit bespaart tijd, omdat verbale communicatie op de werkvloer niet altijd meer nodig is
     

  • Het systeem bied de mogelijkheid notities te koppelen aan inkomende incidenten.
    Dit gebeurt via trefwoorden, waardoor de kaartweergave overzichtelijk blijft.

Conclusie

Conclusie

Conclusie

Voor dit project heb ik diepgaand onderzoek gedaan naar mijn gebruikers en hun werkproces, met als doel meer efficiëntie te creëren. Dit leidde tot een helder overzicht van de huidige situatie en de belangrijkste pijnpunten, waar de doelgroep het meest van zou profiteren als deze werden opgelost. 

Het eindproduct
Op basis van deze informatie heb ik de verdere fases van het double diamond design proces doorlopen. Dit resulteerde in TrainTrack: het overzicht systeem dat OC's (Operationeel Coördinatoren) bij NS een efficiënter werkproces biedt. Dit systeem geeft de mogelijkheid om OC's sneller bij de benodigde en relevante informatie te brengen, en te ondersteunen in communicatie op de werkvloer. 


Afsluiting
Dit was een zeer leerzaam project met een aangename hoeveelheid complexiteit, waarbij ik goed de diepte in kon duiken in. Het resultaat is een product dat een oplossing vormt voor de belangrijkste pijnpunten en aansluit op de wensen en werkproces van de doelgroep.

Voor dit project heb ik diepgaand onderzoek gedaan naar mijn gebruikers en hun werkproces, met als doel meer efficiëntie te creëren. Dit leidde tot een helder overzicht van de huidige situatie en de belangrijkste pijnpunten, waar de doelgroep het meest van zou profiteren als deze werden opgelost. 

Het eindproduct
Op basis van deze informatie heb ik de verdere fases van het double diamond design proces doorlopen. Dit resulteerde in TrainTrack: het overzicht systeem dat OC's (Operationeel Coördinatoren) bij NS een efficiënter werkproces biedt. Dit systeem geeft de mogelijkheid om OC's sneller bij de benodigde en relevante informatie te brengen, en te ondersteunen in communicatie op de werkvloer. 


Afsluiting
Dit was een zeer leerzaam project met een aangename hoeveelheid complexiteit, waarbij ik goed de diepte in kon duiken in. Het resultaat is een product dat een oplossing vormt voor de belangrijkste pijnpunten en aansluit op de wensen en werkproces van de doelgroep.

Related Projects

See All Projects

See All Projects

Manage all your bills, accounts