Werkwijze
visie
Een product of dienst wordt niet zonder reden gemaakt. Om succesvol te zijn, zal het moeten voldoen aan de behoefte van de afnemer.
Een goed ontwerp neemt dan ook de bezoeker als uitgangspunt. Het ontwerp moet volledig gefocust zijn op het doel van deze bezoeker.
aanpak
De aanpak die Ylab hanteert zorgt voor een goed beheersbaar project. Duidelijke ijkpunten garanderen een professionele samenwerking. [meer…]
Afhankelijk van de vraag van de opdrachtgever verdeelt Ylab het project in fasen. In een vrijblijvende offerte worden deze fasen benoemd in termen van activiteiten, resultaat, doorlooptijd en kosten.
Na akkoord wordt gezamenlijk een planning opgesteld. Elke fase wordt afgesloten met terugkoppeling van het resultaat aan de opdrachtgever. De opmerkingen en besluiten worden schriftelijk vastgelegd en meegenomen naar de volgende fase.
ontwerpmethodiek
Een ontwerp wordt opgebouwd uit vijf lagen:
De vormgeving: de teksten, kleuren en afbeeldingen die de gebruiker kan waarnemen.- De lay-out: de verdeling van de pagina in functionele gebieden zoals de titel, het menu, de lopende tekst en de contactinformatie.
- De structuur: de verdeling van de informatie in logische hoofdstukken en paragrafen.
- De afbakening: de eisen waaraan het eindresultaat moet voldoen.
- De strategie, het doel dat de organisatie met het project wil bereiken.
Het ontwerpen begint onderaan, bij de strategie. Elke verdere laag wordt afgeleid van de voorgaande lagen. Het ontwerptraject loopt van abstract (doelen) naar concreet (vorm en kleur).
1. strategie
De strategie is een verwoording van twee zaken: wat wil de organisatie bereiken met de internettoepassing en wat is het doel van de bezoeker? Alleen na een goede karakterisering van de doorsnee gebruiker en zijn doel, is het mogelijk om een ontwerp te maken dat gebruikers tevreden zal stellen. Bij Amazon.com is het duidelijk: de klanten zijn op zoek naar een boek, Amazon wil omzet. Maar zo eenvoudig is het niet altijd. [meer…]
Doelstelling van de organisatie. In gesprekken met de opdrachtgever legt Ylab de doelstelling van de organisatie vast in concrete bewoordingen. Voorbeelden van doelen zijn:
- vrijwilligers werven (Rode Kruis)
- achterban informeren (FNV)
- publiciteit geven aan misstanden (Amnesty)
Doelgroep. Het organisatiedoel is het uitgangspunt voor het ontwerp. Voor de overige keuzes zou de doelgroep het voor het zeggen moeten hebben. Daarom brengt Ylab de doelgroep in kaart aan de hand van marketing- en demografische gegevens. Verder is het waardevol om toekomstige gebruikers te interviewen of te observeren, want naast de algemene kenmerken als leeftijdscategorie, opleidingsniveau en etnische achtergrond, is het belangrijk om te weten wat de doelgroep belangrijk vindt en wat ze wil bereiken.
2. afbakening
Vanuit de strategie wordt een lijst opgesteld worden met middelen om de doelen te bereiken. Ylab onderzoekt vergelijkbare, al bestaande producten om inzicht te krijgen in de minimale eisen en gangbare oplossingen. [meer…]
De lijst van eisen wordt verder aangevuld worden met de eisen van de opdrachtgever, gebruikers en andere belanghebbenden. Bijvoorbeeld:
- De vormgeving van de website moet aansluiten bij de huisstijl.
- De ontwikkeling van de website mag niet meer dan 12.000 euro kosten.
Dit 'programma van eisen' houdt het project overzichtelijk en beheersbaar.
De analyse resulteert in een ontwerpprobleemstelling, een overzicht van tegenstrijdige eisen en een visie op het te ontwerpen product.
3. concept
De grootste kracht van een ontwerpbureau ligt in het ontwikkelen van concepten. Deze concepten zijn principe-oplossingen voor de structuur, functionaliteit en interactie van het product. [meer…]
De structuur. Zodra informatie niet meer op een bierviltje past, ontstaat de behoefte om die informatie onder te verdelen. Dit kan op vele verschillende manieren. Het is belangrijk dat de indeling aansluit bij doel en doelgroep.
Voor een uitgever van reisboeken is een onderverdeling naar werelddeel nuttig. Een zelfde indeling is echter onzinnig voor een rijschoolhouder.
Het informatieontwerp wordt gedocumenteerd aan de hand van structuur- en flowcharts.
De functionaliteit. Aan de hand van diagrammen en heldere tekst legt Ylab de mogelijkheden van de applicatie vast in een functioneel ontwerp.
De interactie. Het interactieontwerp (of user interface ontwerp) wordt uitgewerkt in schetsen en interactiediagrammen of gepresenteerd aan de hand van een prototype.
4. lay-out
De volgende stap is de grafische uitwerking van het concept. Dit kan in de vorm van een document, presentatie of prototype. De lay-out van het beeldscherm bepaalt de plaatsing van tekst, kopjes, afbeeldingen, menu's en knoppen. De bezoeker haalt in een oogopslag al veel informatie uit de manier waarop het beeldscherm is ingedeeld. [meer…]
Een bezoeker stelt zich de volgende vragen als hij een webpagina voor zich ziet:
- Waar ben ik beland?
- Wat kan ik hier doen of vinden?
- Waarom wil ik hier -en niet ergens anders- mijn tijd besteden?
- Waar kan ik heen?
De lay-out, in combinatie met tekst en vormgeving, moet hierop een onmiddellijk antwoord bieden.
5. vormgeving
Een goede vormgeving kan een slechte structuur niet verbloemen. Helaas kan een slechte vormgeving een goede basis nog wel verpesten. De vormgeving bepaalt in sterke mate de uitstraling van de website. [meer…]
Een paar vuistregels zijn van toepassing op goede vormgeving, ongeacht de gewenste uitstraling.
- Belangrijke onderdelen moeten er belangrijk uit zien. De titel van een pagina wordt vet en in een groter lettertype weergegeven dat de lopende tekst. Hyperlinks zijn onderstreept en hebben een opvallende kleur. Achtergrondinformatie en details staan onderaan de pagina. Dit wordt het principe van visuele hiërarchie genoemd.
- Onderdelen die logisch gezien bij elkaar horen, moeten ook visueel bij elkaar horen.
- Conventies stellen gebruikers in staat en website snel te doorgronden. Zo zullen zij onderstreepte woorden herkennen als hyperlink.
Het grafisch ontwerp wordt gepresenteerd aan de hand van voorbeeldschermen en uitgewerkt in een stijlgids. Door de vormgeving vast te leggen in een stijlgids krijgt de toepassing een consistente uitstraling.
