{"id":5399,"date":"2017-05-25T14:26:33","date_gmt":"2017-05-25T14:26:33","guid":{"rendered":"https:\/\/www.bigbuy.eu\/blog\/hur-du-utvecklar-en-effektiv-e-postdesign\/"},"modified":"2017-09-01T08:51:58","modified_gmt":"2017-09-01T08:51:58","slug":"hur-du-utvecklar-en-effektiv-e-postdesign","status":"publish","type":"post","link":"https:\/\/www.bigbuy.eu\/blog\/sv\/hur-du-utvecklar-en-effektiv-e-postdesign\/","title":{"rendered":"Hur du utvecklar en effektiv e-postdesign"},"content":{"rendered":"<p><strong>N\u00e4r det g\u00e4ller e-postdesign finns b\u00e5de bra och d\u00e5liga exempel s\u00e5v\u00e4l som vissa \u00e5terkommande m\u00f6nster. H\u00e4r g\u00e5r vi igenom n\u00e5gra av dessa<\/strong>.<!--more--><\/p>\n<p>N\u00e4r det g\u00e4ller e-postdesign finns b\u00e5de bra och d\u00e5liga exempel s\u00e5v\u00e4l som vissa \u00e5terkommande m\u00f6nster. H\u00e4r g\u00e5r vi igenom n\u00e5gra av dessa.<\/p>\n<p>I generella ordalag \u00e4r marknadsf\u00f6ring via e-post en strategi f\u00f6r distribution och annonsering som f\u00f6rlitar sig p\u00e5 e-postmeddelanden f\u00f6r att lansera reklamkampanjer eller skapa f\u00f6retagskontakter. Det kan finnas m\u00e5nga m\u00e5l med detta: F\u00f6rb\u00e4ttra medvetenheten om ett varum\u00e4rke, annonsera ett produkterbjudande eller bjuda in kunder till ett evenemang.<\/p>\n<p>Men hur uppn\u00e5r man allt detta? Det finns m\u00e5nga faktorer och parametrar att \u00f6verv\u00e4ga n\u00e4r man skapar en strategi f\u00f6r effektiv e-postmarknadsf\u00f6ring av n\u00e4tbutiker. I dag kommer vi att prata om en viktig, visuell faktor i denna strategi: e-postmeddelandets design.<\/p>\n<p>H\u00e4r nedan delar vi med oss av n\u00e5gra olika saker att t\u00e4nka p\u00e5 n\u00e4r du tar fram en effektiv design och utformning av din e-post.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"de-viktigaste-punkterna-for-design-av-e-post\"><strong>De viktigaste punkterna f\u00f6r design av e-post<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Det finns inget perfekt s\u00e4tt f\u00f6r att utforma e-postmeddelanden, men det finns definitivt ett antal anv\u00e4ndbara punkter att t\u00e4nka p\u00e5 n\u00e4r du s\u00e4tter ig\u00e5ng:<\/span><\/p>\n<ul>\n<li>Vad \u00e4r m\u00e5let som du siktar mot med din e-postdesign?<\/li>\n<li>Hur uppfattar dina kunder ditt f\u00f6retag?<\/li>\n<li>Vilka mekanismer kommer de att anv\u00e4nda f\u00f6r att \u00f6ppna meddelandet? Vi kommer att f\u00f6rst\u00e5 denna aspekt genom att analysera e-posten efter att den skickats.<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">N\u00e4r vi v\u00e4l har \u00f6verv\u00e4gt dessa tre punkter, m\u00e5ste vi ocks\u00e5 fundera p\u00e5 de mer tekniska aspekterna som ocks\u00e5 de \u00e4r involverade i utformningen av ett meddelande eller nyhetsbrev.<\/span><\/p>\n<ul>\n<li>Bredd och l\u00e4ngd: L\u00e4ngden p\u00e5 e-postmeddelandet varierar beroende p\u00e5 hur mycket information du vill presentera i ditt nyhetsbrev. Standardbredden \u00e4r cirka 600 px. Om denna bredd \u00f6verskrids riskerar meddelandet att se s\u00f6nderhackat ut n\u00e4r dina kunder ser det i sina brevl\u00e5dor.<\/li>\n<li>Disposition av inneh\u00e5llet: Layouten av inneh\u00e5llet m\u00e5ste vara logiskt strukturerat och enkelt upplagd. Dessutom b\u00f6r du t\u00e4nka p\u00e5 meddelanden som best\u00e5ende av moduler med information, som kan delas upp i kvadrater, rektangler och kolumner.&nbsp;\n<div class=\"mceTemp\" style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1535 aligncenter\" src=\"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email.jpg\" alt=\"dise\u00f1o-email\" width=\"400\" height=\"505\" srcset=\"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email.jpg 400w, https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email-238x300.jpg 238w\" sizes=\"(max-width: 600px) 100vw, 400px\" \/><em>I detta exempel, ett av BigBuys nyhetsbrev, kan du enkelt se &#8220;modulstrukturen&#8221; som vi syftade p\u00e5 i f\u00f6reg\u00e5ende punkt.<\/em><\/div>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Allm\u00e4nt inneh\u00e5ll: F\u00f6ljande saker b\u00f6r alltid finnas med i en e-postdesign:\n<ul>\n<li>\u00c4mne: Din gateway. \u00c4ven om det inte h\u00e4nger ihop till 100 % med e-postdesign, \u00e4r \u00e4mnesraden ytterst viktig f\u00f6r att s\u00e4kerst\u00e4lla att dina kunder \u00f6ppnar meddelandet och faktiskt ser designen som du har f\u00f6rberett. <a href=\"\/?p=5446\">Det h\u00e4r inl\u00e4gget ger dig tips p\u00e5 hur du kan v\u00e4lja \u00e4mnesrader<\/a>, s\u00e5 att du kan l\u00e4ra dig grunderna i att skapa en perfekt &#8220;\u00f6ppnare&#8221;.<\/li>\n<li>Sidhuvud: Kommunikationen m\u00e5ste vara konsekvent och dropshippingbutikens namn och logotyp m\u00e5ste alltid finnas med. De kan vara kompletterade med en rubrik eller bild som \u00e4r specifik f\u00f6r ett s\u00e4rskild meddelande, men stilen m\u00e5ste alltid vara densamma.<\/li>\n<li>Sidfot: L\u00e4gg alltid in f\u00f6retagsinformationen som du vill f\u00e5 ut: adress, generell e-postadress, telefonnummer, sociala n\u00e4tverk, l\u00e4nk till n\u00e4tburiken och\/eller en blogg (om du har en). Det absolut viktigaste \u00e4r d\u00e4remot m\u00f6jligheten f\u00f6r anv\u00e4ndare att avsluta prenumerationen p\u00e5 nyhetsbrevet. \u00c4ven om du inte vill att anv\u00e4ndare ska stryka sig fr\u00e5n din databas, ger lagen dem r\u00e4tt att g\u00f6ra s\u00e5 om de inte l\u00e4ngre \u00e4r intresserade av att ta emot din e-post.<\/li>\n<li>L\u00e4nken &#8220;Se i webbl\u00e4sare&#8221;: Detta \u00e4r en enkel l\u00e4nk, ofta placerad i toppen, som \u00f6ppnar samma e-postmeddelande i en webbl\u00e4sare. Meningen med detta \u00e4r att snabbt och enkelt l\u00f6sa eventuella problem med att meddelandet inte visas som det ska eller att bilder inte laddas.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 id=\"hur-du-uppnar-en-effektiv-e-postdesign\"><strong>Hur du uppn\u00e5r en effektiv e-postdesign<\/strong><\/h3>\n<p>N\u00e4r du v\u00e4l har l\u00e4rt dig grunderna i en effektiv e-postdesign kommer kampanjens framg\u00e5ng att bygga p\u00e5 hur du arrangerar inneh\u00e5llet, s\u00e5 att det blir attraktivt och anv\u00e4ndbart f\u00f6r anv\u00e4ndaren.<\/p>\n<p>Det finns lika m\u00e5nga goda exempel som det finns e-postkampanjer, men vissa m\u00f6nster \u00e5terkommer ofta. H\u00e4r g\u00e5r vi igenom n\u00e5gra av dem.<\/p>\n<ul>\n<li>Anv\u00e4nd tabeller f\u00f6r att presentera inneh\u00e5ll: Vissa e-posthanteringsprogram har redan integrerat denna funktion, till exempel Mailchimp. Om du d\u00e4remot vill b\u00f6rja med att g\u00f6ra designen sj\u00e4lv, b\u00f6r du veta att regel nummer ett f\u00f6r att inte missa n\u00e5got inneh\u00e5ll \u00e4r att anv\u00e4nda sig av tabeller.<\/li>\n<li>V\u00e4lj en enkel utformning: Generellt sett \u00e4r ett enkelt meddelande ett framg\u00e5ngsrikt meddelande, av m\u00e5nga anledningar. De anpassar sig l\u00e4ttare \u00e4n komplexa utseenden till mobila enheter, inga e-postservrar kommer att ha problem med att visa dem, de undviker en m\u00e4ngd skr\u00e4ppostfilter (eftersom mycket skr\u00e4ppost inneh\u00e5ller starka f\u00e4rger och r\u00f6rigt inneh\u00e5ll) och de l\u00e5ter anv\u00e4ndaren f\u00f6rst\u00e5 fullt ut vad syftet med meddelandet \u00e4r.<\/li>\n<li>Fundera ordentligt p\u00e5 din &#8220;Call to Action&#8221;, ett direkt tilltal d\u00e4r du ber\u00e4ttar f\u00f6r anv\u00e4ndaren precis vad du vill ha av dem. Med detta \u00e4r det l\u00e4tt att \u00f6vertala anv\u00e4ndare, speciellt de som handlar mycket p\u00e5 n\u00e4tet. E-postdesignen kommer inte att vara lika effektiv om den liknar en produktkatalog utan meddelanden s\u00e5som &#8220;Passa p\u00e5, erbjudandet g\u00e4ller i 24 timmar&#8221; eller &#8220;Handla innan lagret \u00e4r slut&#8221;.<\/li>\n<li>Anv\u00e4nd \u00f6vertalande bilder: Det kan verka uppenbart, men en n\u00e4tbutiks produktbilder styr en stor del av den framtida f\u00f6rs\u00e4ljningen. Kom ih\u00e5g att dina kunder kommer att anv\u00e4nda sig av bilden n\u00e4r de beslutar f\u00f6r eller emot produkten, s\u00e5 det g\u00e4ller att e-postdesignen ser bra ut. L\u00e4gg sj\u00e4lvklart inte in alltf\u00f6r stora bilder om du vill att storleken p\u00e5 meddelandet ska h\u00e5llas p\u00e5 en hanterbar niv\u00e5. Det b\u00e4sta \u00e4r att minska filstorleken (och inte den fysiska storleken) s\u00e5 mycket som m\u00f6jligt. N\u00e4r du ser att den b\u00f6rjar bli pixlig, d\u00e5 r\u00e4cker det.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 id=\"nagra-daliga-exempel-att-lara-av\"><strong>N\u00e5gra d\u00e5liga exempel att l\u00e4ra av<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Det finns sj\u00e4lvklart ocks\u00e5 en m\u00e4ngd d\u00e5liga exempel p\u00e5 e-postdesign. H\u00e4r f\u00f6ljer n\u00e5gra av de vanligaste misstagen:<\/span><\/p>\n<ul>\n<li>Ej rekommenderade bilder: \u00c4ven om de \u00e4r p\u00e5 modet \u00e4r GIF-bilder fortfarande inte rekommenderade till 100 %, eftersom de inte fungerar i alla e-postprogram. En anv\u00e4ndare som l\u00e4ser ditt meddelande p\u00e5 Gmail i en webbl\u00e4sare kommer inte att ha n\u00e5gra problem, men den som tittar p\u00e5 det i Office via skrivbordet kommer bara att se en stillbild.<\/li>\n<li>\u00d6veranv\u00e4ndning av bilder: \u00c4ven om de drar uppm\u00e4rksamhet till sig, inneb\u00e4r alltf\u00f6r m\u00e5nga bilder att anv\u00e4ndaren f\u00e5r v\u00e4nta l\u00e4nge p\u00e5 e-postmeddelandet och kanske till och med ger upp. Dessutom kan m\u00e5nga e-postservrar blockera bilderna och bara visa ett tomt meddelande n\u00e4r din kund f\u00f6rs\u00f6ker titta p\u00e5 det (om de klickar p\u00e5 knappen &#8220;visa bilder&#8221;, som syns automatiskt, kommer de att kunna se dem utan problem, men det b\u00e4sta \u00e4r att inte riskera n\u00e5got).<\/li>\n<li>Andra misstag: I v\u00e5r artikel <a href=\"\/?p=5446\">vanliga misstag vid e-postmarknadsf\u00f6ring<\/a> g\u00e5r vi igenom fler d\u00e5liga exempel. De h\u00f6r inte alltid ihop med e-postdesign, men \u00e4r fortfarande mycket intressanta om du vill utveckla en effektiv e-poststrategi.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>N\u00e4r det g\u00e4ller e-postdesign finns b\u00e5de bra och d\u00e5liga exempel s\u00e5v\u00e4l som vissa \u00e5terkommande m\u00f6nster. H\u00e4r g\u00e5r vi igenom n\u00e5gra av dessa.<\/p>\n","protected":false},"author":3,"featured_media":1414,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[494,595],"tags":[],"acf":[],"featured_media_src_url":"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/Disen\u0303o-email-efectivo-1024x512.png","_links":{"self":[{"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/posts\/5399"}],"collection":[{"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/comments?post=5399"}],"version-history":[{"count":0,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/posts\/5399\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/media\/1414"}],"wp:attachment":[{"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/media?parent=5399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/categories?post=5399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/sv\/wp-json\/wp\/v2\/tags?post=5399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}