Dit project is gemaakt door Ymaro Blue en Sven Zoutman.
Wij hebben gekozen voor de 'Webshop' frontend overview page.
In ons eindproduct zijn de volgende onderdelen terug te vinden:
- 12 verschillende producten op overview pagina
- Filter
- Toevoegen aan winkelmandje
De 4 UI Principles
- Keep secondary actions secondary
- Provide a natural next step
- Appearance follows behaviour
- Consistency matters
In ons eindproduct zijn een aantal UI Principles verwerkt.
Houd secundaire acties secundair door ze visueel lichter te maken of laat ze pas zien nadat de primaire actie is uitgevoerd.
De gebruiker ziet alleen belangrijke handelingen zoals de kleur en maat kiezen en in het winkelmandje stoppen. De overige dingen staan allemaal in de header of in de footer.
Laat een persoon niet hangen nadat ze hebben gedaan wat je wilt. Geef ze een natuurlijke volgende stap die ze helpt hun verdere doelen te bereiken.
De gebruiker kan zien dat je verder kan scrollen omdat je een deel van het volgende product ziet.
Vorm volgt functie. In de praktijk betekent dit dat iemand moet kunnen voorspellen hoe een interface-element werkt door er alleen maar naar te kijken.
Als de gebruiker naar de filter kijkt snapt die gelijk hoe die werkt. Je kiest een kleur, prijs of categorie en alleen de producten met die eigenschappen krijg je te zien.
Volgens het vorige principe zouden schermelementen niet consistent met elkaar moeten lijken, tenzij ze zich consistent met elkaar gedragen. Dit betekent ook dat je elementen die niks met elkaar te maken hebben er ook anders uit laat zien.