{"id":14188,"date":"2011-04-12T16:28:52","date_gmt":"2011-04-12T14:28:52","guid":{"rendered":"https:\/\/www.streamio.com\/designprocessen\/"},"modified":"2025-05-05T10:10:57","modified_gmt":"2025-05-05T08:10:57","slug":"designprocessen","status":"publish","type":"post","link":"https:\/\/www.streamio.com\/sv\/designprocessen\/","title":{"rendered":"Designprocessen"},"content":{"rendered":"

Det h\u00e4r \u00e4r ett g\u00e4stinl\u00e4gg skrivet av Johannes Leuchovius, designer p\u00e5 eLabs.<\/em><\/p>\n

Streamio Marketing Site – Designprocessen<\/strong><\/p>\n

Jag kommer att f\u00f6rklara min typiska process n\u00e4r jag utformar en marknadsf\u00f6ringswebbplats genom att visa dig exempel fr\u00e5n mitt arbete med Streamio.<\/p>\n

Varf\u00f6r Streamio? Eftersom de \u00e4r ett roligt f\u00f6retag att arbeta med, l\u00e4tt att samarbeta med och de ger tydlig och bra feedback.<\/p>\n

F\u00f6rst fick jag ett utkast fr\u00e5n Streamio med n\u00e5gra tankar och \u00f6nskningar. Det \u00e4r faktiskt s\u00e4llsynt att du f\u00e5r ett s\u00e5 h\u00e4r bra utkast fr\u00e5n kunden:<\/p>\n

\"ovp<\/p>\n

Utkastet fr\u00e5n Streamio, som jag \u00e4r v\u00e4ldigt imponerad av. F\u00f6rr eller senare beh\u00f6ver de inte min hj\u00e4lp l\u00e4ngre :).<\/em><\/p>\n

En viktig sak med en marknadsf\u00f6ringswebbplats \u00e4r att f\u00e5 anv\u00e4ndarens uppm\u00e4rksamhet. Detta g\u00f6rs genom att ge tillr\u00e4ckligt med information p\u00e5 kort tid s\u00e5 att anv\u00e4ndaren blir intresserad och forts\u00e4tter att l\u00e4sa l\u00e4ngre ner. Detta inneb\u00e4r att vi m\u00e5ste skala ner informationen, l\u00e4gga den i naturlig ordning och h\u00e5lla den enkel och tydlig.<\/p>\n

Det \u00e4r ganska k\u00e4nt hur mycket, eller lite, vi l\u00e4ser p\u00e5 internet. Studier visar att vi l\u00e4ser v\u00e4ldigt lite, jag \u00e4r sj\u00e4lv ett typiskt exempel. Vi surfar p\u00e5 webbplatser mycket snabbt, och det tar inte m\u00e5nga sekunder innan vi hoppar till n\u00e4sta. Detta \u00e4r n\u00e5got vi m\u00e5ste t\u00e4nka p\u00e5 n\u00e4r vi utformar webbplatser, vi har bara ett par sekunder p\u00e5 oss att f\u00e5nga anv\u00e4ndarnas uppm\u00e4rksamhet, inte mycket mer exponering \u00e4n en logotyp. N\u00e5gra intressanta artiklar om \u00e4mnet \u00e4r UXMYTHS – People read on the web<\/a>, How Users Read on the Web<\/a> och E-Mail Newsletters: Increasing Usability<\/a>.<\/p>\n

Det f\u00f6rsta jag g\u00f6r i designprocessen \u00e4r att titta igenom informationen om kundens utkast. Det andra steget \u00e4r att g\u00f6ra mina egna tolkningar. Min f\u00f6rsta tanke p\u00e5 Streamio-mockupen var att det fanns f\u00f6r mycket information och rubrikerna var oklara. P\u00e5 f\u00f6ljande ritningar har jag skalat ner informationen och \u00e4ndrat layouten h\u00f6gst upp:<\/p>\n

\"streamio<\/p>\n

Jag \u00e4lskar att rita med en penna p\u00e5 papper – ett bra s\u00e4tt att f\u00e5 dina tankar nere i b\u00f6rjan av processen.<\/em><\/p>\n

\"vad<\/p>\n

N\u00e4rbild p\u00e5 Streamios mockup.<\/em><\/p>\n

\"publicera<\/p>\n

Min sista ritning av designen, som jag visade Streamio.<\/em><\/p>\n

Det som \u00e4r kvar \u00e4r:<\/p>\n