Om du funderar på eller håller på att designa om din webbplats, finns det ett antal milstolpar du bör arbeta mot för att göra dig redo för framgång.
De bästa webbplatserna börjar med en stark grund. Det innebär att spendera mycket tid i planeringsstadiet och få en gedigen förståelse för dina användare för att informera din webbplatss innehållsstrategi och informationsarkitektur.
När allt detta är på plats kan det vara frestande att hoppa rakt in i designen och börja bygga din webbplats. Men, precis som ett hus inte bör byggas utan en ritning, bör din webbplats inte byggas utan wireframes.
Vad är Wireframes?
Dina wireframes är i huvudsak ritningen för din webbplats. De tillhandahåller den ram på vilken funktionaliteten och designen av din slutliga webbplats kommer att byggas. Fokus för wireframes är inte på utseendet och känslan av din webbplats, utan snarare strukturen och layouten av innehållet som kommer att uppmana din ideala användares avsedda åtgärder.
I slutändan kommunicerar dina wireframes till designern och utvecklaren vad de väsentliga delarna av din webbplats är. Detta inkluderar den funktionalitet som behöver utvecklas, de moduler och mallar som måste skapas och innehållet som behöver skrivas.
Det finns många olika former en wireframe kan ta, och deras nivå av trohet kännetecknas av nivån av djup i funktionalitet och innehåll. Low-fidelity wireframes kan vara så lite som skisser på papper och i allmänhet använda all platshållartext.
High-fidelity wireframes innehåller ofta några klickbara element för att demonstrera användarflödet och innehåller ofta utkast eller till och med färdig kopia.
På New Breed närmar vi oss wireframing mellan dessa två områden – medium-fidelity. Genom att kombinera en blandning av utkast till kopia och beskrivande text visar vi tydligt innehållsstrategin. Detta ger kunder och våra utvecklare en förväntning på funktionalitet och design utan att gå för på djupet.
Vi gör detta för att våra kunder ska kunna fokusera på layout och struktur och våra designers att bygga vidare på ramverket med varumärke och design för att skapa en snygg slutprodukt.
Bästa metoder för granskning av Wireframes
Även om det finns många sätt att närma sig wireframes, finns det ett antal bästa praxis att följa för att hantera dina egna förväntningar och ställa in ditt designteam och i slutändan din webbplats för framgång.
Fokusera på layout, inte design
Som någon som skapar eller recenserar wireframes är det absolut nödvändigt att du ser förbi frontend-styling. Även om förslag på hur något bör utformas är välkomna, är din första prioritet att slutföra layouten och strukturen på dina webbsidor.
När du designar ritningar för ett hus, väljer du inte färger på väggarna eller mattan för sovrummet, du bestämmer hur stort ditt kök ska bli och var du ska placera badrummet.
Du bör tillämpa samma mentalitet på dina wireframes – hur kommer du att organisera innehåll för att på bästa sätt tjäna dina besökare och skapa konverteringar?
Se till att varje modul ingår
Som den ultimata planen bör allt du vill ha på din webbplats först inkluderas i dina wireframes. Det betyder varje viktig modul och varje potentiell sidmall.
Om det inte finns i wireframes är det osannolikt att det kommer att tas med i design- och utvecklingsfaserna av ditt webbplatsprojekt.
Se samtidigt till att alternativen för dessa moduler visas fullständigt eller noteras i dina wireframes. Om du till exempel inkluderar kort för att vägleda användare mot ytterligare innehåll, överväg om det borde finnas ett alternativ för en utvald bild.
Återigen, om dessa detaljer inte noteras i wireframe, kanske en utvecklare inte vet att ta itu med alternativet i den slutliga kodningen av din webbplats.
Prioritera alltid innehållet
Eftersom innehåll är hur dina användare hittar din webbplats i sökningar och konverterar till leads, är det viktigt att prioritera innehållsstrategi i dina wireframes.
Dina wireframes ger konturerna för allt innehåll som behöver skapas på din webbplats.
Om du planerar att skriva fem meningar för att förklara en produkt, men trådramen bara visar en mening, kan en utvecklare bara skapa moduler med tillräckligt med utrymme för en. Detta kan innebära utmaningar och orsaka förseningar längs linjen.
Sätt dina användare före ditt företag
Som alla stadier av ett webbplatsprojekt är det viktigt att sätta din slutanvändares behov först. I slutändan, om din webbplats inte får dina kärnanvändare till den mest relevanta informationen snabbt och effektivt, så presterar den inte som bäst
Under wireframe-stadiet fastnar ofta intressenter i hur de vill att webbplatsen ska se ut eller vad de vill att den ska göra kontra vad deras användare behöver den ska göra. Tillsammans med eventuell design och utveckling bör varje beslut som tas under wireframe-processen möta din användares behov.
