rowanwwnt668.fairmontdigest.com · Independent Writing
rowanwwnt668.fairmontdigest.com

Skisser och wireframes innan design

✦
Skisser och wireframes innan design

Innan hemsidan får färger och bilder görs ofta enkla skisser, så kallade wireframes. De visar var innehållet ska placeras på varje sida.

Vad är en wireframe?

En wireframe är en enkel skiss av en sida, kopahemsida ofta i grått och vitt, som visar rubriker, textblock, bilder och knappar. Den fokuserar på struktur, inte utseende.

Varför behövs det?

Det är mycket lättare att flytta runt innehåll i en skiss än i en färdig design. Wireframes gör att ni kan diskutera struktur och prioriteringar tidigt.

Titta på innehållet

När du granskar en wireframe, fundera på om det viktigaste syns först och om besökaren förstår vad hen ska göra.

Mobilen

Be om att få se hur sidan ska se ut på mobil också.

Ge konkret feedback

Var konkret när du ger feedback, till exempel att kontaktknappen behöver synas tidigare.

Klickbara prototyper

Ibland görs wireframes som klickbara prototyper, där du kan klicka mellan sidor som på en riktig hemsida. Det gör det lättare att förstå hur besökaren kommer att röra sig. Om du får en prototyp, prova att lösa vanliga uppgifter, till exempel att hitta en tjänst och skicka en förfrågan.

Ta tid att granska

Granska skisserna i lugn och ro och visa dem gärna för någon som känner dina kunder.

Wireframes för mobil

Eftersom de flesta besöker hemsidor från mobilen är det bra att se wireframes för mobilversionen redan i skissfasen. På en liten skärm måste innehållet prioriteras ännu hårdare. Vad ska synas först? Var ska kontaktknappen ligga? Hur ska menyn fungera? Se mer information Om dessa frågor besvaras tidigt blir det lättare att få en hemsida som fungerar bra på mobilen. Be leverantören visa båda versionerna sida vid sida. Det gör det också lättare att se om något viktigt har hamnat för långt ner på mobilen.

Det är betydligt enklare att ändra en skiss än en färdig design.

Små förbättringar som görs regelbundet ger ofta störst effekt över tid.

Sammanfattning

Wireframes visar strukturen innan designen. Granska om det viktigaste syns, fundera på mobilen och ge konkret feedback.

Köpa Hemsida är en svensk guide för företag som vill köpa hemsida. Läs om domän, webbhotell, design och sökmotorer.