designsprint presentatie, schouten & nelissen (12-01-2017)

16
Designsprint product detail page Schouten & Nelissen

Upload: zelah-hoekstra

Post on 11-Apr-2017

58 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

Designsprint product detail pageSchouten & Nelissen

Page 2: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 2

Designsprint

Page 3: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

Schetsen

Page 4: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

Beslissen

Page 5: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 5

Sticky navigatie zodat navigeren op de pagina altijd mogelijk is

Minimaliseren van (minder belangrijke) content, zo min mogelijk afleiding

Stimuleren van natuurlijk scrollgedrag door alles onder elkaar te zetten

Belangrijkste informatie meteen bovenaan plaatsen (snelle beslisser)

Mogelijkheid tot het opslaan van een training (langzame beslisser)

Schetsen & beslissen

Page 6: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

Wireframe

Page 7: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 7

Prototype

Page 8: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 8

Testen

• De straat van Den Bosch

• Origineel + nieuwe design

• 6 vrouwen

• 10 mannen

• 6 bekend met SN

Goed

Voldoende

Super!

Slecht

Onvoldoende

Page 9: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 9

1. Welke info nodig?

• Prijs

• Aantal deelnemers

• Wanneer & waar (tijdsduur)

• Wat is het onderscheidend vermogen?

• Klassikaal/digitaal

• Referentie materiaal (ervaringen)

• Wat heb ik er aan op leerdoel niveau?

• Wat zijn de lessen die SN biedt?

• Prijs

• Aantal deelnemers

• Lees meer

• Wanneer & waar (tijdsduur)

• Wat is het onderscheidend vermogen?

• Klassikaal/digitaal

• Video, trainer persoonlijk

• Hoe (persoonlijk) contact opnemen?

Origineel design Nieuw design

Page 10: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 10

2. Welke acties om info te vinden?

• Locatie

• Groepsgrootte

• Prijs

• Duur

• Lesmethode

• Visie van het bedrijf

• Eerst scrollen

• Daarna navigeren in de tabs

• Programma

• Locatie

• Advies

• (Persoonlijk) contact

• Opslaan van de training is handig

• Navigatie viel niet altijd op, mag

prominenter in beeld

• Scrollen maar ook navigeren

Origineel design Nieuw design

Page 11: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 11

3. Hoeveel moeite?

• 1 persoon 'Maar 2x scrollen’

• Tabs worden gevonden

• Alles in 1 view

• 1 persoon mistte tabs

Origineel design Nieuw design

3,48 4,25

Page 12: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 12

4. Wat vind je van het design?

• Duidelijk

• Wat ik verwacht van opleider

• Professioneel

• Strak

• Overzichtelijk

• Kleur rood niet goede kleur

• Clean

• Verzorgd

• Helder

• Kleuren niet storend

• Overzichtelijk

• Titel in menu viel niet op

Origineel design Nieuw design

4,14 4,57

Page 13: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 13

5. Hoe zou je inschrijven?

• Meteen gevonden, valt op

• Brochure knop verward met inschrijven

• Twijfel over inschrijven onderaan, scrollt

naar boven

• Meteen duidelijk

• Contact via de telefoon

• Toch eerst info bekijken of opslaan

• Naar boven schollen

• 1 persoon zou de training voor

inschrijving willen delen

Origineel design Nieuw design

4,71 4,75

Page 14: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 14

Meest opvallend

• In het overzicht tab verwachten

gebruikers samenvatting van alle

belangrijke informatie. Niet alleen over

de inhoud van de training.

• Lesmethode niet duidelijk

• Trainingsprogramma

• Locatie

• Overzicht bovenaan was direct duidelijk

en gaf de juiste informatie

• De een wil scrollen de ander navigeren

• Navigatie aan linkerkant mag iets meer

opvallen

Origineel design Nieuw design

Page 15: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

S N - D E S I G N S P R I N T 15

Belangrijkste informatie meteen bovenaan plaatsen en zorg ervoor dat dit goed

scanbaar is

Ervaringen zijn een belangrijke schakel in het proces van overweging, zorg ervoor

dat deze duidelijk naar voren komen

Er zijn verschillende voorkeuren voor het navigeren, zorg ervoor dat je aansluit bij

beiden (scrollen, navigeren)

Denk goed na over de belangrijkste call-to-action en laat overbodige zaken weg

Opslaan van een training is vooral prettig voor langzame beslissers

Advies

Page 16: Designsprint presentatie, Schouten & Nelissen (12-01-2017)

Vragen?