Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Influentials Network, en politisk nyhetsaggregat och ett filter.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om Influentials Network
? IN övervakar och samlar kontinuerligt de mest virala och viktiga politiska nyheterna i alla medier. IN filtrerar automatiskt de 10 mest relevanta politiska personligheterna och / eller frågorna till en enkel, dynamisk och lätt att skanna sida.?
Här är en skärmdump av hemsidan:
Första intrycket
För att vara ärlig handlar det inte mycket om utformningen av den här webbplatsen som verkligen verkar fungera bra. Den övergripande tre kolonnutformningen är anständig, men det visuella temat och övergripande estetiken kan använda en ganska drastisk uppdatering.
Massor av människor som vill ha en kritik vill verkligen ha en klapp på ryggen, men jag har pratat med designern och utvecklaren bakom IN och han uttryckte en genuin önskan att höra öppen och ärlig feedback om webbplatsen. Han vet att det finns utrymme för förbättringar och letar efter tydliga råd om hur man gör det. Med det i åtanke, låt oss börja!
Tankar på News Aggregator Design
Nyhetsaggregatörer är väldigt konstiga djur till en webbdesigner och jag erkänner fullständigt att reglerna för deras framgång verkar relatera till allt annat än estetisk skönhet.
Till exempel är en aggregator som jag besöker ganska ofta Hacker News. Kolla in deras design:
Som du kan se är det inte precis en bild av modern webbdesign. Det är inte ens ett bra exempel på modern minimalism, det är egentligen bara en lista med länkar med en bakgrundsfyllning! Trots detta älskar jag fortfarande att sluta och se det senaste från nördvärlden. Andra populära aggregat som Reddit är inte bara enkla, de är ganska fulda.
Allt som är att säga, mitt första instinkt är att närma sig att designa IN som någon annan sida, men det kan egentligen inte vara det bästa sättet att klara det.
Utseendet av IN
Även med tanke på nuvarande aggregatdesign, tycker jag fortfarande att IN kunde använda något arbete i den visuella avdelningen. Till att börja med är jag inte en fan av bakgrunden som används i varje avsnitt. Jag känner att webbplatsen verkligen är gradient-tung. Var alltid försiktig med att hitta ett design trick och missbruka det genom överanvändning.
Det primära innehållet har också en medelgrå bakgrund och är flankerad av en ljusremsa på varje sida. Detta känns lite besvärligt av någon anledning. De två färgerna är sannolikt alltför lika. Det finns ingen riktig färgkontrast för att hjälpa huvudinnehållet att sticka ut, bara ett litet och förvirrande färgskifte. Ärligt talat, men jag tror att det bara lägger onödig visuell komplikation och rekommenderar att bara översvämma hela bakgrunden med det grå som för närvarande upptar bakgrunden till det primära området i mitten. Ett av våra mailmål för denna webbplats är att förenkla den ganska upptagna designen.
En annan sak som jag tycker om direkt sätter ner sidans visuella överklagande är den fula miniatyrstorleken. Bilderna sträcks och kläms för att passa in i förinställda lådstorlekar. Detta resultat är en riktigt clunky-look design som omedelbart föreslår en? Tillräckligt bra? mentalitet från designern.
Det finns troligtvis massor av JavaScript-plugins för att åtgärda problemet, även om vissa kloka CSS kan förbättra situationen.
Rubrik
Det primära problemet jag har med rubriken är kommunikationsflödet. För närvarande tror jag att den innehåller all information som den behöver, men kanske inte i rätt ordning.
Så här skulle jag omforma den. Överst till vänster, där det för närvarande finns en låda som innehåller en beskrivning av webbplatsen, skulle jag placera sajtnamnet och logotypen snyggt och stort så att människor omedelbart vet var de är. Sedan skulle jag flytta beskrivningen till rutan under navigeringen.
Vidare är? In fluktuerade? linjen fungerar inte. Det är på ett konstigt ställe som slänger av platsens layout och det är formulerat så att det känns av. Jag skulle göra det till en deltagg till platslogotypen och ta ut utrymmena. Influentials Network: Influenced, INformed, INspired.
Vad beträffar navigeringen är detta en av mina favorit delar av sidan, helt enkelt för att den svarta ger en mycket nödvändig kontrast till sidan. Jag skulle överväga att leta efter andra ställen att upprepa detta tema.
widgets
Flankering av huvudinnehållet på båda sidor är sidofält som innehåller olika widgets och delar av innehåll som följande:
Sammantaget kan var och en av dessa använda lite mer anpassning och finess. Till exempel, the? What the Hill? avsnittet ovan kan använda en kort beskrivare som förklarar vad sektionen innehåller. Texten känns också ganska snygg här, en viss extra linjehöjd kan gå långt.
Vidare innehåller alla widgets de små upp- och nedpilen högst upp, så att du kan klicka för att bläddra igenom innehållet. Det här kan se lite mer ut, men en enkel rullning skulle fungera mycket bättre.
En annan widget som behöver mycket arbete är bilderna. Det här är bara ett stort tomt utrymme som inte verkar fungera korrekt.
IN 10 kolumn
Det sista avsnittet som vi kan gå över är vad jag skulle överväga det primära innehållet på sidan. Vi har redan nämnt problem med fotokalibrering och annat än det här området ser ganska anständigt ut.
En sak som du kan överväga att ändra här är svängningseffekten. Det skiftar för närvarande allt rätt några pixlar, men rörelsen är så liten att det nästan känns som en bugg.Du kan antingen öka det belopp som innehållet ändras eller växla till något annat, till exempel en färgförändring.
Även delningsknapparna ser för inkonsekvent ut. Prova att göra dem i samma storlek och form.
Slutsats
Jag tycker att den här webbplatsen behöver mycket arbete, men jag tycker också att det är helt genomförbart. Min rekommendation är att ta den i bitar. Fokusera på rubriken i en vecka och ägna dig verkligen tid på att göra så bra som möjligt. Flytta sedan till en annan sektion och tillbringa en vecka för att raffinera det tills det är perfekt. Just nu är webbplatsens huvudproblem att det känns skyndat, som om det inte var helt klart att starta men lanserades ändå.
Tänk på hur du kan förenkla innehållet som ett långsiktigt mål. Sluta lägga till funktioner och starta strippningsfunktioner. Markera det primära innehållet bättre och eliminera allt utom det viktigaste sekundära innehållet. När som helst du tvivlar på att skära något, titta på Hacker News igen och fundera på hur enkelt det är!
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan att det blir några svåra förolämpningar.