5 sätt att förbättra utformningen av ditt innehåll

Vi har redan skrivit om hur viktigt läsbarheten av innehållet, vi fortsätter idag att prata om det.

Det råder ingen tvekan om att det mesta av innehållet idag skapas och konsumeras i det digitala rummet. Oavsett om du använder skrivbordsapplikationen eller den visuella redigeraren för ditt CMS, se till att layouten på ditt material är fullt optimerat för Internet. Låt oss titta på några effektiva sätt att förbättra utformningen av dina material.

Antag att du har perfekt innehåll ...

Och nu behöver du en idealisk presentation av materialet: ju hur du presenterar informationen är ju inte mindre viktigt än innehållet i själva artikeln. Användaren gör den första bedömningen av materialet enligt den visuella "bilden".

Olika studier tyder på att de flesta användare lämnar webbplatsen om innehållet inte är "vänligt" för dem. Samtidigt kommer en del av den här publiken aldrig att återvända till dig. För att göra utformningen av ditt innehåll så attraktivt som möjligt behöver du först och främst Tänk på din publik. Sätt dig själv i läsarens plats, tänk som han, försök att uppfatta sidan på din webbplats på samma sätt som din läsare uppfattar det.

1. Layout för tabletter och mobila enheter

Enligt statistik från Liveinternet.ru växer trafiken från mobila enheter ... kortfattat, se själv hur det växer:

Diagrammet visar antalet övergångar enligt Liveinternet.ru-statistiken från mobila enheter på Android och iOS-plattformarna. Det är självklart inte längre möjligt att ignorera mobila användare. Placeringen av webbplatsen bör därför anpassas för att visa webbplatsen från tabletter och smartphones. (Var eller inte den mobila versionen av webbplatsen? Vårt svar är: gör inte, förklara länge varför. Men om det är kort, löser den adaptiva layouten alla problem och webbplatsen visas korrekt på både mobila enheter och widescreen-skärmar).

Men vad är verkligen intressant. En ny studie av Pointer Institute visade ett intressant mönster. Läsa på tablettanordningar är uppenbarligen bekvämare i horisontellt läge.

Samtidigt läses tryckta material i vertikalt läge (tidningar, tidskrifter).

Detta skapar en slags motsägelse hos vissa "användare"; genom tröghet överför de sin vana till tablettanordningar och konsumerar innehållet i upprätt position.

Följaktligen slutsatsen: Din webbplats ska normalt visas både i vertikal och horisontell position på enheten.

Dessutom rekommenderar vi i moderna förhållanden inte användningen av en trekolonnlayout. Adaptiv layout är svår att implementera i en tre-kolonnlayout. För adaptiv layout är det dessutom svårt att välja en universell lösning. För varje designlayout behöver du skapa denna lösning nästan från början. Förutom layoutens komplexitet har tre kolonnutformningar en annan nackdel. När du läser digitalt innehåll används mindre uppmärksamhet än vid läsning av ett utskrift. Att dela upp texten i tre kolumner i tidningar och tidskrifter minskar längden på linjen och förbättrar således läsbarheten för texten. Digitala medier har ingen begränsning på sidstorlek, det finns inget behov av att skriva så lite som möjligt (men tillräckligt för uppfattning). Och viktigast av allt, när man läser tidningen eller tidningen ser läsaren allt innehåll och kan enkelt flytta sin syn på någon del av texten. På en digital enhet läses texten från topp till botten, med rullning. I allmänhet är resultatet av hela denna punkt följande: Tre kolumner för webben är helt enkelt inte praktiska.

2. Visuell hierarki

Visuell mättnad på sidan - det här hindrar utseendet i första hand. Enligt sidan visualisering, som vi kommer ihåg, gör användaren en första bedömning, som påverkar uppfattningen av innehållet i tillräcklig grad. Det följer att texten inte ska se för komplicerad och rörig. Avladdningstext med visuella element som hjälper till att uppfatta textborden, bilder på ämnet, infographics.

Den visuella hierarkin är den ordning som vår hjärna uppfattar och klassificerar innehåll. Att skapa en visuell hierarki är ett viktigt inslag i designen av en design och kan uppnås genom att skapa en kontrast mellan de olika elementen på sidan.

Jämför följande bilder:

Självklart är bilden till höger mindre pilad upp än den till vänster. Genom att använda den visuella hierarkin i utformningen av ditt innehåll kommer läsarna att snabbt kunna extrahera huvudpunkten och bestämma om man ska fortsätta läsa sidan.

Den visuella hierarkin kan uppnås genom:

  • Dela upp innehållet i olika avsnitt
  • Användningen av visuella komponenter
  • Inkluderande av mellanslag mellan stycken

3. Teckensnittsstil och storlek

Oavsett vilken enhet du använder nu, den andra bilden är klarare och lättare att läsa. Erfarenheten bekräftar att det är bäst att använda ett teckensnitt med en storlek på 10 pt och mer (beroende på dess stil).

4. ledigt utrymme

Fritt utrymme kan beskrivas som ett slags "visuellt uttag" för din läsare. Det gör ditt innehåll mer attraktivt och mindre komplext. Fritt utrymme betonar visuella komponenter och skapar en trevlig kontrast till ögat. Tänk dig att ditt innehåll är ett foto. Även om sidan består till stor del av text, bör dess design vara lika estetiskt tilltalande som en välgjord bild. Fritt utrymme kommer att bidra till att uppnå denna effekt.

När du skapar ditt innehåll för den digitala världen, tänk också på hur du kommer att integrera olika "externa" widgets till sidan - från sociala knappar till fotogallerier och videoklipp. Men igen: du måste gå vidare från uppgifterna. Om du skriver en artikel om de nya iPad Mini-funktionerna, kommer ett fotogalleri som visar dess funktioner att vara lämpligt. Fråga dig själv frågan - varför på sidan detta eller det här elementet.

5. Färger

Färger spelar en viktig roll i den övergripande utformningen av ditt innehåll. Bäst för den digitala världen är färgerna i RGB-modellen, sedan Denna palett är fullt optimerad för internet. Inte RGB-shny-färger ser som regel ut sämre.

Tyvärr, men nu lägger jag till något från mig själv (notera - Denis Saveliev). Stycket ovan översattes av vår copywriter Zhenya Kryukova. Även om det i allmänhet inte är en översättning av artikeln, men en anpassning, är en länk till källan nedan. Jag har en sådan fråga till dig, läsarna på vår sida. Tror du verkligen att den vänstra bilden är sämre än den rätta i bilden ovan? Jag ser att den är lite mörkare och mindre kontrasterande. Men är det bättre? Är blå bättre än grön? Och rött - "varmt" vitt? Och varför? Bara för att vitt orsakar föreningar med vintern och rött med eld? Det finns inga varma och kalla färger. Det finns inget dåligt och gott. Välj de färger du vill ha. Resten är inte viktig. Färgschemat påverkar problemet med omvandling på webbplatsen senast. Trots att kunderna, enligt vår erfarenhet, ägnar nästan den största tiden på den här frågan på scenen för att skapa webbplatser.

Du kan också göra färgerna ljusare om du något ökar deras mättnad och kontrast. Detta gör att innehållet kan se skarpt ut på vilken skärm som helst - även de med låg upplösning. Att spela med färgmättnad / kontrast är en annan enkel metod för att förbättra visualiseringen av ditt innehåll.

Artikeln är baserad på: //contentmarketinginstitute.com/2012/11/content-marketing-best-practices-drive-design/

Loading...

Lämna Din Kommentar