05 Concretisering

Ontwerpcriteria

De ontwerpcriteria zijn gericht op de eindgebruiker en worden onderbouwd door de opgedane research. We hebben, voor ons, de belangrijkste criteria hieronder uiteengezet. In de subpagina lees je in detail over alle punten, onderbouwing en uiteindelijke toetsing. We hebben onder andere gebruik gemaakt van The Mayfield Handbook of Technical and Scientific Writing, een course van MIT - Massachusetts Institute of Technology. Hierin staan duidelijke richtlijnen voor het maken van ontwerp criteria. Hieronder de lijst met criteria met daaronder de bijbehorende feature:

  • Het ontwerp moet een goed ruimtelijk overzicht kunnen geven over het terrein.

    Interactieve Kaart. Het systeem zal een interactieve kaart weergeven, waar je kan inzoomen, uitzoomen en draaien. Op de interactieve kaart zal het mogelijk zijn om extra interactieve elementen als badges weer te geven.


  • Het ontwerp moet het beheren van leveranciers makkelijker maken.

    Interactieve Levering Badges op de Interactieve Kaart. Het systeem zal interactie mogelijk maken met Levering Badges op de Interactieve Kaart.


  • Het ontwerp moet in staat zijn om te kunnen gaan met de frustratie van medewerkers.

  • Het eindontwerp moet tools bij elkaar brengen en niet nog een tool worden.

  • Het eindontwerp moet een taken systeem hebben die bestendig is tegen de stress van een naderende deadline.

  • Het moet betaalbaar blijven. Vrijwilligersorganisatie max 15 euro per maand.

  • De text in het ontwerp moet makkelijk te begrijpen zijn voor onze gebruikers.

    Nederlandse taal. Het systeem zal alle elementen in de Nederlandse taal weergeven. Wanneer kan zullen Engelse Vaktermen vervangen worden in het Nederlands.


  • Elementen in het ontwerp moeten snel en makkelijk te begrijpen zijn, zonder dat onze gebruikers alle tekst op de pagina moeten lezen.

    Ondersteunende Icons. Belangrijke teksten in het systeem zullen ondersteund worden door icoontjes. Dit bevorderd scanbaarheid van de teksten.


  • Het ontwerp moet ervoor moeten zorgen dat gebruikers niet overwelmd raken door informatie.

    Progressive Disclosure. Informatie moet opgedeeld worden in verschillende pagina's.


  • Een gebruiker heeft verschillende taken en heeft hiervoor verschillende tools nodig. Het ontwerp moet duidelijk onderscheid maken in de verschillende tools.

    Opdeling in pagina's. Een pagina in het ontwerp verlangt een bepaalde soort interactie van de gebruiker. Er zullen 3 soorten pagina's gedefinieerd worden.


  • Het ontwerp moet ervoor zorgen dat gebruiker instuitief naar andere pagina's kunnen navigeren.

    Swipe Navigatie. Het systeem zal het mogelijk maken om te swipen naar een andere pagina.

    Menu. Het systeem zal een menu aan de onderkant van het scherm weergeven. Het menu zal verschillende icoontjes weergeven die corresponderen de pagina's.

    Menu Items. Het systeem zal naar een andere pagina navigeren er geklikt wordt op een menu item.

    Zichtbaarheid menu. Het systeem zal ervoor zorgen dat het menu altijd boven aan in het ontwerp staat op de hoofdpagina's. Wanneer subpagina's geopend worden, zullen deze een overlay vormen en het menu overlappen.


  • Het ontwerp moet een overzicht kunnen geven over de taken van de gebruiker.

    Taken database. Het systeem zal een database hebben voor taken. De database moet het mogelijk maken om taken aan te maken, taken te verwijderen en taken aan te passen.

    Real-time Takeninformatie. In het systeem zal het mogelijk worden taken weer te geven.

    Opdeling Takeninformatie. Het systeem zal per taak een titel en beschrijving weergeven.


  • Het ontwerp moet een overzicht kunnen geven over leveringen.

    Leveringen database. Het systeem zal een database hebben voor leveringen. De database moet het mogeiljk maken om leveringen aan te maken, leveringen te verwijderen en leveringen aan te passen.


  • Het ontwerp moet een goed overzicht kunnen geven over waar de taken die uitgevoerd moeten worden.

    Taak Badges op de Interactieve Kaart. Het systeem zal Taak Badges weer kunnen geven op de Interactieve Kaart.


  • Het ontwerp moet een goed overzicht kunnen geven over leveringsinformatie.

    Real-time leveringsinformatie. In het systeem zal het mogelijk worden om real-time leverings informatie te krijgen over leveringen door leveringen in een database te zetten, waar je items kan aanmaken, aanpassen en verwijderen.


  • Het ontwerp moet een goed overzicht kunnen geven waar levering plaats gaan vinden.

    Interactieve Levering Badges op de Interactieve Kaart. Het systeem zal interactie mogelijk maken met Levering Badges op de Interactieve Kaart.


  • Het ontwerp moet de juiste informatie type informatie kunnen weergeven aan de juiste persoon

    Type gebruikers. Het systeem zal 3 type gebruikers hebben: "Opbouw", "Projectleider" en "Leverancier".

    Authenticatie van gebruikers. Het systeem zal het mogelijk maken om gebruikers te authenticeren, zodat de gebruiker in kan loggen in een eigen omgeven en waar de juiste informatie weergegeven kan worden.


  • Het ontwerp moet analoge middelen als portofoon verwerken.

    Converational Interface. Het systeem zal het mogelijk maken om conversatie als input te gebruiken.


  • Het ontwerp moet gebruikers de mogelijkheid geven om te interacteren in een bekende digitale omgeving.

    Chat interface. Het systeem zal het mogelijk maken om chat als input te gebruiken.


  • Het ontwerp moet toegankelijk zijn op de apparaten van onze doelgroep.

    Compatibiliteit met bestaande browsers. Gebruikers moeten toegang kunnen krijgen tot het systeem via elke algemeen beschikbare netwerkbrowser.

    Hierbij wordt er getest op Chromium gebaseerde browsers als: "Chrome", "Edge" en "Brave".

    Ook wordt er getest op WebKit gebaseerde browser als: "Safari" en "Safari voor iOS", op de achtergrond van elk iOS device word web inhoud weergegeven door WebKit "Safari voor iOS", dit zorgt voor compatibiliteit voor alle iOS devices als iPhones en iPads (met een recente software versie van iOS / WebKit ).

    Verder wordt er ook getest op "Firefox".

    Voor betere crossbrowser compatibiliteit wordt er gebruik gemaakt van polyfills.


  • Het ontwerp moet toegankelijk zijn op de mobiele apparaten van onze doelgroep.

    Responsive design voor devices mobile devices. Gebruikers moeten toegang kunnen krijgen tot een design dat zich aanpast aan het device dat ze gebruiken.

    Breekpunten in het design zullen geoptimaliseerd worden voor drie categorieen: "Desktop en Laptops", "Tablets" en "Mobiele Handheld Devices / (Smartphones)".




Chevron Left IconGa terug
Print IconPrint deze pagina