9 måste ha funktioner för Magazine-Style Blogs
Online bloggar har fördjupats i digitala publikationer med alla stora tryckte märken som kör sin egen hemsida. Dessa bloggar brukar ha formen av en digital tidning som ser mycket mer professionell ut än en mindre personlig webbplats.
Men vad går in i en magasinlayout? Och hur kan du designa en för din egen webbplats?
Denna lista bör komma igång med 9 viktiga funktioner för en kvalitetsbloggbloggdesign. Om du arbetar med dessa funktioner och försöker bygga en användbart gränssnitt du kommer att ha en bra design som passar alla online-publikationer.
1. Stark Branding
Det kan tyckas självklart, men ett starkt märke hjälper verkligen att sälja "tidningen" känner sig över en personlig blogg. Om du ska gå till en auktoritativ publikation måste du fokusera på branding .
Hur kommer du att sticka ut från varje annan blogg? Helst genom innehåll, men ditt varumärke är en stor del av det. Till exempel är Wired-logotypen nedan känd bland techbloggar. Det har funnits i flera år och när du ser det märket känner du omedelbart om webbplatsen.
Men du kan lägga märke till i sidans sidfält och sidfot. Målet är att skapa en konsekvent stil som bara känns starkare än rinky-dink blogspots webbplatser.
2. Skarpa rubriker
Du kan ställa in rubriken på något sätt så det finns inte en riktig design. Men du vill alltid rubrik typografi Det är skarpt, lätt att skumma och vanligtvis tjockt.
Ta en titt på rubrikerna på US Magazine för att se vad jag menar. Dessa rubriker spänner över hela sidbredden och bokstäverna är ganska tjocka. Du kan inte ignorera den rubriken eftersom den praktiskt taget skjuts in i ditt ansikte. Det är målet med din rubrik - få det att stå upp för att verkligen fånga uppmärksamhet och uppmuntra människor att fortsätta läsa.
3. Tiered Navigation Menus
Vissa designers kan argumentera mot denna funktion och säger att tidningswebbplatser inte behöver massiva menyer. Detta är i allmänhet sant, men tidningar-stil webbplatser har ofta ett stort arkiv av inlägg. Du vill erbjuda bästa möjliga sättet för människor att bläddra i alla dessa inlägg.
Oavsett om du använder WordPress-kategorier, taggar eller ens anpassade taxonomier , du kan lägga till dem i en massiv mega-navigering. Det kan innehålla listrutor med listor över senaste inlägg eller populära taggar / kategorier, eller till och med en blandning av båda.
Menyn för Atlanta Magazine är ganska smidig med många länkar inbäddade i rullgardinsmenyn. Plus den lyhörda glidande naven är klart tillgänglig på mobilen, så smartphone-användare missar inte.
Den här navigeringsnavigeringen kan innehålla flera nedrullningsfiler eller till och med fixas för att bläddra med användaren. Så många alternativ och verkligen den största faktorn är användbarhet blandad med massor av länkar att bläddra.
4. Utvalda inlägg Widgets
Varje tidningstyphemsida ser lite annorlunda ut med olika miniatyrstorlekar, anpassade format, och naturligtvis olika funktioner.
Jag anser att dessa är en häftklammer på vilken tidskrift som helst eftersom den utvalda widgeten är vad som tar uppmärksamhet. Det är vad du kan använda för att marknadsföra de senaste inläggen eller heta historier som ska få mest uppmärksamhet.
Search Engine Journal har en skjutreglage av karuselltyp där den roterar mellan 3 av de presenterade berättelserna omedelbart. Varje berättelse laddar ett stycke i vänster sida som också innehåller en förhandsgranskningsminne.
Men ingen hemsidor är identiska så försök surfa på dina favoritmagasinwebbplatser och se vilka andra historiaformat du kan hitta.
5. Framstående delningsknappar
När det gäller att bygga en stark närvaro du kan inte ignorera sociala medier. Och om du vill ha fler besökare till din tidningstil blogg så vill du ha sociala delningsknappar på varje inlägg.
Dessa kommer i många stilar och kan fixas till sidan av sidan, eller läggas till i botten av inlägget, eller till och med lagt till på bilder som Pinterest-delknappar.
På ZDNet använder de en lång rektangel med delning av knappar precis under postrubriken. Detta använder vanliga ikoner med färgade block för att referera till alla de bästa sociala nätverk.
Men igen kan du hitta massor av exempel bara genom att titta på några populära bloggar. Och oavsett vilken stil du väljer är det en bra idé att split test format för att se vilka som genererar flest aktier.
6. Relaterade inlägg
Jag är säker på att vi alla ser de widgets som heter "du kanske också gillar ..." längst ner i nyhetsartiklarna. Några av dessa är inhemska annonser men tidningar-stil webbplatser använder verkligen dessa widgets för att främja relevant innehåll.
Den här funktionen bör vara en häftklammer för någon blogg eftersom det är ett bra sätt att öka sidvisningar utan mycket ansträngning. Besökare kommer inte alltid att bläddra efter kategori, men de kan bläddra bland relaterade inlägg. Exemplet nedan från Real Simple har en super ren design; exakt vad du ska gå för.
Post thumbnails ta upp uppmärksamhet först så se till att de presenteras framträdande nära rubrikerna.
7. Tillgänglig sökning (även på mobil)
Varje webbplats behöver en sökformulär. Det är ett av de bästa sätten att öka användbarheten genom att hjälpa människor att hitta relevanta innehåll.
Skillnaden med en tidningssida är att det ofta kan bli alltför upptagen att söka. Användare kan känna sig överväldigade med så mycket innehåll och så många länkar som de kanske inte ens stör om att försöka söka.
En framträdande sökformulär som på Push Square är idealiskt för att uppmuntra fler sökningar.
Du kan kasta en förstoringsglasikonen i din navigering och använda rullgardinsmenyn på varje sida. Naturligtvis fungerar detta för mobil också så det är ett pålitligt val för varje magasinlayout.
8. Anpassade sidelement
Den här funktionen är lite vag men jag täcker det vagt på sak. Varje generisk blogg känns vanligtvis densamma: stycken om stycken med lite till ingen anpassad formatering.
Stora magasintema utnyttjar anpassningen genom att lägga till in-postfunktioner. Dessa kan vara ett antal sidelement som förbättrar ditt innehåll och gör dina inlägg enklare att konsumera. Några idéer jag har sett på olika webbplatser:
- Pull-citat
- Innehållsförteckning
- In-post bildspel bilder
- "Se även" relaterade inlägg
Kom ihåg hur jag nämnde den relaterade inläggnings widgeten tidigare? Det är bra att lägga till nära slutet av ditt inlägg, men du kan också lägga till relaterat innehåll i ditt inlägg.
Till exempel Techcrunch lägger till en "se även" widget längst ner i varje inlägg. Detta är också övervägande på tech bloggen Hongkiat som lägger till relevanta inlägg i små block i innehållet.
Jag kan inte berätta exakt vilka funktioner du ska lägga till på din webbplats. Men definitivt spendera tid brainstorming några idéer och testa dem för att se vilka pinnar.
9. Utvalda bildrubriker
Om du vill fånga uppmärksamhet direkt vid första pageladen, vill du ha två saker: en stor rubrik (täckt tidigare) och en tydlig bild.
WordPress kommer med utvalda bilder som standard och du kan programmera specifika storlekar för dina bilder. För bloggbloggar är det bäst att göra dessa ganska stora och följa hjälte bild trend . Du kan använda en fullskärmsbild som i Dwell skärmdump nedan. Eller du kan designa bilder som passar in i din layouts innehållsområde.
Hur som helst varje post ska ha en stor bild som hjälper till att sälja innehållet. Du ser det här på ganska mycket varje bloggblogg, även på denna post om du bläddrar till toppen!
Håll alla dessa idéer i åtanke när du utformar din layout och lämnar gott om utrymme för iögonfallande utvalda bilder.
