Informationsarkitektur

Informationsarkitektur (IA) på en webside handler om kategorisering og genkendelighed af indhold, hvor den opbyggede webstrukturs indhold skal have til hensigt, at gøre det nemt for brugerene at finde frem til den relevante ønskede information.

Uge 16 / Tema 8 opgave: 

Denne uge skal du udvikle et IA (informationsarkitektur), samt en wireframe til en online kogebog med “al viden” 

  • Om mad, 
  • Måltider og hvordan de kan 
  • Laves i køkkenet. 

_______________________________________________________________________

Den digitale kogebog kunne hedde: ’Verdens lækreste opskrifter’ og udgiveren kunne være en mand vi kalder: Knud R.

Jeg har ladet mig inspirerer af kogebøger der allerede eksistere på nettet. Analyseret de forskellige måder og tilgange til informationsarkitektur og den inspiration har jeg krydret sammen med tema 8’s undervisningsstof.

Ud fra opgaven har jeg valgt at lave en kogebog, hvor ’al viden’ af sites opskrifter vises i et råvare index. Dette link er placeret nederst i footers, som vist i wireframe fig.2. 

Når man digitalt skal give madopskrifter til både nybegyndere, øvede eller eksperter, er den visuelle fortælling yderst vigtigt, som f.eks. i billedeform og videoer. For at imødekomme den visuelle fortælling har jeg valgt, at den digitale kogebog skal arbejde sammen med bogens Instagram site, hvor alle opskrifter vises i op til 30 sekunders ’How to’ videoer. Der vil være Instagram videolink indsat på alle opskrifterne i den digitale kogebog.

Dette har jeg valgt, da det er med til at styrke forbindelsen til brugeren og for at kunne måle brugernes: 

  • Oplevelser
  • Tilfredshed
  • Interesse
  • Hvad der ikke virker / virker
  • Sprede kendskab og brugen af kogebogen

Efter at have fået sat målsætningen i rammer med kogebogen var jeg klar til at gå videre med det store sorteringsarbejde med kortsortering af indholds muligheder, før jeg kunne skabe et sitemap for en informationsarkitektur. Til det valgte jeg at bruge postit – rigtig mange endda.

Med indholds brainstorming, kortsortering af disse – gik jeg fra abstrakt til et mere konkret indhold.  

Tilgangen var for mig nu nået til, at lave et sitemap udkast i Word. Ud fra mit sitemap, lavede jeg også 5 forskellige mulige udkast til wireframes, også i Word og kun med de punkter jeg fandt relevante fra den foreløbelige sitemaps. Disse wireframes gav et begyndende strategi og indholds overblik, til et relevant og konkret sitemap, hvor der kunne laves de endelige wireframes indholds eksempler.

Nu var jeg klar til at træde ind i Adobe Xd og give det hele form med de gode værktøjer Xd har.

Sitemap

Fig.1: Sitemap lavet i Adobe Xd (klik på billedet for at forstørre)
Sitemaps indholdspunkter til venstre i billedet

Nu begyndte det at tage form og jeg var klar til at lave en forside wireframe ud fra den opstillede sitemap i fig.1.

Wireframe

Fig.2.: wireframe forside
  • Forsiden gjorde det enkelt med kun 3 menupunkter, da der vil figurere mange billeder på siden
  • Nyeste post, til de forskellige kategorier
  • Målmeter, kan se sværhedsgraden / Grøn – let, Gul – middel, Rød – krævende.
  • En kort præsentation af kokken
  • Footers: Råvare index – Populære kategorier – Kontakt os.
  • Søgefelt

Menupunktet Starters: 

Fig.3.: Wireframe Starters

Menupunkt Starters: 

  • Knap til forsiden – denne knap vil der være på alle sider udover forsiden
  • Header billede
  • Søgefelt
  • Et klik på billedet til Starters opskrifter, hvor sværhedsgraden vise i målmeter
  • Populære søgninger knap
  • Knap til videoopskrifter Instagram, hvor der i boksen oven over knappen er sat korte videoer ind, så man får et forhåndsindtryk af, hvad der venter ved alle opskrifter på Instagram.

Et slutteligt notat:

Hensigten med ‘Kogebogen’ er at den er ligeså meget en webside kogebog, som en kogebog på Instagram siten. Begge platformes styrker skal være det visuelle udtryk – billedelayout på websiden og videolayout på Instagram. Det vil genererer brugerbesøg på begge platforme og ‘kogebogen’, kan etablere en direkte kontakt til brugerne på Instagram. 

Det unge publikum vil foretrække Instagram og det ældre mere en website. 

Dette ovenstående resultat, ville jeg som et Lo-fi, kunne lave en brugerundersøgelse omkring funktionalitet og gennemskuelighed, for at se om visionen omkring layoutet og at figurerer på begge platforme, holder i virkeligheden for brugerne. 

Slut for mig.