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 Utmost.org.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi debiterar $ 24 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att ta en titt på din webbplats! Du kan läsa mer här.
Om Utmost.org
? Upptäck Oswald Chambers visdom, en man som utmanar dig att ge dig Gud till fullo. Det kraftfulla innehållet i detta visionära verk talar rakt mot hjärtat och hjälper dig att höra vad Gud vill säga till dig varje dag på året. Chambers utforskar djupet av vår mänsklighet och vårt djupa behov av ett gudfokuserat liv.
Här är en del av hemsidan:
Initial Impression
Den här webbplatsen är en blogg baserad på en bok som heter "Min yttersta för hans högsta." Det är oklart för mig om de dagliga inläggen helt enkelt är bitar av boken (Oswald Chambers dog 1917), men det verkar som att webbplatsens syfte främst är att främja bokförsäljning.
Detta är viktigt eftersom vi, för att analysera konstruktionen på ett korrekt sätt, måste känna till designens mål. Kom ihåg att estetiken är söt, designen är funktionell.
Vi kan se överblicken att webbplatsen från en designsynpunkt verkar fungera bra. Dagens inlägg är tydligt fokuspunkten på sidan, vilket är bekvämt för alla som stannar för att se detta dagligen. Estetiken är enkel men inte oattraktiv, layouten är för det mesta ren och ren.
När jag tittar på rubriken är syftet med webbplatsen tydlig. Mina ögon följer fläckarna av färg över hela sidan och jag läser titeln på webbplatsen följt av? Daily Devotionals av Oswald Chambers.?
Sammantaget gör webbplatsen ganska bra på ytan. Det finns dock några funktionella problem som jag tar upp med. Vi ser dessa nedan när vi undersöker webbplatsen ytterligare.
Poststruktur
Poststrukturen är ganska attraktiv. Jag gillar den lilla datumstämpeln, titeln är tydlig och den passage som posten är baserad på är tydligt angivet på toppen. Teckensnittstorleken är fin och stor och linjeavståndet är inte för squished.
Det finns till och med en liten länk som gör allt extra på sidan flyta bort medan textstorleken ökar.
Med tanke på målgruppen för den här webbplatsen är sannolikt utvecklad i år, är möjligheten att göra texten större och lättare att läsa en utmärkt. Faktum är att jag skulle göra den här länken till en mer framträdande knapp så att besökare tydligt kan se den.
Tidigare inlägg
Jag förstår att det här är ett inlägg som ger användarna en liten daglig pratstund att läsa, men jag tror fortfarande att det borde vara mycket lättare att komma åt tidigare inlägg. Enkelt? Tidigare? och nästa? länkar längst ner och / eller överst på varje inlägg ökar sannolikt den tid varje besökare spenderar på din webbplats när de bläddra bland tidigare poster.
För närvarande, för att se äldre inlägg måste du rulla till botten av webbplatsen och använda arkivmenyn eller kalenderfunktionen. Det här är bra, men kopplas bort från innehållet och bör vara ett sekundärt sätt att navigera, inte det primära sättet.
Principen av närhet är en viktig funktion av bra design. Enkelt sagt står det att du ska visuellt gruppera saker som är relaterade. Detta betyder i huvudsak att när det verkar som om två saker går ihop, borde du sätta dem ihop! Denna regel verkar så uppenbar att den är komisk, men ignoreras ofta. Kontrollerna för att bläddra bland inlägg ska t.ex. vara närmare inläggen själva.
Navigeringsmeny
Den största frågan med denna sida är funktionaliteten i navigeringsmenyn. Jag kallar det en navigeringsmeny eftersom den är förklädd som det här kända objektet: det är en rullgardinsmeny med länkar högst upp på sidan. Varje enskild användare på nätet idag förväntar sig att detta är kontrollerna för att navigera på de olika sidorna på webbplatsen. Men vad de får istället är en samling av utgående länkar till olika webbplatser. och de lär inte detta tills de klickar på dem.
Även om syftet med denna webbplats är att trampa trafik till andra webbplatser, bör du aldrig lura dina användare i den här åtgärden. Att bara utgående länkar i din navigering känns helt enkelt som en underhandad taktik. Dessa bör flyttas annorstädes och presenteras på ett sätt som tydligt indikerar att de leder till olika platser.
Att skicka användare till olika webbplatser är inte i sig en dålig övning. Vi alla gör det! Faktum är att det är hur många webbplatser som det du läser för närvarande tjänar pengar. Det är dock viktigt att användarna vet skillnaden mellan en länk som leder till en annan plats på din webbplats och en som kan kaninspår till någon annanstans. Om du inte skäms över det faktum att länken leder någon annanstans, är det helt enkelt ingen anledning att dölja det. Om du skäms över det, måste du omvärdera din taktik och syfte.
Tag Cloud
Den sista funktionen som jag tror kan förbättras är taggmoln. Taggmoln är snygga små widgets. De är coola och spetsiga med en 3D-spinnande effekt som känns som att du använder framtida galen teknik.
Problemet är att allt om den här beskrivningen går direkt mot bokstavligen allt annat på webbplatsen. Faktum är att det är en bra insats att publiken här är en äldre folkmassa som vi redan har sagt. Den här publiken kommer inte att gå nära det här taggskyget och om de gör det kommer de troligen aldrig att vilja igen.
Denna funktion är hög på ögonsocker och super låg på användbarhet. Det finns platser där sådana saker makt vara lämplig men detta är helt enkelt inte en av dem.I stället för ett moln, överväga att skapa en enkel lista med taggar. Även ordet? Tagg? är modern slang så du kanske vill använda? ämnen? istället.
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.