Wireframes

Wireframes er et skabelon (sidens struktur)- Et valg af alts placering i allesider og menuer af hjemmesiden. Giver mulighed for at findenavigationsfejl (eksempelvis) – Visualiser ideen man har i hovedet

interaktion, funktionalitet, layout – intet med grafisk design at gøre.

Kan gå videre til enten udvikler eller designer. ingen typografi eller valg afbilleder

Footer– De mindst vigtige ting, som findes i bunden af siden. Menuersom den almen besøger ikke er interesseret i.

Menu– Alt det vigtige – sorteres fra top til bunder eller venstre til højre.Vigtigheden afgøres af statistik data, ikke personlige holdninger.

Submenu– liste af siderne i sitemap

The fold– Alt hvad der ses på en side inden man scroller. Forsøg at vise althvad siden har at tilbyde i “the fold”

Visual edges– Tekst, billeder og alt på hjemmesiden vil ses som hver sinboks og når de liner up skabes “Axis of Interaction” – Der vil brugerens øjnealtid drage hen. Derfor skal vigtige ting være der.

Forms– Hvor brugeren interagerer med dig som administrator. Anses forat være en af de vigtigste remedier på en side. Der der giver dig mulighedfor at forbedre dig. Dog også en af de farligste, da de hurtigt kederbrugeren og får dem til at forlade siden.

Labels– Kategorisere forms – være kort og præcis.

Primær knap– Knapper vi vil have brugeren ser og anvender (fx. Køb) højkontrast befinder sig i axis of interaktion

Sekundær knap– Knapper som vi ikke ønsker brugeren anvender (fx.afbryd køb) skjulte da vi ønsker at brugeren ikke spontant trykker på dem.

Adaptive design –siden har forskellige rettelser for hver enhed den visespå

Responsive design –siden trækkes og masses så den passer automatiskpå all enheder. Hvis man har tænkt sig om når man laver siden, vil sidenikke blive grim og forvrænget når det sker. Dog kan det ikke altid lade siggøre, der vil man i stedet anvende adaptive design.

Lo-fi / Low fidelity wireframe– Simple optegninger sort/hvid – mængdeaf af ord ved linjer er ikke vidst

Hi-fi / High fidelity wireframe– tilføjet detaljer. Kan have nuancer af gråfor at vide hvor der skal være fokus. Brug relevant tekst, ikoner og billeder– Normalt får man tekst fra klient.

Mock up –Alt til føjes til wire frame og sikres at det visuelt fungerer. Styletile tilføjes til wireframe for at skabe mock up.
Det er meget almenligt at bruge en mock up og resten er wire frames.

Prototype– kan laves af både wireframe og mock-up – lige så snart mankan trykke på en knap, så bliver det en prototype.