Hvordan bygge Wireframes

Trådmodeller er viktige faser av web utviklingsprosessen. En trådramme gir en visuell oversikt over hvordan det endelige produktet vil fungere. I likhet med en disposisjon for et essay eller en bygning blåkopi, det primære målet om å skape trådmodeller er å organisere og legge ut de funksjonelle elementer av sidene du utformer. Enklere enn fullverdige mock-ups, tråd effektivt uttrykke kravene visuelt til hjelp i kommunikasjon og samarbeid med interessenter og informere utviklere hvordan bygge produktet.

Bruksanvisning

1 Forskning brukernes behov og krav. Hvis det ikke er noen formelle krav som allerede er dokumentert, tenk om brukeren må fullføre oppgaver eller informasjon som må formidles med nettstedet eller programmet. Design ditt nettsted slik at brukerne kan oppnå de ønskede handlinger med minimal distraksjoner, museklikk og leseren rulling.

2 Opprett flere skisser med en penn og papir. Inviter interessenter og brukere til å skissere sine visjoner i tillegg. Penn og papir innebærer lite engasjement, slik at du vil føle deg fri til å utvide dine ideer og lage mange versjoner uten frykt for bortkastet innsats.

3 Velg de verktøyene du bruker til å bygge dine trådmodeller. Det er mange produkter bygget spesielt for wireframe utvikling, alt fra avanserte verktøy - som OmniGraffle og Axure - til gratis eller billig web-baserte verktøy som Gliffy. Hvis du ikke har wireframe-bygge programvare, kan du lage wireframes med vanlig desktop grafisk programvare, for eksempel Microsoft PowerPoint eller Microsoft Visio.

4 Plott ut kartet, antall sider og generell navigering. (Dette er også referert til som nettstedets arkitektur.) Tenk på de bruksmåter og krav og bygge navigasjons så sidene flyter logisk i henhold til behovene til brukeren.

5 Legg ut de viktigste delene av sidene eller applikasjon som bruker de beste ideene fra brainstorming og skissere øvelser. Noen vanlige delene er navigasjonsfelt, topp- og bunntekst, tekstområder og reklame enheter. Lag en trådramme for hver side eller visuell stat innenfor området arkitektur.

6 Legg mindre sideelementer innenfor de delene du har opprettet. Plasser gjenstander som knapper, bildeholdere, tekstplassholderne, koblinger, rullefelt og lignende inn i wireframe. Merk hvert element der det er hensiktsmessig.

7 Kommentere dine trådmodeller, og peker på store funksjonalitet og overgangselementer. Dette er viktig for å formidle til interessenter og utviklere hvordan brukeren kan samhandle med sidene.

8 Be om tilbakemeldinger og gjøre endringer. Tenk på trådmodeller som et middel til en slutt i stedet for en leveringspliktig. Forvent å gjøre flere endringer til interessenter og brukere er enige om at design tilfredsstiller de krav og bruker mål. Etter enighet er oppnådd, kan prototypeutvikling begynne.