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 HealthyHearing, en källa för hörselhälsa och hörapparatinformation. Låt oss hoppa in och se vad vi tycker!
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 HealthyHearing
? Vid hälsosam hörsel arbetar vi väldigt hårt för att behålla vårt rykte som den ledande online-resursen för att höra hälsoinformation. Vårt mål är att tillhandahålla högkvalitativt innehåll som är förståeligt och inspirerande.?
Här är en skärmdump av hemsidan:
Första intrycket
Mitt första intryck av denna webbplats är ganska positiv. Ur ett estetiskt perspektiv är det ganska attraktivt. Färgschemat är lugnande och bilderna är vänliga och tillgängliga.
Ännu viktigare, jag kan tydligt bestämma inom några sekunder vad och vem platsen är för. Syftet är tydligt angivet (Your Complete Hearing Aids Information Source) på flera olika sätt på flera ställen. Jag kan helt enkelt inte missa att det här är en webbplats som är avsedd att ge hjälp och information till hörselskadade. Detta är ett viktigt mål så det är ingen liten framgång att den här webbplatsen gör det så bra.
Förutom att identifiera identifieringen tror jag att webbplatsen gör det riktigt bra inom navigationsområdet. Därmed menar jag att jag lätt kan hitta det jag letar efter, och även om jag bara surfar finns det många enkla och hjälpsamma sätt att följa. Den övergripande erfarenheten är väl strukturerad. en annan stor vinst.
Allt detta sagt, jag har definitivt några små bekymmer och rekommendationer för förbättring. Låt oss dyka in i specifika områden på hemsidan, där vi starkt kommer att fokusera på några begreppsmässiga felriktningar och användbarhetsfrågor.
Vem är platsen för?
Innan vi börjar dyka in i de områden som behöver förbättras måste vi ta reda på den rätta utgångspunkten för dessa kritik. Jag kunde kritisera varje sida baserat på hur det passar mina egna behov, men i slutändan är inte varje webbplats riktade mot mig så det skulle inte vara mycket användbart.
När jag tittar över den här sidan är detta den viktigaste grafiken som tar min uppmärksamhet:
När andra människor ser leende ansikten ser jag en målgrupp, och det är precis vad vi tittar på i denna noggrant utvalda bild. Här ser jag någon som verkligen inte är en ung man, inte heller är han för långt in i ældre? kategori. Han ser snygg, rolig och aktiv ut. Han vill leva livet till fullo med sina fantastiska barnbarn.
Är gamla människor de enda som behöver hörapparater? Visst inte, och kanske täcker barnen i bilden den här tanken. Det sägs att det finns mycket om den här webbplatsen som tyder på att den riktas direkt mot en äldre generation, så att det kommer att vara viktigt att hålla detta i åtanke. Stora designbeslut kan och bör göras i ljuset av din avsedda publik.
Text Size Button
Strax utanför flaggan ser jag något som bekräftar våra antaganden om målgruppen. Det finns en knapp längst upp till höger på skärmen som ökar storleken på texten på sidan:
Om du överväga vem som skulle behöva en sådan knapp, och vem inte skulle inse att de flesta webbläsare kan göra det på en sida med en enkel tangentbordsgenväg, tittar vi än en gång på äldre användare.
Jag tycker personligen att det här är en bra funktion som mina morföräldrar skulle älska att se på många olika platser (de freaked när Facebook gjorde texten mindre). Mitt problem med det på hemsidan är att det är nästan värdelöst. Det finns massor av text på hemsidan och den här knappen påverkar bara en bit av den medan du helt ignorerar resten.
Visst har det en mycket större effekt på andra sidor, men här på hemsidan tror jag att en av två saker måste hända. Du kan antingen arbeta på mycket mer av texten eller ta bort den helt för att förhindra användarfrustration. I sin nuvarande form kommer det förmodligen bara att få folk att tro att webbplatsen är trasig.
Knappen Social Media Button Knapp Knapp
Fångade du redundansen i min rubrik? Irriterande, eller hur? Så känner jag mig när jag tittar på de sociala medierna på den här sidan. Överst i sökrutan hittar jag fem sociala medier knappar:
Som du kan se är två av dessa Facebook-knappar och två är Twitter. Varför behöver du fyra knappar för två sociala medier? Det här är ett tydligt fall av den typ av sociala medierna som plågar otaliga webbplatser idag.
När vi rullar ner lite, vad ser vi? Fler sociala medier knappar!
För alla du marknadsföring killar och SEO människor, jag får det, sociala medier är bra. Men precis som med tårta och glass kan du ha för mycket av en bra sak. Throttle som entusiasm lite, mindre kan vara mer.
På en sidotid är Twitter-bilderna felaktiga. Bilden ovan visar den gamla? T? logotyp bredvid den nya fågellogotypen. Den senare ersatte den förra, och de borde aldrig visas tillsammans. Faktum är att Twitter klart säger här att det inte? logotypen är död och ska aldrig användas för att representera Twitter.
Navigering
Nästa område som jag har några problem med är navigeringen. Ur både ett estetiskt och användbarhetsperspektiv tror jag att vi skulle kunna tweak några saker här.
Ur en synvinkel trodde jag ursprungligen att föremålen i rullgardinsmenyn såg ut som textfält, vilket var ganska förvirrande (det är de inte). Jag skulle överväga att utforma dessa lite annorlunda för att förhindra sådan förvirring.
En mycket värre bråk men kommer dock från hur liten det klickbara området är på varje länk. Det finns den här stora rutan runt varje objekt, komplett med ett hover-tillstånd som ger ljusstyrka, men de är inte klickbara, bara orden är.
Med tanke på den avsedda publiken på den här webbplatsen vill du göra dina klickbara områden så stora som möjligt. Om du ger mig en stor låda, komplett med svängkoppling, skulle jag kunna klicka på den! Återigen är alternativet att dina användare kommer att få intrycket att din webbplats helt enkelt inte fungerar.
Slutsats
Som du kan se, påpekade jag bara några få små saker som behöver tweaking. Sammantaget uppfyller siddesignen sina mål ganska bra. Min huvudsakliga rekommendation är att hålla den målgruppen i åtanke och kamma igenom webbplatsen för att ta reda på vad som kommer att buga dem eller vända dem bort. Många små irritationer kan snabbt lägga till en dålig användarupplevelse.
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.