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 Okay Geek, en härligt geeky techblogg som vi har sett tidigare på Design Shack. Låt oss hoppa in och se vad vi tycker om den nya designen!
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 Okay Geek
? Okej Geek är en blogg som skriver om saker som våra redaktörer tycker är intressanta. Vi tillgodoser inte vårt innehåll till någon annan än oss själva. Och medan det kanske låter lite konstigt, gör vi det i hopp om att skapa innehåll som verkligen uttrycker vår njutning och låter läsare relatera till oss och vad vi skriver om.?
återvändande kunder
En snabb självbetjäning sidnot. Om du undrar om en Design Shack Design Critique är värt det, behöver du inte leta längre än våra återvändande kunder som Okay Geek. Flera webbplatser har inte bara beaktat vårt råd, men genomfört många av de föreslagna ändringarna och återvände för en annan kritik. Om du har tvivel om din design, skjut oss ett meddelande och ordna en kritik idag.
Nu på kritiken, här är en skärmdump av Okay Geeks hemsida:
Första intrycket
I vår tidigare kritik av Okay Geek kompletterade vi dem för att ha en mycket ren och skarp utseende som markerade innehållet väl medan de förblev nästan oförstörda. Det verkar som designarna har bestämt sig för att ta den här ideen ännu mer genom att minimera designen och avlägsna alla onödiga delar. Resultatet är en super strömlinjeformad upplevelse som ger en fantastisk surfupplevelse.
Jag lovar designerna på deras arbete och tror verkligen att de har gjort ett bra jobb här. Som alltid är jag full av förslag på hur man gör det ännu bättre. Låt oss ta en närmare titt och se vad de är.
Navigering
Ett av mina största problem med redesignen är navigeringsområdet. Strängt från en estetisk synpunkt är det bra. Det finns ett bra minimalt överklagande som verkligen kompletterar webbplatsen bra. Men, från användbarhetssynpunkt, gör det inte något så högt. De olika länkarna är uppdelade i två olika sektioner i rubriken:
Det första avsnittet är snyggt gjort och ger perfekt mening: Recensioner, Redaktionella, Kontakt, Om Oss. Den andra är dock en rad ikoner som styr innehållet i sidofältet i en slags tabbed-metod. Jag gillar verkligen vad de gör här och tycker att de verkligen har skapat en mångsidig sidofält, men jag har några problem med ikonerna.
Även om de ser bra ut, är de ganska vaga. Till exempel är stjärnan, som är en universell webbsymbol för att göra någonting en favorit, faktiskt en länk till "Main" delen av sidofältet. Ämnet? Sektionen är lika förvirrande, att den representeras av fyra rutor (vilket förstår bara när du klickar på det). Titlarna visas på svävar, men till dess har du ingen aning om vad dessa ikoner är för.
Hitta ditt sätt
I en teknikblogg som detta som täcker ett ganska brett spektrum av ämnen är det viktigt för användarna att snabbt kunna hitta den nischen de är intresserade av. Som ett test, om du sätter någon framför den här sidan för första gången och säg,? Hitta spelartiklarna ,? det skulle troligen ta dem uppåt i tio sekunder för att hitta "ämnen"? avsnitt som leder dem till spel.
Jag är inte helt säker på hur jag skulle gå till det, men jag skulle definitivt rekommendera att tänka på hur det ska bli lättare för användarna att borra ner till det innehåll som de skulle vilja se. Ärligt talat kan det vara så enkelt att göra texten synlig under ikonen hela tiden.
Innehåll
Som alla goda nyheter, finns det ett antal olika innehållsinställningar som hjälper till att lyfta fram artiklar över det som visas på den primära hemsidan. Dessa ser riktigt bra ut och, precis som navigeringen, visas både längst upp till vänster och i sidofältet till höger.
Upprepning
Titta på dessa ser jag ett av mina favoritdesignverktyg på jobbet: repetition. Det finns en riktigt fin men enkel konsistens i märkningen av varje avsnitt. Detta är dock ett perfekt exempel på hur upprepning kan vara ett knepigt djur och kanske även vilseleda användaren. Tänk på följande grafik, som visar tre konsekvent utformade rubriker från sidan:
Nu tjänar de två första av dessa som rubrikrubriker. De sitter ovanför innehållet och tjänar bara som en etikett för vad som ligger under dem. De är inte länkar, bara visuella hjälpare. Detta sätter din hjärna att tro att det här kommer att vara fallet för alla liknande saker som du ser på hela webbplatsen. Men det tredje kastar dig en curveball.
Denna etikett sitter ovanför ett tomt utrymme, vilket gör det omedelbart förvirrande om vad det refererar till. Kom ihåg att de andra två rubrikerna redan har lärt oss att dessa inte är länkar så att vi är kvar för att dra slutsatsen? Mer fantastiska saker? har ännu inte lagts till. Det visar sig emellertid att den här rubriken i själva verket inte är en rubrik alls utan en länk till en annan sida.
Selektiv upprepning
Den enkla designlektionen här är att repetitionen måste hanteras noggrant. Se till att när du upprepar en visuell designstil eller -element som elementen delar en gemensam funktion och funktionalitet. Annars ställer du upp en förväntad arketyp som du då bryter, vilket minskar användbarheten genom upprepning istället för att förbättra den.
Jag ser samma problem som uppstår åtminstone en annan plats på platsen i fråga om den tidigare nämnda stjärnikonen. Den används i sidofältet för att bara ange "Main" fliken och upprepas i förhandsvisningarna för att ange att inlägget är? Exklusivt, innehåll med innehåll.? Återigen avlägsnar repetitionen faktiskt meningen med ikonen eftersom den används för två mycket olika ändamål.
Inlägg och förhandsgranskningar
Annat än ikonrepetitionen som jag angav ovan, gillar jag verkligen det nya inlägget för förhandsgranskning. De fina stora bilderna drar dig in och all information om posten du behöver är tydligt representerad på ett mycket organiserat sätt.
Jag märker också att den gamla vaga? Spara? knappen har ändrats till en? Spara på Instapaper? knappen per mitt förslag. Bonuspoäng för att genomföra några förslag till ändringar! Jag tror att det gör det oändligt tydligare vad som händer med den här knappen.
På samma sätt, när du klickar på och följer igenom till ett visst inlägg ser vi några fler exempel på riktigt attraktivt designarbete. Slutet på ett inlägg är där folk traditionellt lägger en mängd olika innehåll som delning, liknande artiklar och kommentarer. Detta område kan snabbt bli en rörig röra men jag älskar hur det hanterades här. De tre olika sektionerna är tydligt distinkta men visuellt lika och passar verkligen bra med webbplatsens övergripande tema.
Du vet att en designer är bra när han / hon spenderar mycket tid på att få de små grejerna rätt och jag tycker att det här avsnittet är ett tydligt exempel på hur bra designerna arbetar med detta projekt.
Om oss
Det sista avsnittet som jag tror ger en viss uppmärksamhet är sidan Om oss. När sidan först laddades, blev jag bedövad av hur attraktiv det var. Det här är en väldigt fin design som skiljer sig mycket från resten av webbplatsen medan du bor 100% på varumärke.
Slutsats
Killarna på Okay Geek uppmuntrade mig verkligen att se bra ut på platsen och ge dem båda faten när jag märkte någonting som behövde ta itu med. Detta indikerar en tydlig vilja att göra webbplatsen så bra som möjligt för användarna.
Att ta kritik är en av de svåraste uppgifterna som du kommer att möta som designer. Vi häller oss själva in i våra projekt så mycket att en kritik känns som en personlig attack. När vi kan gå bort från detta känslomässiga svar och utvärdera feedback på ett logiskt sätt blir vi bättre designers och våra projekt förbättras exponentiellt.
Som jag upprepade gånger uttalade i hela kritiken är den här sidan vacker från en rent visuell designsynpunkt. De områden som jag har föreslagit att förbättra är alla nära relaterade till användbarhet och förbättrad användarupplevelse. Det här är de saker som är lätta att förbise när vi har stirrat på ett projekt för länge. Jag är säker på att laget kommer att överväga och ta itu med många av dessa problem och fortsätta att göra Okay Geek till ett riktigt bra ställe för att lära sig om de senaste utvecklingen i teknikens värld.
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.