Crash course in informatie-architectuur

  • Published on
    06-May-2015

  • View
    2.014

  • Download
    1

Embed Size (px)

DESCRIPTION

Nog niet zo heel lang geleden vroeg de Ambrassade ons om 32 communicatiemedewerkers uit de jeugdsector in te wijden in de geheimen van de Informatie-architectuur. Naast een stevige inleiding over usability kwamen we terecht bij de 10 concepten die een Informatie architect mee moet hebben.

Transcript

<ul><li>1.CRASH COURSE In Informatie-architectuur</li></ul> <p>2. Hallo! Ik ben Hannes. 3. Informatie architectuur 4. Enkele projecten waar ik aan meewerkte... 5. Waarom is usability belangrijk? Iedereen wordt er blijer van. 6. Usability... wat is dat eigenlijk? 7. Iets is gebruiksvriendelijk wanneer een beoogde eindgebruiker het eectief, ecint en naar tevredenheid kan gebruiken. Wikipedia 8. Gebruiksvriendelijk... Eenvoudig te lerenEcint in gebruikMakkelijk onthouden hoe het werktFouten voorkomend en duidelijke feedbackPlezant om te gebruiken 9. Soms een evenwicht zoeken.. 10. Eenvoudig te leren? 11. Het belang van gebruikerstesten... 12. Basisprincipes Waar moet je zker op letten? 13. 6 consistentietoegankelijkheidtypograetechnologiesnelheidinhoud 14. 1. Consistentie 15. Verwachtingen LogoNavigatieTaalselectieBroodkruimelHome-knopZoekveld 16. Logo Links bovenLink naar homepageOptioneel met tagline 17. Taalselectie Rechts bovenISO (NL - FR - DE)Toon alle opties, ook de actieve taalGeen vlagjes! 18. Home-knop Eerste knop in hoofdnavigatieAltijd home 19. Navigatie Hoofdnavigatie horizontaal bovenaanSubnavigatie linksVermijden: onderaan of rechts 20. Secundaire navigatie Helemaal onderaan, in de footerPrivacy statement, disclaimer, sitemap 21. Broodkruimel Toont actieve pagina in hirarchieOnder de hoofdnavigatieKlikbaar, behalve actieve paginaZonder je bent hier: 22. Zoekveld Rechts bovenGevaarlijk!Bezoekers verwachten Google-niveau 23. Consistentie geeft houvast Het is duidelijk waar je vandaan kwamwaar je nu bentwaar je naartoe kan gaanin de visuele taal die andere websites ook spreken 24. 6 consistentietoegankelijkheidtypograetechnologiesnelheidinhoud 25. 2. Typograe 26. Mensen schrijven meer naar elkaar dan ze bellen. The web is text. 27. Leeslengte Ideaal: tot ongeveer 55 karakters per regelFlexibele layout: gebruik maximumbreedte 28. Lettergrootte Minstens 14pxModerne browsers schalen alles A A A is overbodig 29. Geschreefd of schreeoos? Op een scherm: schreeoos (sans-serif) Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. 30. 6 consistentietoegankelijkheid typograetechnologiesnelheidinhoud 31. 3. Snelheid 32. Wat volgt is de hoeveelheid tijd die een bezoeker wil spenderen om uit te zoeken hoe een website werkt: 33. 0 34. Bezoekers hebben geen geduld Snel laden (technisch)Focus (inhoud)Scanbaar (structuur) 35. Korte quiz 36. 6 consistentietoegankelijkheid typograetechnologie snelheidinhoud 37. 4. Toegankelijkheid 38. Bouw een toegankelijke website Cross-browser, cross-platformAnysurferGoogle 39. Cross-browser, cross-device IE8, IE9, Chrome, Firefox, ...tablets &amp; smartphones!muis en keyboard of touchWebstandaarden! 40. Anysurfer KwaliteitslabelWebsite toegankelijk voor iedereen, ook voor mensen met een functiebeperking 41. Google Grootste bron van traekSEO! 42. 6 consistentie toegankelijkheid typograetechnologie snelheidinhoud 43. 5. Technologie 44. Altijd nieuwe technologie FlashAjaxVideoHTML 5 45. Technologie mag geen drijfveer zijn. Denk na over dewaarde. 46. 6 consistentie toegankelijkheid typograe technologie snelheidinhoud 47. 6. Inhoud 48. Vers en fris! 49. Een website is zoals ondergoed. Ververs elke dag. 50. Publiceer op regelmatige basis Kies relevante onderwerpenRelevant nieuwsSEO vs. bezoeker 51. Hou statische inhoud vers Schrap paginas die niet bezocht wordenKijk af en toe of inhoud nog up-to-date isSEO vs. bezoeker 52. Publiceren, updaten, ... Iedere keer langs IT-dienst of webbouwer? 53. CMS Content Management SystemDe motor van de websiteMakkelijk zlf inhoud bewerkenSEO! 54. Een CMS moet je toelaten om het dagelijkse beheer van je website onafhankelijk en zonder technische kennis uit te voeren. 55. 6 consistentie toegankelijkheid typograe technologie snelheid inhoud 56. Dus die 6 basisprincipes toepassen en we zijn er? 57. Bijna. 58. De gebruiker staat centraal Ontwerpen &amp; bouwenObserverenOptimaliseren 59. IA mindset Magic that happens in an IA-brain. 60. User-centered werken Aandacht voor eindgebruikerTesten met chte gebruikersDuurzaamKwaliteit 61. Toptaken Welke 5 zaken komen bezoekers voorLiefst met enqute, analytics data n met KeyWordResearchVaak: openingsuren en adresgegevens 62. Verzamelen en schrappen Leg alles op een hoopPrioriseer en ontdubbelSchrap!Maak je boomstructuur 63. 10 geheime aandachtspunten Aan de slag! 64. Hoofdnavigatie Toptaken!About page?ActieknopLiefst 5 max 7 65. Elke pagina = startpagina Dankzij GoogleWaar ben ik, waar ga ik naartoeBelang van de homepageRelated content 66. Overzicht-Detail Blijf gefocustKiezen of lezenCompenseren met relatedeindig met CTA (like, volg, koop) 67. Call To Action OnderaanVerschillend qua uitzichtText: WAT - DOENmoet niet altijd kopen zijn 68. Footer Voor wie de weg kwijt isVoor wat anders in de weg staatAlgemene engagement (nieuwsbrieffacebook) 69. Formulieren Onder elkaartext-form-text-formGeen aeidingEnkel wat strikt* nodig is 70. Mobile rst/Mobile in mind Altijd alles onder elkaar: hirarchieLeeslengte op grote schermenNavigatiepatronenDurven weglaten. 71. Relevante lters Zo weinig mogelijkIn de juiste volgordeCombineer tot nieuweHaal ze uit een API 72. De rechter kant Wordt nauwelijks bekekenMobiele surfersAlternatieven: nog op vallender, minder noodzakelijk (bijv. lters) 73. Homepage Keuzepagina van de volledige websiteWel erg emotioneelBranden-direct traekAIDA 74. Meten is weten Nee, echt waar. 75. Een website is zoals een schip 76. Meten, evalueren, bijsturen 1. Statistieken 2. Expert audit 3. Gebruikerstest 77. 1. Statistieken Google AnalyticsHoeveel, van waar, welk pad, ...Kwantiteit, geen kwaliteitContinuGratis (doe-het-zelf) 78. 2. Expert audit Analyse van bestaande websiteBasisfouten komen naar bovenToetsing aan de theoriePraktisch advies en tips 79. 3. Gebruikerstest Ervaren van chte gebruikersToetsing aan de praktijkIdeale methodePraktisch advies en tips 80. Conclusie Begin met een goeie strategieBezoekers aantrekken heeft alleen zin bij optimale usability!Usability benvloedt conversieMeten is weten 81. http://www.goodui.org </p>