Innehållet är en stor del av användarupplevelsen. Innehållet är mer än sökmotoroptimering; det är mer än att blogga. Det är en del av din webbplats, varumärkesidentitet och varför användarna interagerar med din design.
Varje dag blir det ännu viktigare att designa för innehåll som en del av den övergripande funktionen och användarupplevelsen i webbplats- och appdesign. Men hur kan du göra det? (Vi kan hjälpa dig med några fallstudier och exempel, till exempel The Hen House, som använder en mängd olika konstruktions- och användarengagemangstekniker för att hålla dig rullande.)
Vad är webbplatsinnehåll?
Webbplatsinnehåll är mer än en ström av blogginlägg. Den innehåller varje text eller bild på en webbplats. Detta inkluderar allt från huvudkopia till sidfotinformation till alt-taggar. Varje del av det räknas som innehåll.
Det finns mycket av denna information som designers ibland glömmer när vi tänker på innehåll. Ta en e-handelsplats, till exempel: Produktbeskrivningar och jämn fraktpolicy är innehåll. Återförsäljare Woot gör ett bra jobb för att skapa innehåll för varje element på sin webbplats. Som du kan förvänta dig, innehåller varje objekt till salu bilder, beskrivningar och ett sätt att köpa. Det är dessutom att varje artikel också innehåller ett roligt element. Titta på beskrivningen för det sekundära objektet, en uppsättning knivar:? April Knives Bring May Knives. Observera hur bra den här titeln fungerar för en försäljning som sträcker sig över två månader? Yeahhhhh.?
Målet med varje innehållsinnehåll är att optimera och förbättra användarupplevelsen. (Det är därför de söta Woot-beskrivningarna fungerar.) Innehåll bör bidra till den övergripande rösten av ditt varumärke och visa varför användarna ska besöka och engagera sig med din webbplats. (Engagemang är allt från att läsa för att spela ett spel för att anmäla sig till ett nyhetsbrev för att göra ett köp.)
?Design? Innehåll
Innehållsdesign är mycket mer än estetik. Tänk på att utforma innehåll som en länk mellan ditt meddelande och användaren. Vilka verktyg eller typer av information kommer att göra den anslutningen?
Moz bloggen har nyligen sammanställt en bra lista med tips för att designa innehåll som en del av den övergripande användarupplevelsen:
- Länk till en blogg eller relevanta blogginlägg
- Bädda in relaterade sociala medier innehåll
- Optimera innehåll du redan har Använd det på olika sätt
- Skriv bra beskrivningar för sektioner, foton och andra bitar av? Dolda? innehåll
- Var stolt över dig och visa den genom att göra den tillräckligt stor för att se
- Guide användarna genom innehåll på logiska (och metodiska) sätt
Oustide magazine gör ett bra jobb med detta på sin hemsida. Innehållet är en mash-up från olika källor - tidningen, online-specifikt innehåll, sociala medier och användarinteraktion. I? Bästa städerna 2015: Wild-Card Round? denna blandade påse med innehåll är på displayen. Tidningen är värd för ett användarinsignerat fotoinnehåll på Instagram. Innehållet? är utformad som en reglerguide för att delta i tävlingen. Det svala tillägget innehållet är flödet av bilder från Outside Instagram-flödet med tävlingen hashtag. Skönheten i designen är att huvudinnehållet inte ändras, men innehållsdelarna på sidan ändras och uppdateras, vilket kräver att användarna kommer tillbaka och interagerar.
Innehåll och funktion
Hur kommer designen och innehållet ihop? Det ska vara synkroniserat.
Användarupplevelse och funktion är en viktig del av designen. Och det finns tekniker och saker du kan göra visuellt för att locka användarna ännu mer. Viktiga faktorer är att tänka på hur användarna läser och engagerar sig med en webbplats, hur interaktioner fungerar och använder designteori och principer för att skapa något folk vill se på, inklusive trendiga designplaner.
Användare läser och engagerar sig med de flesta mönster i ett grundläggande mönster, skannar block av innehåll tills de hittar de delar de vill engagera sig i eller hitta intressanta. Next Web undersökte nyligen det här användarögonblickliga mönstret som tar på sig en? F-form? i stor detalj. Den grundläggande förutsättningen är att F-format innehåll från vänster till höger och uppifrån och ner är det mest dominerande användarbeteendet och det kan ge ledtrådar till designers. ? F hänvisar till läsaren först skanning en horisontell linje över skärmens övre del, vilket är förståeligt för kulturer som läser åt vänster till höger. Därefter skannar användaren en vertikal linje längst ner på skärmens vänstra sida, söker efter nyckelord eller intressanta platser i styckets första meningar eller underrubriktitlar. När läsaren hittar något de gillar börjar de läsa normalt och bilda horisontella linjer.?
Då måste interaktionerna som händer mellan användaren och designen vara förnuftiga och relevanta. Användare behöver förstå när och vart man ska klicka och vad som ska hända. Detta är ett viktigt steg i utvecklingen av innehåll och design i form av användarinställningar. Vad är de färger och etiketter du ska använda på dessa verktyg för att styra användar trafik?
Slutligen kan designers använda grundläggande designverktyg och tekniker för att skapa en estetik som bara är tilltalande. Ett knep? Skapa en design eller interaktion som bygger på aktuella trender eller ger en överraskning för användaren. Utseendet på en webbplats kan bidra till dess funktion; skapa något roligt som användare vill röra.
Living Edge sammanfogar funktion och design på ett sätt som är nästan sömlöst. Den enkla designen använder sidbaserad rullning för att introducera användare till varumärket och produkterna. Nifty color hover-åtgärder uppmuntra klick på viktig information som finansiering och e-post registrering. Webbplatsen använder designtrender som minimalism och parallaxrullning för att skapa en uppslukande upplevelse med enkel typografi och färg som uppmuntrar åtgärd.
Innehållsdilemier
När det gäller att tänka på innehåll tenderar designers att ha ett av två dilemma: En överväldigande mängd innehåll eller inte tillräckligt med innehåll alls.Mitten, som skulle vara en stadig ström av olika innehållstyper som ständigt uppdateras, är sällan normen.
? När innehållsstrategi är på plats och på rätt plats är vi på väg att producera vackra och effektiva resultat.? - Smashing MagazineDet första steget i kampen mot detta dilemma är att utveckla en komplett innehållsstrategi. Den här planen är inte det enklaste att göra, men gör att design och innehåll blir mer sömlösa och enklare att utföra som ett lag. Smashing Magazine? Innehållsstrategi inom designprocessen? är en nästan tidlös guide till inledande konversationer om innehållsstrategi. Från guiden:? När innehållsstrategi är på plats och på rätt plats är vi på väg att producera vackra och effektiva resultat.?
Då kommer tid att hantera ditt innehålls dilemma:
- Om du har en överväldigande mängd innehåll förenkla. Tänk på en modulär kortdesign som bryter innehållet i mindre, mer smältbara bitar.
- Om du inte har tillräckligt med innehåll, omförhandla vad du har. Tänk på ett spel eller en gimmick i designen som betonar viktiga punkter. Uppmuntra användar- eller social interaktion och publicera sedan den interaktionen i din kontur.
Portföljen av Miki Mottes visar hur man utformar mycket innehåll samtidigt som man hanterar att hålla det organiserat och unikt. Med hjälp av en modulär och blockdesign är portföljartiklar lätt att se och ger klickbara länkar. Webbplatsen använder en nyckfull stil som gör att du tittar på varje animation, vilket är innehåll som bidrar till designportföljen (och potentiell anställning) också. Bläddra ner för att hitta ännu mer innehåll - läs om designern, köp från affären eller skicka ett meddelande.
Supreme Supreme har en rolig webbdesign med minimal innehåll. Men det medföljande innehållet är engagerande och erbjuder tydliga åtgärder för användarna. Ett bra galleri med foton gör att användarna vill dela med sig av eventuell inkludering och med tävling om att vinna gratis kaffe, kommer användarna sannolikt att klicka på eller utföra andra åtgärder som att ladda ner appen.
Slutsats
Att utforma innehåll för användarupplevelser handlar först om att förstå användare och sedan om design. Bra design kommer att uppmuntra användare att interagera med din webbplats eller varumärke.
Skapa en design som använder grundläggande teorier om bra design, skapar ett starkt budskap med innehåll och erbjuder sedan användarna en överraskning i form av estetik eller funktion för att räkna in dem.