Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

eFinancials2015 - Sabine de Moor - SNS (via GX Software)

1,252 views

Published on

De bezoeker centraal op de nieuwe responsive website van SNS

Published in: Internet
  • Be the first to comment

eFinancials2015 - Sabine de Moor - SNS (via GX Software)

  1. 1. De nieuwe SNSBank.nl Responsive, Content First en Heel Normaal
  2. 2. Sabine de Moor Product Owner, SNS Peet Sneekes Strateeg, Mirabeau
  3. 3. Dank aan de sponsors
  4. 4. snsbank.nl/hypotheken responsive èn heel normaal Filmpje!
  5. 5. Toffe website! Hoe is dat zo gekomen?
  6. 6. Mensen zagen de bomen door het bos niet meer
  7. 7. En bij SNS wilde iedereen een eigen vitrine
  8. 8. Elke pagina stuurde mensen weg van waar ze moesten wezen
  9. 9. Waar voor je geld
  10. 10. De oude website
  11. 11. Hier komen mensen voor
  12. 12. En dit kregen ze er gratis bij …
  13. 13. Extra veel is niet extra beter
  14. 14. We pakten gelijk meer aan… • Typografie kon veel beter • Contentstructuur was een reflectie van de organisatie • Mensen konden wel kiezen, maar werden niet geholpen • Mensen vonden geen antwoord op hun behoeften
  15. 15. Da’s niet normaal. Tijd voor focus!
  16. 16. Dus: paden leggen … en richting geven
  17. 17. … èn ruimte maken
  18. 18. Ruimte voor de klant …
  19. 19. èn ‘toevallige’ voorbijgangers
  20. 20. En minder opties voor heldere keuzes
  21. 21. Tijd voor focus Tijd voor project responsive/able
  22. 22. Doelstellingen naar conversie • Gedreven door klantbehoefte: klantreizen en strategische doelen • Maximaliseren toegankelijkheid: helder, vriendelijk en slim • Maximaliseren leesbaarheid: ruimte, focus en heel normaal • Responsive: iedereen moet de website kunnen gebruiken
  23. 23. Even over responsive
  24. 24. “Responsive is: het werkt altijd, en als het kan zelfs beter.”
  25. 25. Bijna alles werkt onderweg, in de rij, of …
  26. 26. En alles werkt op kantoor, of thuis op de bank
  27. 27. ’t is niet moeilijk maar moet wel doelbewust
  28. 28. Doelbewust voor mensen • Dynamisch • Relevant • Begrijpelijk • Menselijke maat • Consistent • Vriendelijk
  29. 29. Mensen met taken • Kiezen, zonder onnodige afleiding • Overzicht verkrijgen, alles op een rijtje zetten • Verkennen en ideeën opdoen • Aan de slag
  30. 30. En mensen met behoeften Liefde, aandacht en een knipoog Feiten, cijfers en stappen Lekker snel, niet moeilijk doen, maar gaan De tijd ervoor nemen, naadje van de kous
  31. 31. Intussen, tussen de regels
  32. 32. 2 Paginalengte Elke pagina is maximaal 1,5 A4tje lang, dat zijn grofweg 260 woorden. Als een onderwerp meer ruimte nodig heeft, dan kan het vast opgesplitst worden in een aantal pagina’s. Splitsen doe je door stappen te onderscheiden, of hoofd- en bij of subonderwerpen een eigen pagina te geven. Het splitsen van de pagina is goed voor herbruikbaarheid, zorgt voor specifieke paginatitels, helpt SEO en natuurlijk onze klant. 1 Hou focus Om focus te houden heeft elke pagina één functie en niet meer. Die focus kan het maken van een keuze zijn in een overzichtpagina, of één (deel-)onderwerp behandelen. Dat betekent: een bondige pagina die je helpt met één stap en één onderwerp. Zijn er meerdere stappen, of andere overwegingen? Dan kan je met de Next Best Action (6) de twee meest logische vervolgstappen aanbieden. Het naadje van de kous over één onderwerp verdient een eigen pagina. Die pagina kan je natuurlijk linken vanuit een (overzicht) pagina in een lopende zin. H2 Met deze contentrichtlijnen helpen we mensen snel een besluit te maken èn de best geinformeerde keuze te maken. Als mensen op de SNS website komen moeten ze direct weten waar ze naar kijken. Ze scannen en besluiten dat informatie past bij hun situatie. In 5 minuten zijn ze klaar om de volgende stap te maken. 10 redactierichtlijnen die mensen verder helpen H1 Tien contentrichtlijnen
  33. 33. Content First dus! • Grote rewrite van de content + toetsing voice & tone • Herstructurering van content, nu 50% leaner • Mobile first content (prioriteit, focus en lengte)
  34. 34. Wat mogen mensen verwachten?
  35. 35. “We denken met je mee en het liefst een stukje vooruit.”
  36. 36. Direct aan de slag: kiezen, verkennen, aan de slag
  37. 37. Kiezen: het menu Alle diensten op een rij + altijd persoonlijke hulp
  38. 38. Kiezen: het dynamische menu Het menu maakt het relevanter als het kan
  39. 39. Op mobiel een tikje anders
  40. 40. Verkennen: content als navigatie Belangrijkste taken bovenin, vervolg en verdieping daarna
  41. 41. Aan de slag: Alle ruimte (1)
  42. 42. Geen ruimte? Geen nood!
  43. 43. Aan de slag: Alle ruimte (2)
  44. 44. Op mobiel even compleet
  45. 45. Altijd een vervolg: Next Best Action
  46. 46. En dat waren slechts de highlights
  47. 47. En? En? En? Wat vinden de mensen ervan?
  48. 48. UX test Respondent, over de mobiele ervaring. “Oh, dat had ik niet verwacht, dit is wèl heel duidelijk.”
  49. 49. UX test Respondent “Ik wordt stapsgewijs meegenomen, dat is prettig”
  50. 50. UX test Respondent “Het is echt gericht op starters, dat is handig!”
  51. 51. UX test Respondent “Duidelijk SNS! Heel herkenbaar”
  52. 52. 15% 23% 7% 34% 79% van de bezoekers wordt bediend door toptaken
  53. 53. 15% 22% 6% De verhoudingen voor Android en iOS zijn gelijk
  54. 54. Resultaten • Drastische afname van‘bounce rate’ • 80% wordt geholpen in de eerste view • Ze maken gebruik van onze paden • Bezoek en conversie gestegen
  55. 55. Geleerde lessen 1. Maak je scope super duidelijk. 2. Maak gelijk designs voor alle grote devices. 3. Help je stakeholders met de algemene projectvisie. 4. SCRUM en content first gaan hand in hand. 5. Zet de ontwikkeling van je digitale kanaal op een laag pitje.
  56. 56. Toekomst muziek
  57. 57. Op de roadmap • Optimalisatie • Uitbouwen met andere producten • Integratie met Mobiel en Internetbankieren • Uitbouwen personalisatie en digitale service integratie
  58. 58. Dank u! • Sabine de Moor, snsbank.nl, @sabinedemoor • Peet Sneekes, mirabeau.nl, @peetsneekes

×