Basiscursus UX: Wat is informatiearchitectuur? Waarom werken aan informatiearchitectuur? Goede informatiearchitectuur is universeel.

Momenteel wordt informatiearchitectuur beschouwd als minder nauw verbonden met ontwerp, en meer met de organisatie en structurering van informatie.

Ondanks het ontbreken van een volledig gevestigde definitie van IA en het onderwerp ervan, kunnen we de belangrijkste benaderingen van hun definitie identificeren.

De introductie van de term dateert uit 1976 en wordt toegeschreven aan Richard S. Wurman, die de taak van informatiearchitectuur definieerde bij het organiseren van effectieve informatie-architectuur. visuele representatie grote datasets.

Momenteel wordt informatiearchitectuur beschouwd als minder nauw verbonden met ontwerp, en meer met de organisatie en structurering van informatie. Volgens de definitie van The Information Architecture Institute is informatiearchitectuur dus de kunst en wetenschap van het organiseren en objectiveren van websites, intranetten, online communities en software, met als doel de bruikbaarheid te garanderen.

Er zijn drie hoofddefinities van informatiearchitectuur:

Gerelateerde gebieden met informatiearchitectuur zijn:

  • interfaceontwerp (webdesign), dat de grafische uitstraling bepaalt van oplossingen ingebed in de informatiearchitectuur;
  • marketing, aangezien informatiearchitectuur tot doel heeft te voldoen aan de behoeften van informatieconsumenten;
  • IS-ontwikkeling, aangezien de implementatie van IS-informatiearchitectuur het gebruik van geschikte technologieën en datamodellen met zich meebrengt;
  • kennisbeheer, omdat het gebaseerd is op het waarborgen van het gemak van collectief gebruik van informatie; een van de stappen om dit te bereiken is het gebruik van informatiearchitectuurmethoden.

De noodzaak om een ​​reeks informatiearchitectuurmethoden in een aparte richting te isoleren is te wijten aan het feit dat de lawineachtige groei van informatievolumes in informatiesystemen van verschillende niveaus, het internet, lokale netwerken, bemoeilijkt de vrije navigatie door informatiebronnen aanzienlijk. In die zin is informatiearchitectuur ontworpen om de efficiëntie van het gebruik te verbeteren informatiebronnen, evenals het comfort om ermee te werken voor de gebruiker.

Voor dit doel richt informatiearchitectuur zich op de eigenaardigheden van de menselijke logica, perceptie en gebruik moderne benaderingen en technologieën voor het organiseren van informatie, inclusief multidimensionale (gefacetteerde) classificatie, lagen aangepaste classificatie(folksonomie), enz., waardoor intuïtieve, voorspelbare toegang wordt geboden tot de inhoud van informatiesystemen.

Ondanks het feit dat benaderingen van classificatie (taxonomie, die een hiërarchische classificatie impliceert, evenals peoplesonomy, die de toewijzing van niet-hiërarchische labels door IS-gebruikers inhoudt) concurreren binnen het raamwerk van IA, en het aantal aanhangers van peoplesonomy in de afgelopen jaren is toegenomen. In verband met de ontwikkeling van het Web 2.0-concept impliceert informatiearchitectuur niet de aanwezigheid van in alle gevallen unieke, correcte benaderingen, rekening houdend met de voor- en nadelen, evenals met de grenzen van de toepasbaarheid van elk van deze. Een compromisbenadering van classificatie kan worden beschouwd als een facetbenadering (multidimensionaal), waarbij verschillende classificatiebases betrokken zijn met labels binnen elk ervan, mogelijk hiërarchisch georganiseerd. Deze aanpak maakt het mogelijk om een ​​individuele benadering van de gebruiker te bieden, die geen enkele basis voor classificatie en informatiezoekpad opgelegd krijgt, en biedt een multidimensionaal beeld van de inhoud, terwijl de aanwezigheid van een interne structuur in de classificatie de traceerbaarheid ervan veronderstelt. zijn logica, in tegenstelling tot de folksonomie, die vaak zijn waarde verliest als basis voor navigatie bij de groei van informatievolumes.

Morville brengt ook het concept van metadatalagen naar voren, waarbinnen verschillende classificatiebenaderingen lagen vormen die worden gekenmerkt door grotere stabiliteit (basis: taxonomieën en onotologieën) of grotere flexibiliteit (folksonomieën), terwijl naarmate het systeem evolueert, gegevens tussen lagen worden uitgewisseld.

Naast classificatiehulpmiddelen en -benaderingen semantisch web, werkt de informatiearchitectuur steeds meer met mechanismen om dit te garanderen slim zoeken, collaboratieve filtering, gebruikersprofielen en personalisatie.

Een belangrijk aandachtsgebied zijn de problematiek van objectintegratie echte wereld in informatienetwerken, navigatie op het kruispunt van ideeën, inclusief de integratie van GPS, RFID, enz. als randtechnologieën.

Het is vermeldenswaard dat, ondanks de nadruk op innerlijke oriëntatie informatie netwerken Naarmate de hoeveelheid informatie binnen informatiesystemen groeit en naarmate deze worden geïntegreerd met netwerkdiensten en -diensten, worden benaderingen die zijn ontwikkeld binnen het raamwerk van de informatiearchitectuur steeds relevanter voor traditionele informatiesystemen, vooral voor de systemen die sleutelcomponenten van het bedrijf vormen. infrastructuurbedrijven, aangezien de efficiëntie van gebruikers met dergelijke systemen van economisch belang is voor het bedrijf.

Tegelijkertijd zijn IA-benaderingen ook toepasbaar bij de ontwikkeling van applicaties gericht op massagebruikers, voornamelijk gerelateerd aan de verwerking van gegevensstromen (bijvoorbeeld persoonlijke organisatoren, RSS-aggregators, enz.), aangezien een van de taken van IA is - het bieden van intuïtieve toegang tot inhoud --- kan, met een adequate oplossing, het comfort en de efficiëntie van het gebruik van het product vergroten en daardoor concurrentievoordeel vergeleken met analogen.

Wij bouwen ons gebouw, en dan bouwt ons gebouw ons.

Winston Churchill

Welke kenmerken van gebouwen boeien ons het meest? Ongeacht of we architectuurexperts of gewone mensen zijn, onze emotionele toestand is nauw verbonden met de fysieke structuren die we gedurende ons leven tegenkomen.

Elk van de gebouwen heeft zijn eigen doel. Het bruisende café, met zijn houten vloeren en grote ramen met uitzicht op de hoofdstraat, is de perfecte plek voor een snelle ontbijtvergadering. De stalen en glazen hoogbouw, met zijn mix van kubussen1 en kantoren, creëert een energieke en collaboratieve sfeer voor de bewoners. Een donkere, rokerige bar met metalen lambriseringplafonds en kale bakstenen muren blijkt een toevluchtsoord te zijn voor de draaikolk. moderne leven. En de middeleeuwse gotische kathedraal, versierd met granieten sculpturen, glas-in-loodramen en torentjes die naar de hemel reiken, roept zowel gevoelens van nederigheid als inspiratie op.

Elk gebouw dient zijn eigen unieke doel. Architectuur, ontwerp, constructie, decoratie en locatie spelen een belangrijke rol bij de vormgeving algemene indruk. Alle artikelen moeten

1 Ligbox (kubus, ligbox) – gescheiden door lage scheidingswanden werkruimte voor elke medewerker. Het is een goedkoop alternatief voor individuele kantoren, omdat het gemakkelijk in grote ruimtes kan worden gecreëerd met behulp van schermen en scheidingswanden, wat de herontwikkeling op eigen houtje vereenvoudigt en geen deelname van een bouwteam vereist. –Opmerking wetenschappelijk red.

samenwerken. Bij succesvolle gebouwen is het geheel groter dan de som der delen.

Waarom zijn we een boek over websites begonnen door over gebouwen te praten? Omdat de analogie met architectuur een krachtig hulpmiddel is om de complexe multidimensionale aard van informatieruimten te leren kennen. Net als gebouwen hebben websites een architectuur die bepaalt hoe we ermee omgaan.

Sommige websites hebben dat logische structuur, waardoor we het antwoord kunnen vinden en de taak kunnen voltooien. Andere sites hebben er geen logische organisatie, en pogingen om er doorheen te navigeren zijn nutteloos. We kunnen het product dat we nodig hebben niet vinden, we kunnen het rapport dat we vorige week hebben gevonden niet vinden, of we verdwalen in het winkelwagentje van een online winkel. Dergelijke websites lijken op mislukte gebouwen: huizen met lekkende platte daken, keukens waar geen ruimte is voor een keukentafel, kantoorgebouwen met ramen die niet open kunnen en labyrintische luchthavens met borden die de verkeerde kant op wijzen.

Slechte gebouwen worden, net als slechte websites, veroorzaakt door soortgelijke architectonische fouten. Ten eerste wonen architecten vaak niet in de gebouwen die ze ontwerpen. Ze hebben weinig inzicht in de behoeften van hun klanten en zullen niet de gevolgen op de lange termijn hoeven te dragen slechte beslissingen. Ten tweede is het erg moeilijk om gebouwen te creëren die de tand des tijds kunnen doorstaan. Behoeften veranderen en er komen voortdurend verrassingen voor. Het verlangen naar stabiliteit moet gecombineerd worden met flexibiliteit en schaalbaarheid. Architecten worden vaak geconfronteerd met complexe technische vereisten, tegenstrijdige doelstellingen en een hoge mate van onzekerheid. Het omzetten van deze chaos in orde is buitengewoon moeilijk en vereist speciaal inzicht en vooruitziendheid.

Website-ontwikkelaars moeten zich echter niet beperken tot de metafoor van de bouwarchitectuur. In dit boek zullen we het ook hebben over informatie-ecologie, informatie-economie, digitale bibliotheken en virtuele gemeenschappen. Uit elke analogie zullen we al het belangrijke halen en het onbelangrijke weggooien.

Definitie

Degenen die nieuw zijn in het vakgebied vragen zich waarschijnlijk nog steeds af: wat is informatiearchitectuur precies? Deze rubriek is tot hen gericht.

in·form·ma·ci·on·nyaya ar·hi·tek·tu·ra n.

1. Een combinatie van organisatieschema's, objectisering en navigatie geïmplementeerd in een informatiesysteem.

2. Structureel ontwerp informatie ruimte, waardoor het voltooien van taken en intuïtieve toegang tot inhoud wordt vergemakkelijkt.

3. De kunst en wetenschap van het structureren en classificeren van websites en intranetten om het voor gebruikers gemakkelijker te maken informatie te vinden en te beheren.

4. Een opkomende discipline en praktijkgemeenschap die zich toelegt op het verspreiden van de principes van design en architectuur in digitale ruimtes.

Had je verwacht dat er één definitie zou zijn? Iets kort en onschuldigs? Een paar woorden die kort de essentie en grenzen van het vakgebied informatiearchitectuur weergeven? Laten we dagdromen!

De reden dat we geen enkele, almachtige, universele definitie kunnen formuleren, is de sleutel tot het begrijpen waarom het zo moeilijk is om te ontwerpen. goed web sites. Het gaat over over problemen die inherent zijn aan taal en representatie. Geen enkel document kan de bedoeling van de auteur volledig en accuraat weergeven. Geen enkele titel of definitie kan de betekenis van een document volledig weergeven. En geen twee mensen nemen hetzelfde document, dezelfde definitie of aanduiding op dezelfde manier waar en begrijpen het. Het verband tussen woorden en betekenis is op zijn best zwak.1

Laten we ons filosofische platform verlaten en ons tot de basiszaken wenden. Laten we onze definities uitbreiden en enkele verkennen basisconcepten informatie architectuur.

Informatie

We gebruiken de term ‘informatie’ om onderscheid te maken tussen informatiestructuur en data- en kennismanagement. Data zijn feiten en cijfers. Relationele databases gegevens hebben hoge graad organisaties en genereer specifieke antwoorden op specifieke vragen. Kennis is wat gevonden wordt

V de hoofden van mensen. Kennismanagementprofessionals ontwikkelen instrumenten, procedures en prikkels om deze kennis te delen. Informatie neemt een tussenpositie in. Informatiesystemen Vaak kunnen ze geen enkel ‘juist’ antwoord geven op een gestelde vraag. We zijn geïnteresseerd in informatie die in welke vorm en omvang dan ook wordt gepresenteerd: websites, documenten, softwareapplicaties, afbeeldingen, enz. We zijn ook geïnteresseerd Metagegevens: termen die inhoudsobjecten beschrijven en vertegenwoordigen, zoals documenten, mensen, procedures en organisaties.

1 Er is een humoristische kijk op de verraderlijkheid van de Engelse taal te vinden

V Bill Brysons boek The Mother Tongue: English & How It Got That Way.

Structureren, organiseren en labelen

Dit is waar informatiearchitecten het beste in zijn. Bij structureren gaat het om het kiezen van het granulariteitsniveau1 voor de ‘informatie-atomen’ van de site, en het vaststellen van de relaties daartussen. Organisatie bestaat uit het combineren van deze componenten in afzonderlijke semantische categorieën en thema's. Subjectificatie omvat het bepalen van de namen van deze categorieën en de navigatielinks die ernaartoe leiden.

Zoeken en beheren

Het vermogen om informatie te vinden is een doorslaggevende factor voor de bruikbaarheid van de site als geheel. Als gebruikers de informatie die ze nodig hebben niet kunnen vinden door op internet te surfen, de site te doorzoeken en vragen te stellen, moet de site als een mislukking worden beschouwd. Maar het is niet genoeg om je er alleen maar op te concentreren eindgebruiker bij het ontwerpen. Er moet rekening worden gehouden met de doelstellingen van organisaties en degenen die informatie beheren. Informatie architectuur moet een evenwicht vinden tussen gebruikersbehoeften en bedrijfsdoelstellingen. Grote waarde hebben effectief beheer inhoud, duidelijk gedefinieerde procedures en informatiebeleid plaats.

Kunst en Wetenschap

Disciplines zoals ergonomie en etnografie brengen wetenschappelijke nauwkeurigheid in de analyse van gebruikersbehoeften en informatiezoekgedrag. Ons vermogen om gedragspatronen van gebruikers te bestuderen en onze websites te verbeteren groeit gestaag. Het praktische werk op het gebied van de informatiearchitectuur zal echter nooit uitsluitend beperkt blijven tot mechanische acties– de dubbelzinnigheid en complexiteit zijn te groot. Informatiearchitecten moeten vertrouwen op hun ervaring, intuïtie en creativiteit. Ze moeten bereid zijn risico's te nemen en op hun intuïtie te vertrouwen. Dit is de ‘kunst’ van informatiearchitectuur.

Kleitabletten, boekrollen, boeken en bibliotheken

Mensen zijn al eeuwenlang bezig met het structureren, organiseren en onderwerpen van informatie. Terug in 660 voor Christus. e. De kleitabletten van de Syrische koning waren gerangschikt op onderwerp. In 330 voor Christus. e. De bibliografie van de bibliotheek van Alexandrië werd op 120 rollen geplaatst.

1 Granulariteit verwijst naar de mate van generalisatie bij het opsplitsen van informatie in fragmenten of hun relatieve grootte. Verschillende detailniveaus kunnen er als volgt uitzien: privé kamer tijdschrift, artikel, paragraaf, zin.

IN In 1873 bedacht Melvil Dewey het ‘Dewey Decimal System’ om de toegang tot het steeds groeiende aantal boeken te organiseren en te vereenvoudigen.

IN Tegenwoordig zijn de meeste mensen bekend met de basisprincipes van het organiseren van informatie door ervaring met boeken en bibliotheken. In tabel 1.1 toont de toepassing van informatiearchitectuurconcepten (IA) op de wereld van het gedrukte woord en op de wereld Breed web.

Tabel 1.1. Verschillen tussen boeken en websites

Concept van IA

Websites

Elementen

Omslag, titel,

Startpagina, navigatiepaneel

hoofdstukken, secties, pagina's,

paginanummers, inhoudsopgave,

pers, sitemap, onderwerp

onderwerpindex.

index, zoeken op site.

Afmetingen

2D-pagina's, pre

Multidimensionaal

informatief

achter elkaar geplaatst

ruimte

van hypertekst

nom lineaire volgorde.

navigatie.

Tastbaar en eindig zelfs

Zwak tastbaar, onduidelijk, wat

welk begin en einde.

rez welke informatie “over

lekken" naar andere sites.

Als we van individuele boeken naar boekencollecties gaan, wordt de vergelijking nog interessanter. Laten we ons een boekwinkel voorstellen die geen organisatiestructuur heeft. Duizenden boeken liggen eenvoudigweg op tafels opgestapeld. Dergelijke winkels bestaan, zoals Gould's Book Arcade in Newton, Australië. Het wordt getoond in Afb. 1.1.

Rijst. 1.1. Gould's Book Arcade (Foto met dank aan Seth Gordon)

Vanuit filosofisch oogpunt kan men aannemen dat een dergelijke willekeurige opeenstapeling van boeken het mogelijk maakt om met opluchting te breken met de strikte orde. het dagelijks leven. En in deze boekwinkel kun je echt met enthousiasme door boeken snuffelen en onverwachte vondsten doen. Maar als je op zoek bent naar een specifiek boek of geïnteresseerd bent in een specifieke auteur of onderwerp, dan ben je verzekerd van een lange en pijnlijke zoektocht naar een speld in een hooiberg.

Vergelijk de chaos van deze winkel met de orde die in de bibliotheek heerst (Fig. 1.2). Zelfs op het eerste gezicht is het contrast opvallend. Als je goed kijkt, zie je dat een bibliotheek niet alleen een opslagplaats is voor boeken, tijdschriften en muziekopnamen. Het beschikt over complexe systemen en goed opgeleide professionals die achter de schermen opereren en collecties selecteren, evalueren, taggen, beschrijven, structureren en organiseren, zodat bibliotheekbezoekers kunnen vinden wat ze nodig hebben. Hoewel de informatieomgeving van de bibliotheek zeer georganiseerd is, maakt de onderwerpgerichte benadering van het Dewey Decimal System en het classificatieschema van de Library of Congress ook verkennend browsen en toevallige ontdekkingen mogelijk.

Rijst. 1.2. Bladeren door boeken in de bibliotheek (Foto met dank aan http://intergate.sdmesa.sdccd.cc.ca.us/lrc/stacks.jpg)

Kortom, de belangrijkste manier waarop bibliotheken en bibliothecarissen waarde toevoegen aan gedrukte materialen is door deze materialen in te plaatsen in strikte volgorde, gemaakt volgens de regels van de informatiearchitectuur en het vergemakkelijken van de toegang daartoe voor lezers. Informatiearchitecten voeren een soortgelijke taak uit, maar dit wordt meestal gedaan in de context van websites en digitale inhoud. Natuurlijk zijn er aanzienlijke verschillen tussen bibliotheken en websites. Sommigen ervan staan ​​in de tabel. 1.2.

Er zijn veel uitdagingen die moeten worden overwonnen bij het ontwikkelen van de informatiearchitectuur van een bibliotheek, maar de bibliotheek is een relatief goed gedefinieerde omgeving en biedt toegang tot een schat aan opgebouwde ervaring. Integendeel, websites brengen een hele nieuwe reeks problemen met zich mee. Virtuele ruimtes hebben een grotere flexibiliteit op het gebied van

Hallo allemaal!

Zoals beloofd gaan we vandaag verder over beoordelen GUI, maar laten we het deze keer hebben over informatiearchitectuur.
Ik wil nogmaals benadrukken: het feit dat het vorige artikel is gewijd aan visueel ontwerp, en dit artikel gaat over informatiearchitectuur, betekent geenszins dat de interface in die volgorde moet worden geëvalueerd. In de praktijk kunnen al deze controles in de regel niet duidelijk van elkaar worden gescheiden, maar om te beginnen zullen we, om het begrip te vereenvoudigen, elk onderdeel afzonderlijk behandelen.
Alles wat verder aan bod komt, heeft in grotere mate betrekking op webapplicaties, maar enkele tips zijn ook van toepassing op andere informatiesystemen.

Wat is informatiearchitectuur? De definitie die ik het leukste vind is:

« Informatiearchitectuur behandelt de principes van het organiseren en navigeren door informatie om mensen te helpen de gegevens die ze nodig hebben met meer succes te vinden en te verwerken.».

Als we alle onnodige details weglaten, blijven er twee belangrijke aspecten over:

- Organisatie informatie;
- Het verstrekken van navigatie op haar.

Ben je ooit websites tegengekomen waar je niet kon vinden wat je nodig had (ook al vermoedde je dat het er ergens was)? Of met sites waar zoveel informatie op één plek stond dat je helemaal verdwaald was in de overvloed? Zo ja, welkom bij de club.

We zullen proberen vast te stellen hoe problemen met de informatiearchitectuur kunnen worden geïdentificeerd en hoe deze kunnen worden gecorrigeerd. En om niet ongegrond te zijn, zullen we een voorbeeld nemen echte leven en laten we een idee krijgen van wat deze informatiearchitectuur in de praktijk is.

Voorbeeld: door de bomen zie je het bos niet meer

Als voorbeeld zou ik de BSUIR-website bsuir.by willen noemen (ja, alleen lui zouden er niet over uitschelden).

Bij het beoordelen van uw informatiearchitectuur moet u eerst bepalen welk doel uw systeem dient en een lijst maken van de taken waarvoor gebruikers het zullen gebruiken.

Waar is de meerderheid voor? studenten gaat naar de website van de universiteit? Meestal het volgende:

Bekijk het lesrooster en examens;
- Ontdek belangrijke gebeurtenissen en nieuws in het leven van de universiteit;
- Informatie over docenten bekijken (naam, welke afdeling, waar te zoeken);
- Verduidelijk enkele organisatorische kwesties (waar en in welk formaat bepaalde documenten moeten worden ingediend).

Als het schema nog steeds min of meer is (hoewel er geen nieuws op de hoofdpagina staat dat het is verschenen of bijgewerkt, en voor studenten is het verborgen zodat je nog steeds moet kijken), dan is de situatie voor alle andere punten triest . Evenementen en ‘hot’ nieuws worden op de hoofdpagina gepubliceerd, wat geweldig is. Belangrijke mededelingen verschijnen echter alleen in diep verborgen rubrieken (afzonderlijk voor faculteiten, afdelingen en masteropleidingen). Nog treuriger is het voor docenten: als een onzorgvuldige student zich de faculteit of afdeling niet kan herinneren, zal hij achtereenvolgens door alle pagina's moeten kruipen. En als hij ook alleen de naam van het object onthoudt, is het volledig verloren. Zoeken helpt hem in dit geval niet: bij het zoeken naar drie leraren van mijn favoriete afdeling (let op, niet de meest obscure - elk heeft ook een lijst met publicaties waarin hun namen worden herhaald), gaf de zoekopdracht mij “ Niets gevonden..." En dit ondanks het feit dat ik ernaar op zoek was volledige combinatie Volledige naam!

Als je weet waar je moet kijken, zijn al deze mensen 4 klikken verwijderd. En als je het niet weet, bestaan ​​ze simpelweg niet op de site.

UPD: Het bleek dat er onlangs een zoekopdracht naar een leraar verscheen op de website bsuir.by. Er moet nog steeds serieus worden verbeterd, maar over het algemeen is de trend goed nieuws.

Wat de documenten betreft... In een of andere vorm worden links naar documenten overal “uitgesmeerd”. verschillende onderdelen menu. En geen van de links vertelt de student dat hij aan staat de juiste manier. Documenten zijn gegroepeerd op soort (orders, planning(!), regelgeving etc.), en niet op doelgroep. De zoekopdracht levert uiteraard geen enkel resultaat op.

De situatie zou kunnen worden gered als het menu een apart item "Studenten" zou hebben, waarin alle secties zouden worden vermeld die het meest gevraagd zijn voor studenten (je kunt trouwens bepalen welke secties deze gebruiken kaarten sorteren, waarover de presentatie de moeite waard is). Of een normaal functionerende zoekopdracht. Intussen heeft de site dat ook niet, hij is beter geschikt voor het illustreren van informatiearchitectuurproblemen dan voor gebruik.

Hoe moet het gedaan worden?

Nu u de omvang van de tragedie heeft beseft, stel ik voor dat u vertrouwd raakt met een paar eenvoudige tips waarmee u kunt controleren hoe goed de informatie in uw systeem is georganiseerd. In overeenstemming met de hierboven gegeven definitie, waarvan de auteur, als ik mij goed herinner, Louis Rosenfeld is, zullen we IA in twee aspecten beschouwen: navigatie En organisatie van informatie.

1. Evalueer de navigatie

Het maakt niet uit hoeveel nuttige ‘functies’ u op uw systeem heeft geïnstalleerd: als de gebruiker ze niet kan detecteren, komt dit neer op de afwezigheid ervan. Dat is waarom duidelijk systeem navigatie is een van de voorwaarden voor het gemak van het systeem.

Waar u op moet letten:

1) Navigatiemenu. Het is in een of andere vorm op bijna elke website aanwezig. Als we het hebben over de vereisten waaraan het moet voldoen, kunnen we het volgende benadrukken:

Vind het wiel niet opnieuw uit. Als de meeste sites een menu bovenaan of links hebben, komt dat niet omdat niemand eraan dacht om het onderaan of rechts te plaatsen. Gebruikers zijn gewend aan deze exacte locatie en dit zijn de plaatsen waar ze ernaar zullen zoeken.

De menu-indeling mag niet veranderen wanneer u van de ene pagina naar de andere gaat.

Plaats de meest gebruikte items aan het begin.

Het navigatiemenu moet visueel gescheiden zijn van al het andere.

Markeer het geselecteerde menu-item.

Voor degenen die wat meer willen leren, raad ik u aan de richtlijnen http://usability.gov/guidelines/index.html (sectie Navigatie).

2) Het systeem moet een zoekopdracht hebben. Misschien ga ik nu dingen zeggen die voor iedereen duidelijk zijn, maar toch: een groot percentage van de gebruikers beweegt zich binnen en tussen sites met behulp van het zoeksysteem. Hoogstwaarschijnlijk komt het vaker voor dat u uw browser opent, de gewenste site typt en ernaartoe gaat. Echter groot aantal Mensen doen het anders: ze openen een zoekmachine, zoals Google, en typen daar de site, waarna ze vanuit de zoekresultaten ernaartoe navigeren.

Op de site letten veel mensen helemaal niet op het navigatiemenu en maken alle bewegingen met behulp van zoeken. Daarom, als een dergelijke gebruiker geen zoekopdracht op de site ziet en niet begrijpt met een snelle blik op het menu waar wat hij nodig heeft zich bevindt, is de kans groot dat de site zal worden verlaten, ook al is in feite alles wat hij nodig heeft behoeften zijn er.

Naast dat het de navigatie voor de gebruiker eenvoudiger maakt, zoekopdrachten kan later worden geanalyseerd om uw gebruikers te bestuderen. Hierdoor kunt u onverwachte gebruiksproblemen identificeren en uw publiek eenvoudigweg beter begrijpen.

3) Zoeken moet niet alleen aanwezig zijn, maar ook nuttig zijn. De aanwezigheid van een zoekfunctie kan bepaalde navigatieproblemen compenseren, maar alleen als de zoekactie geen nutteloze basis is. Probeer in uw systeem te zoeken naar secties die de gebruiker mogelijk nodig heeft (bijvoorbeeld 'registratie' of ' tariefplan") en kijk welke resultaten de zoekopdracht oplevert.

Nog een opmerking over zoeken: u mag de functie "Zoeken op internet" niet toevoegen: wees gerust, als de gebruiker iets wil zoeken dat niet op uw site, maar op internet staat, zal hij dat doen met zijn favoriete zoekmachine. Het implementeren van een dergelijke zoekopdracht op een website leidt ertoe dat gebruikers (vaak onverwacht) worden omgeleid naar andere pagina's, om nog maar te zwijgen van extra bugs.

Nog een laatste ding: vergeet niet om op de resultatenpagina te laten zien voor welke criteria de zoekopdracht is gebruikt.

4) De meeste gebruikers komen niet via de startpagina op websites terecht. Het is belangrijk om dit in gedachten te houden en ernaar te streven dat u op elke pagina kunt begrijpen waar de gebruiker is gebleven en waar hij heen kan.

Uit dit punt volgt uiteraard het volgende:

5) Elke pagina moet een titel hebben. Stel je voor dat je in een onbekende stad bent, je hebt een kaart, maar de huizen hebben geen nummers of straatnamen. Onaangename situatie, nietwaar?

6) Startpagina ( Landingspagina) vereist speciale aandacht. De hoofdpagina is de kleding waarmee je wordt begroet. Allereerst moet het de gebruiker informatie geven over waar hij is, wat hij hier kan doen en waar hij heen moet. Als de gebruiker op het eerste gezicht op de pagina de vraag "waar ben ik heen" niet kan beantwoorden (of, als alternatief: "heb ik deze nodig?"), Is hij voor u verloren. Andere nuttige tips voor de startpagina vindt u hier.

7) Links moeten zichtbaar, duidelijk en voorspelbaar zijn. Dit betekent dat de gebruiker op het eerste gezicht moet begrijpen wat er voor hem ligt: ​​een klikbare link of statische tekst. In die zin is niets beter uitgevonden dan de goede oude blauwe links. Natuurlijk kun je ook andere kleuren gebruiken. Het belangrijkste is dat links kunnen worden onderscheiden van tekst, en bezochte links van niet-bezochte links.
Voor de duidelijkheid is het de moeite waard om een ​​tooltip toe te voegen. Wat de voorspelbaarheid betreft: als de link iets anders doet dan de gebruiker naar een andere pagina brengen (bijvoorbeeld een bestandsdownload starten), Zorg ervoor dat u de gebruiker waarschuwt hierover.

8) Onderschat de secundaire navigatie niet. Uit sommige onderzoeken blijkt dat gebruikers vaker secundaire navigatie gebruiken dan menu's, vooral als de links er 'verleidelijk' uitzien en beloven de gebruiker mee te nemen op een spannende reis. De moraal is deze: zelfs als je dat denkt navigatiemenu Het is voldoende: beknibbel niet op het koppelen van verschillende delen van de site aan elkaar en het plaatsen van links rechtstreeks in de inhoud.

2. Informatiearchitectuur

In het eerste deel van het artikel hebben we vooral zoek- en navigatieproblemen besproken. Nu gaan we over op de directe presentatie en structurering van informatie.

Dus waar je op moet letten:

1) Tekstverwoording. Hier laat ik mij leiden door één principe. Stel je voor dat je niet een programma ontwerpt, maar het gedrag van een andere persoon, en dat je gebruiker met hem zal communiceren. Hoe zou een ‘normaal’ mens dit uitdrukken? Het is onwaarschijnlijk dat hij zinnen zou zeggen als: “ Het verzenden van gegevens naar de server wordt geïnitialiseerd" Het effect dat moet worden bereikt is een beleefde gesprekspartner, een adviseur, maar geen mentor of een 'slimme kerel'.

Dit advies overlapt met het volgende:

2) Gebruik geen terminologie die de gebruiker niet kent. We zitten allemaal vast in de IT-wereld en soms merken we niet eens hoe we woorden als ‘mijlpaal’, ‘in kaart brengen’, ‘concept’ en dergelijke gebruiken. Maar - aandacht - de meeste van onze gebruikers zijn niet zoals wij. Ze hebben weinig idee wat een server is. En ze associëren het woord ‘cliënt’ met een persoon.
Daarom moet je ervoor zorgen dat ze comfortabel zijn. Zeg vaarwel tegen IT en al het andere jargon. Spreek de taal van uw gebruiker als u wilt dat hij/zij u hoort.

3) Vermijd grote stukken tekst. Zoals Steve Krug adviseerde: “ Verwijder de helft van de woorden op elke pagina en verwijder vervolgens nog een helft van wat er nog over is" Gebruikers hebben geen extra tijd om meerdere regels te lezen marketinginformatie, op zoek naar nuttige informatie voor jezelf. Maak de tekst scanbaar: verdeel hem in delen, markeer kernpunten, gebruik lijsten.

4) Vermijd vage knopnamen. "OK" is een van de meest slechte opties. Een knop moet, net als elk ander element dat een systeemactie initieert, deze actie duidelijk benoemen. Dit kan bijvoorbeeld 'Verwijderen' of 'Verzenden' zijn.

5) Minimaliseer altijd de hoeveelheid informatie die van de gebruiker wordt gevraagd. Dwing de gebruiker niet om te verstrekken persoonlijke informatie, wat niet nodig is om zijn probleem op te lossen. Als u dergelijke informatie verzamelt, motiveer dan altijd waarom u deze nodig heeft en hoe deze zal worden gebruikt.

6) Uniformiteit. Dit principe werkt ook hier. Alle veldlabels, tooltips, instructies en foutmeldingen moeten in dezelfde stijl worden geschreven en op dezelfde plaatsen verschijnen.

7) Pictogrammen vereisen speciale aandacht.
- vertrouw niet op pictogrammen als de enige informatiebron, dupliceer deze altijd met tekst (tenminste in tooltips).

Gebruik notaties die bekend zijn bij de gebruiker. Voor veel mensen is het pictogram ‘Groen plusje’ bijvoorbeeld gekoppeld aan de actie ‘Een object toevoegen’. Als u een dergelijk pictogram gebruikt om bijvoorbeeld het opslaan aan te geven, kan dit de gebruiker in verwarring brengen.

Zorg ervoor dat de pictogrammen in dezelfde stijl zijn gemaakt. Als je geen ontwerper hebt die ze zelf ontwerpt, kun je dit bereiken door iconen uit dezelfde set te gebruiken.

Vermijd het gebruik van te veel kleine elementen in pictogrammen.

Het pictogram moet visueel opvallen tussen al het andere.

8) Wanneer u items in lijsten rangschikt, begin dan met de meest gebruikte items. Of, in het slechtste geval, gebruiken alfabetische volgorde. Anders zal het erg lastig zijn om met zo'n lijst te werken.

9) Groepeer velden op formulieren op betekenis. Vooral als de formulieren lang zijn. Dit maakt het invullen een stuk eenvoudiger.

Informatie ontwerp

Natuurlijk kun je niet over informatiearchitectuur praten zonder er iets over te zeggen informatie ontwerp. Als de EA de inhoud verzorgt, is de EA verantwoordelijk voor de vorm waarin de informatie wordt gepresenteerd. Natuurlijk verdient ID een apart artikel, maar hier zal ik proberen de belangrijkste punten kort op een rij te zetten:

1) Locatie van veldlabels. Volgens onderzoek van de site UXMatters is de meest succesvolle optie om de veldnaam er direct boven te plaatsen. De volgende optie bevindt zich links van het rechts uitgelijnde veld.

4) Hoe belangrijker element Dit betekent dat des te opvallender het op de pagina moet zijn. De regel is eenvoudig en lijkt aan de oppervlakte te liggen. Helaas wordt dit echter vaak genegeerd. In een poging alle elementen te verfraaien, maken ontwerpers ze visueel even aantrekkelijk, waardoor geen van de elementen wezenlijk opvalt en belangrijke informatie verloren gaat onder de onbelangrijke. Dit overlapt met het volgende punt:

5) Verminder visuele ruis. Terwijl u door de GUI-indeling bladert, neemt u de tijd om voor de honderdste keer na te denken: "Is dit element hier echt nodig, of kunnen we het zonder?" en voel je vrij om alles wat onnodig is af te snijden.

Daar eindigen we voor vandaag. Het artikel bleek omvangrijk en ik heb het gevoel dat er veel buiten de reikwijdte ervan bleef. Daarom zet ik de discussie graag voort op het forum.
In het volgende artikel gaan we verder met het beoordelen van de dynamische component: interactie, en praten we niet langer over mock-ups, maar over prototypes en kant-en-klare systemen.

7. Online tool voor het sorteren van kaarten: http://websort.net/

10. Een selectie van artikelen over buttons http://uxmovement.com/category/buttons/

Vorige artikelen

De meeste gewone mensen, klanten en zelfs enkele beginnende webontwikkelaars zijn er zeker van dat elke website begint met webontwerp. In feite is dit niet helemaal waar. Net zoals de basis van elk gebouw, van een hut tot een wolkenkrabber, architectuur is (zelfs als de bouwer het niet heeft ontwikkeld), ligt de basis van elke website, van de eenvoudigste – 3-4 pagina’s – tot indrukwekkende webplatforms, informatie. architectuur. Geen enkel groot gebouw wordt gebouwd zonder een ontwerp, dus het is juist om aan te nemen dat vanaf het allereerste begin een goed doordachte site-informatiearchitectuur moet worden gemodelleerd.

Een vereenvoudigde weergave van de site-architectuur is vaak de zogenaamde. “blokdiagram” van de site, dat in bijna elk werkoverzicht voorkomt ( referentievoorwaarden om een ​​website te maken) in het formulier lijst met opsommingstekens. Hier zou ik het echter willen hebben over de informatiearchitectuur van de site, weergegeven door middel van diagrammen die op meer demonstratieve wijze niet alleen de hiërarchie van de pagina's van de site weergeven, maar ook de interactie met de gebruiker/bezoeker van de site. Het artikel geeft de belangrijkste grafische symbolen voor het maken van locatiediagrammen (zogenaamde locatietekeningen) en hun aanduiding. Het artikel is voorzien van een voorbeeld van een website die is gebaseerd op de persoonlijke praktijk.

Het artikel zal nuttig zijn beginnende webontwikkelaars voor visuele modellering van site-architectuur met behulp van speciale grafische symbolen. Het artikel kan interessant zijn webservice-klanten voor een verbeterde presentatie van de informatiearchitectuur en de modellering van de site.

Informatiearchitectuur van de site. Betekenis en gebruik

Informatie architectuur(vaak afgekort tot “IA”) is een combinatie van organisatie-, subjectisatie- en navigatieschema’s geïmplementeerd in een informatiesysteem.

Vaak wordt de informatiearchitectuur van een website geassocieerd met Usability, een systeem van kennis over het gebruiksgemak van een website. In de definitie van The Information Architecture Institute zien we dus:

Informatiearchitectuur is de kunst en wetenschap van het organiseren en ontwerpen van websites, intranetten, online communities en software om de bruikbaarheid te garanderen.

Tegelijkertijd is het niet helemaal correct om website-architectuur uitsluitend gelijk te stellen aan bruikbaarheid. Er is een mening (en ik ben geneigd deze aan te hangen) dat “usability-specialisten niet altijd een goed begrip hebben van hoe vaak gebruikersvereisten voor dezelfde informatie veranderen, en hoe deze verschillende vereisten de zoeksnelheid beïnvloeden” (Louis Rosenfeld, (Louis Rosenfeld, co-auteur van het veelgeprezen Information Architecture for the Wereldwijd Web; citaat uit een interview). Hier moet worden verduidelijkt dat onder de zoektocht naar informatie en de snelheid van deze zoektocht Louis Rosenfeld (volgens ten minste, zoals ik het begrijp) impliceert niet zozeer een “site search” met behulp van de gelijknamige sitedienst, maar eerder de namen van menu-items, pagina’s, enz., die moeten voldoen aan de verwachtingen en eisen van de bezoeker. Naast de principes van bruikbaarheid moet de informatiearchitectuur ook marketingdoelen omvatten, waarbij belangrijkere en 'winstgevendere' delen van de site worden benadrukt. De rol van informatiearchitectuur is onlosmakelijk verbonden met het formuleren van bedrijfsdoelstellingen.

Naar mijn mening, Informatiearchitectuur van de site- de kunst en wetenschap van het organiseren, onderwerpen en systematiseren van websites, ten behoeve van de marketingeffectiviteit van de site en met bruikbaarheid als doel.

Informatie architectuur. Wij maken werftekeningen

Het is het handigst om de informatiearchitectuur en manieren van gebruikersinteractie met de site weer te geven door diagrammen te maken. Wat bieden terreintekeningen (diagrammen)? Het belangrijkste voordeel van sitetekeningen is ongetwijfeld de zichtbaarheid van de sitestructuur en de interactie met de gebruiker/sitebezoeker. Praktische betekenis bouwtekeningen worden aangekocht op het gebied van liquidatie taalbarrière(terminologisch), en, als gevolg daarvan, in het verhogen van de efficiëntie van het werken met de site (in combinatie met zakelijke taken) en het genereren van oplossingen om gebruikersinteracties te verbeteren.

Informatiearchitectuurdiagrammen gebruiken doorgaans een aantal grafische symbolen. Hieronder vindt u een lijst van dergelijke symbolen(grafische symbolen) met behulp waarvan sitediagrammen worden gemaakt. U kunt meer lezen over hun betekenis en gebruik op websam.com, artikel Grafische notatie voor het documenteren van informatiearchitectuur en gebruikersinteracties met een website. Webontwerpers/webontwikkelaars - Voor verdere studie raad ik u ook aan het boek Information Architecture: Blueprints for a Site te lezen van Christina Wodtke, een van 's werelds toonaangevende informatiearchitecten (diagrammen maken aan het einde van het boek).

Grafische basissymbolen voor het modelleren van informatiesystemen:

Hieronder vindt u een fragment van de informatiearchitectuur van de website van de Capital Shipping Company (CCK=SHIP.RU):

Het is tijd om na te denken over de rol van informatie in interactieontwerp en de architectuur, functies ervan en hoe eraan te werken.
Meestal ontwerpen we interfaces en bestuderen we hoe gebruikers deze waarnemen. Maar tegelijkertijd moeten we er rekening mee houden dat de meeste interfaces geen doel op zichzelf zijn, maar slechts intermediairs in de interactie tussen een persoon en informatie. Daarom is het eerlijk om veel aandacht te besteden aan de informatie zelf, de architectuur ervan en de menselijke perceptie van informatie. Vandaag zullen we het hebben over informatiearchitectuur (hierna - IA).

Voor de ongeduldigen of mensen met weinig tijd: een samenvatting en interessante links aan het einde van de tekst.

Laten we beginnen met het voor de hand liggende.
Duidelijkheid #1: Mensen hebben informatie nodig om beslissingen te kunnen nemen.
Duidelijkheid #2: De informatie kan zijn:

  • Onvolledig - het is niet genoeg om tevreden te stellen informatie verzoeken gebruiker;
  • Onjuist - het komt niet overeen met de werkelijkheid;
  • Redundant – er is te veel van en/of het is te complex voor de gebruiker om waar te nemen;
  • Irrelevant – er is genoeg van, het is correct, eenvoudig genoeg om te begrijpen, maar... nutteloos. Om vele redenen.
Duidelijkheid #3: In elk van de bovenstaande gevallen wordt al het werk aan de schoonheid, elegantie en functionaliteit van informatiepresentatie-interfaces zinloos. Gegeven valse informatie zal een ideale interface de gebruiker bijvoorbeeld in staat stellen snel een verkeerde beslissing te nemen.
Duidelijkheid #4: Informatie is georganiseerd in een bepaalde structuur met architectuur.
Duidelijkheid #5, definitief: Als de gebruiker het niet vindt noodzakelijke informatie of het niet waarneemt, verliest de klant of het bedrijf winst.
Toen ik als UX-ontwerper in de e-commerce-industrie werkte, werd ik blootgesteld aan een verscheidenheid aan ideeën over informatiearchitectuur. Voor het grootste deel wordt het gezien als een onbelangrijk aspect van interactieontwerp. Als gevolg hiervan worden noch middelen noch tijd toegewezen aan het werken aan informatiearchitectuur. Uiteindelijk lijden gebruikers eronder en verliezen bedrijven een aanzienlijk deel van hun omzet.

Misschien is dit de belangrijkste reden die mij ertoe heeft aangezet het artikel te schrijven dat ik onder uw aandacht breng. Het is onderverdeeld in verschillende hoofdstukken, waarin ik voorstel de volgende vragen te beantwoorden:

  • Wat is informatiearchitectuur als fenomeen en de plaats ervan in het totale proces van interactieontwerp;
  • Wat zijn de specifieke kenmerken van het werken aan informatiearchitectuur voor e-commerce;
  • Hoe wij beslissingen nemen. Een beetje psychologie;
  • Hoe informatiearchitectuur in de praktijk te ontwerpen.
Alles in detail bespreken in één artikel is een onmogelijk doel, dus laat je wensen en vragen achter in de reacties, dan zal ik proberen alles in de volgende delen te beantwoorden.

Laten we beginnen.

Waarom werken aan informatiearchitectuur?

Alle wedstrijden met echte karakters, diensten
en producten zijn willekeurig.
Wat er met Ivan Vladimirovitsj is gebeurd
Ivan Vladimirovitsj keerde om middernacht terug naar huis omdat hij erg laat op zijn werk was. In principe kwam hij nogal eens te laat. Zonder één omstandigheid zou dit hem niet zoveel hebben gestoord: 's avonds kreeg hij te horen dat de verjaardag van hun nieuwe baas morgen was.

Ivan besloot vrij snel over het geschenk zelf: het was bekend dat de voorkeur van de chef voor alcoholische dranken goede rum was. Maar de situatie als geheel was hopeloos. Talloze luxe drankwinkels die hij kende, waren gesloten en het feest begint morgenochtend. Blijkbaar zul je de online winkel moeten gebruiken. Ivan Vladimirovitsj hield niet van internet en gebruikte het vooral om nieuws te lezen. Met tegenzin ging hij achter zijn laptop zitten en begon de zoektocht.

Zijn keuze viel op de Eliteboose.com-winkel, waarvan hij hoorde dat deze het meest was beste keuze alcohol. Op het eerste gezicht was Ivan Vladimirovich onder de indruk van het stijlvolle en nette ontwerp van de site.

Terwijl hij over het menu keek, werd hij nadenkend. Rum was niet een van zijn favoriete drankjes, en eerlijk gezegd wist hij er niet veel van. Als je erover nadenkt, valt rum in een van deze categorieën, behalve als aperitief. Na enig nadenken besloot Ivan Vladimirovitsj om over te schakelen naar 'Geschenken' als het meest geschikte menu-item voor zijn behoeften.

Ongeveer 15 minuten lang bekeek hij de aangeboden producten. Tot zijn teleurstelling stond rum niet op de goederenlijst. En de aangeboden geschenken waren verre van zowel zijn behoeften als zijn financiële mogelijkheden.

Ik wilde al heel graag slapen, maar Ivan Vladimirovich deed nog een poging en ging naar een ander menu-item: 'Voor vrienden'. Tussen de vele bieren, wodka's en likeuren merkte hij eindelijk een enkele rum op die op de loer lag aan het einde van de lijst. De Demo Anejo-fles was misschien een goede keuze geweest, maar hij was in de war door het gebrek aan keuze. En zou zijn baas – het hoofd van een afdeling van een van de grootste banken van het land – het geschenk voor een bedrag van slechts 13 dollar kunnen waarderen.

Ivan Vladimirovitsj ging het balkon op om te roken. Toen kwam hij terug, ging achter de laptop zitten en deed een derde en laatste poging: hij selecteerde het menu-item ‘Voor een feestmaal’. En toen gebeurde het langverwachte wonder: hij zag een indrukwekkende lijst met de meest uiteenlopende rum van allemaal prijscategorie. Nadat hij een paar minuten over de lijst had nagedacht, voegde hij de vijftien jaar oude Gran Demo Blender Rum toe aan zijn winkelwagentje en doorliep hij het bestelproces met gemak. Ivan Vladimirovitsj was tevreden met zichzelf, maar het voorgevoel van een kolossaal slaapgebrek vergiftigde zijn humeur aanzienlijk.

In de ochtend was Ivan Vladimirovitsj er eindelijk van overtuigd dat zijn afkeer van online winkels gerechtvaardigd was. Nadat hij een paar kopjes koffie had gedronken, beloofde hij zichzelf er meer over te leren komende evenementen uitsluitend vooraf, zodat u rustig en zonder stress cadeaus kunt kopen in de reguliere winkels.

En nu in cijfers

In het bovenstaande verhaal is er een probleem met IA, zij het overdreven. Bij Eliteboose.com zien we onduidelijk gedefinieerde en benoemde categorieën, en een niet voor de hand liggende classificatie van producten in categorieën.

We kunnen stellen dat de Eliteboose.com-winkel veel geluk had met Ivan Vladimirovich. Onze held was a) koppig genoeg om het idee om rum in een online winkel te kopen niet op te geven, b) principieel genoeg om het kopen van een cadeau helemaal niet op te geven, en c) inert genoeg om naar een concurrerende online winkel te gaan.

Maar ik geloof dat de veronderstelling dat meest potentiële kopers Ik zou het na de eerste, of zeker na de tweede poging, opgeven om de juiste alcohol op Eliteboose.com te vinden. Zo kunnen we het verloren inkomen van de winkel berekenen.

Laten we de aanpak aanpassen Jared Spoel, waarmee hij de kosten van passagiersfrustratie als gevolg van bruikbaarheidsproblemen berekent transportbedrijf Amtrak:

  1. Wij berekenen ideale inkomenspotentieelIideaal=a*b, Waar A En B– gemiddelde cheque en aantal potentiële kopers (leads) per dag
  2. Wij krijgen totale gederfde inkomstenIforgone= Iideaal -(Iideaal *x/100), Waar X– percentage aankoopweigeringen in het algemeen
  3. Laten we het uitzoeken kosten van een fout in IAIAcost= Iforgone *y/100, $3500*20/100, Waar j– het percentage mislukkingen als gevolg van de schuld van de IA.
Voorbeeld
Gegeven:
  1. Gemiddelde orderfactuur – $100 ;
  2. aantal potentiële kopers (leads) per dag – 50 ;
  3. percentage aankoopweigeringen – 70% ;
  4. waarvan, door de schuld van de IA - 20% .
Wij tellen:
  • Ideaal inkomen – $100*50=$5000 per dag
  • Totaal verloren inkomsten – $5000-($5000*70/100)=$3500 per dag
  • De kosten van een fout in IA bedragen $3500*20/100 = $700 per dag
Wij concluderen:
De kosten van fouten in IA bedragen $ 700 per dag, $ 21.000 per maand of $ 252.000 aan inkomsten per jaar.

In het geval van bedrijfssoftware zal het tijdverlies van werknemers niet minder groot zijn.

Maar voordat we verder gaan met het oplossen van het probleem, rijst redelijkerwijs de volgende vraag:
“Wat bedoelen we met informatiearchitectuur?”

Wat is informatiearchitectuur?

Laten we de gemiddelde werknemer van een IT-onderneming nemen en de vraag stellen: wat is informatiearchitectuur en waarom is deze nodig? Onder de antwoorden die we ontvangen, met variaties, kunnen de volgende zijn:
  • “Is dit hoe informatie is georganiseerd? Waar en wat is het?”;
  • “Iets van usability, voor gebruiksgemak van de site?”;
  • “Dat klopt, plattegrond! Ja, natuurlijk is het handig... Ik gebruik het niet echt”;
  • “Navigatie, zoals... Nou ja, hoe je door de site beweegt”;
Alle antwoorden zijn relevant voor de realiteit, maar verschillend in termen van begrip van het fenomeen IA. Maar hoogstwaarschijnlijk zullen alle ondervraagden het erover eens zijn dat goede AI nuttig is, en slechte AI schadelijk. Als je je klanten hiernaar vraagt, neemt de variatie in meningen aanzienlijk toe. En na het bestuderen van de fundamentele werken over IA zal de waarheid duidelijk worden dat er verschillende opvattingen over IA bestaan, zelfs onder informatiearchitecten zelf.


Richard Saul Wurman

Vader van de informatiearchitectuur, Richard Saul Wurman, geeft de volgende definities van informatiearchitectuur:

  • “Patronen vinden en ordenen die inherent zijn aan data. Om het complexe eenvoudig te maken”;
  • “Het creëren van een structuur of kaart van informatie zodat gebruikers hun persoonlijke pad naar kennis kunnen vinden”;
  • "Een opkomend beroep in de 21e eeuw dat zich richt op duidelijkheid, menselijk begrip en de wetenschap van het organiseren van informatie."
Peter Morville en Louis Rosenfeld In het klassieke werk over IA “Informatiearchitectuur op internet” worden vier definities gegeven:
  • Een combinatie van organisatie-, objectiserings- en navigatieschema's geïmplementeerd in het informatiesysteem.
  • Structureel ontwerp van de informatieruimte om de voltooiing van taken en intuïtieve toegang tot inhoud te vergemakkelijken.
  • De kunst en wetenschap van het structureren en classificeren van websites en intranetten om het voor gebruikers gemakkelijker te maken informatie te vinden en te beheren.
  • Een opkomende discipline en praktijkgemeenschap die zich toelegt op het verspreiden van ontwerp- en architectuurprincipes in het digitale landschap.
Morville en Rosenfeld krijgen gezelschap van Donna Spencer, dat voortbouwt op hun definities in de Practical Guide to Information Architecture.

Ondanks het zeer brede begrip van de term, zou het goed zijn om een ​​definitie en begrip van IA te formuleren vanuit het standpunt van een beoefenaar van interactieontwerp.

Ik stel het volgende voor (wat niet in tegenspraak zou zijn met de bovenstaande benaderingen om IA te begrijpen):
“IA is een schema voor het organiseren van website-informatie”

Laconiek en zeer abstract. De gemeten indicatoren voor de kwaliteit van het informatiebureau moeten vrij specifiek zijn:

  1. Snelheid van het vinden van informatie(KPI: aantal stappen om informatie of bestede tijd te vinden);
  2. Kwaliteit van gevonden informatie(KPI: kwalitatieve indicator van informatie die voldoet aan de verwachtingen van de gebruiker, van 1 tot 10).
Opgemerkt moet worden dat IA altijd aanwezig is in elke toepassing. De vraag is alleen of het aansluit bij het begrip en de behoeften van de gebruiker.

Vandaar vraag nummer twee:
Als het zo belangrijk is, hoe kun je het werk aan IA integreren in algemeen proces interactie ontwerp?

Hoe werken aan informatiearchitectuur?

Ik hou van het standpunt Dan Saffer, die in zijn werk ‘Designing for Interaction’ vier praktische benaderingen van interactieontwerp bespreekt, die ik hieronder schets. Hoe is het raadzaam om binnen elke aanpak aan IA te werken?
A. Gebruikersgericht

Idee: De gebruiker weet beter

Focus: Gebruikersdoelen en behoeften

De essentie van de aanpak: De ontwerper betrekt gebruikers vanaf het begin en gedurende het hele project bij de workflow. Voortdurend overleg met gebruikers, testen na elke ontwerpfase. In het geval van een meningsverschil tussen de ontwerper en de gebruiker over welk interface-element dan ook, heeft de mening van de gebruiker absolute prioriteit.

Waar gebruikt: grote productbedrijven, startups en digitale bureaus.

Eigenaardigheden: De aanpak is mogelijk niet geschikt voor locaties die daarvoor zijn ontworpen groot aantal gebruikers en met een brede positionering (aangezien de ontwerper tijdens het onderzoek slechts op de mening van een kleine kring van gebruikers zal vertrouwen).

IA-plaats: Vanwege de specifieke kenmerken van de aanpak - de nadruk ligt vooral op onderzoek - kun je het leeuwendeel van de IA-tools veilig gebruiken (ik zal afzonderlijk meer over de tools schrijven) zonder tijd en budget te verspillen. Het duurste deel – de werving van onderzoeksgebruikers – wordt sowieso betaald ze nemen al deel aan UX-onderzoek en -testen. Het IA-ontwerp zal verlopen volgens het klassieke top-down-schema.

Subproces voor het maken van IA


Let op: de onderzoeksmethode “Card Sorting” is verre van de enige. Geweldig vergelijkend overzicht IA-onderzoeksmethoden worden beschreven Jim Ross .

B. Activiteitsgericht

Idee: We vertrekken van de taken van de gebruiker.

Focus: Gebruikersactiviteit.

De essentie van de aanpak: Activiteit bestaat uit acties en beslissingen. De ontwerper onderzoekt de acties die de gebruiker doet en de beslissingen die hij moet nemen. Gebaseerd op onderzoek, maar in mindere mate dan de vorige aanpak. Hierna genereert het een lijst met taken waarmee de gebruiker wordt geconfronteerd en biedt op basis daarvan een oplossing.

Waar gebruikt: Zowel startups als outsourcingbedrijven.

Eigenaardigheden: Door de focus op de tactische taken van de gebruiker (registreren, wachtwoord invoeren, zoekparameters verfijnen) bestaat het risico dat de ontwerper door de bomen het bos niet meer ziet (een product kopen).

IA-plaats: Ook in interactie met gebruikers kun je AI ontwikkelen zonder veel tijd- en budgetverlies. Maar u moet uitgaan van de taken van de gebruiker en welke informatie de gebruiker moet helpen deze taken op te lossen specifieke taak tijdens zijn activiteiten. Pas daarna is het zinvol om over te stappen naar meer hoog niveau. Het ontwerp van IA zal dus van onderop plaatsvinden.

Subproces voor het maken van IA

C. Systeemontwerp

Idee: De gebruiker maakt deel uit van het systeem om hem heen.

Focus: Gebruikersomgeving.

De essentie van de aanpak: overwegend analytische benadering. De ontwerper moet primair letten op de gebruikscontext van de site. De toestanden van het systeem, de omgeving, de doelstellingen van de systeemactiviteit ten opzichte van de omgeving, en de reacties van het systeem op externe verstoringen worden bepaald en gewijzigd.

Waar gebruikt: Digitale bureaus, grote productbedrijven.

Eigenaardigheden: Het is raadzaam om dit alleen te gebruiken in gevallen waarin een complex product of productsysteem wordt gecreëerd. Meestal vereist deze aanpak het werk van een heel team van planners en ontwerpers.

IA-plaats: Direct onderzoek en ontwerp van IA wordt hier vervangen door werk aan de architectuur van het systeem, met verschillende tools en benaderingen.

D. “Geniaal” ontwerp

Idee: De ontwerper is het hoofd van alles.

Focus: Eigen inzicht in design, ontwerpheuristieken (voorbeelden zijn te vinden op