Webdesign-Kritik # 94 HealthyHearing

Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.

Die heutige Website ist HealthyHearing, eine Quelle für Informationen zum Gehörschutz und zu Hörgeräten. Lass uns rein springen und sehen, was wir denken!

Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.

Über HealthyHearing

? Bei Healthy Hearing arbeiten wir sehr hart daran, unseren Ruf als führende Online-Ressource für das Hören von Gesundheitsinformationen aufrechtzuerhalten. Unser Ziel ist es, qualitativ hochwertige Inhalte bereitzustellen, die verständlich und inspirierend sind.

Hier ist ein Screenshot der Homepage:

Erster Eindruck

Mein erster Eindruck von dieser Seite ist ziemlich positiv. Aus ästhetischer Sicht ist es sehr attraktiv. Das Farbschema beruhigt und die Bildsprache ist freundlich und zugänglich.

Noch wichtiger ist, ich kann innerhalb von Sekunden eindeutig feststellen, für wen und für wen die Site bestimmt ist. Der Zweck wird auf verschiedene Weise an mehreren Stellen klar angegeben (Ihre vollständige Hörgeräte-Informationsquelle). Ich kann einfach nicht übersehen, dass dies eine Website ist, die dem Hörgeschädigten Hilfe und Informationen bieten soll. Dies ist ein wichtiges Ziel, daher ist es kein kleiner Erfolg, dass diese Website es so gut schafft.

Neben der Zweckbestimmung denke ich, dass die Website im Bereich der Navigation wirklich gut ist. Damit meine ich, dass ich sehr leicht finden kann, wonach ich suche, und selbst wenn ich nur browse, gibt es viele einfache und hilfreiche Pfade. Die gesamte Site-Erfahrung ist gut strukturiert. ein weiterer großer Gewinn.

Trotz alledem habe ich definitiv einige Bedenken und Verbesserungsvorschläge. Lassen Sie uns in bestimmte Bereiche der Homepage eintauchen, in denen wir uns stark auf einige konzeptionelle Fehlleitungen und Usability-Probleme konzentrieren.

Für wen ist die Site?

Bevor wir in die Bereiche eintauchen, die verbessert werden müssen, müssen wir den geeigneten Standpunkt für diese Kritik ermitteln. Ich könnte jede Site kritisieren, je nachdem, wie sie zu meinen eigenen Bedürfnissen passt, aber letztendlich ist nicht jede Site auf mich ausgerichtet, daher wäre dies nicht sehr nützlich.

Wenn ich über diese Seite schaue, ist dies die Hauptgrafik, die meine Aufmerksamkeit auf sich zieht:

Wenn andere Menschen lächelnde Gesichter sehen, sehe ich eine Zielgruppe, und genau das betrachten wir in diesem sorgfältig ausgewählten Bild. Hier sehe ich jemanden, der sicherlich kein junger Mann ist, noch ist er zu weit in die "Alten"? Kategorie. Er sieht stilvoll, lustig und aktiv aus. Er möchte mit seinen großartigen Enkelkindern das Leben in vollen Zügen genießen.

Sind alte Leute die einzigen, die Hörgeräte brauchen? Sicher nicht, und vielleicht decken die Kinder im Bild diese Idee ab. Allerdings gibt es eine Menge über diese Website, die darauf hindeutet, dass sie direkt auf eine ältere Generation abzielt. Daher ist es wichtig, dies im Hinterkopf zu behalten. Wichtige Designentscheidungen können und sollten im Hinblick auf Ihre Zielgruppe getroffen werden.

Textgröße-Schaltfläche

Ich sehe sofort etwas, das unsere Annahmen über die Zielgruppe bestätigt. Oben rechts auf dem Bildschirm befindet sich eine Schaltfläche, mit der der Text auf der Seite vergrößert werden kann:

Wenn Sie nun überlegen, wer eine solche Schaltfläche benötigt, und die nicht erkennen würden, dass die meisten Browser dies auf jeder Seite mit einer einfachen Tastenkombination ausführen können, betrachten wir wieder ältere Benutzer.

Ich persönlich denke, dass dies eine großartige Funktion ist, die meine Großeltern gerne auf vielen verschiedenen Websites sehen würden (sie waren ausgeflippt, als Facebook ihren Text verkleinerte). Mein Problem damit auf der Homepage ist, dass es fast nutzlos ist. Es gibt eine Unmenge von Text auf der Startseite, und diese Schaltfläche wirkt sich nur auf einen Teil aus, während der Rest vollständig ignoriert wird.

Zugegebenermaßen hat dies auf anderen Seiten eine viel größere Wirkung, aber hier auf der Startseite denke ich, dass eines von zwei Dingen passieren muss. Lassen Sie den Text entweder weitaus mehr bearbeiten oder entfernen Sie ihn vollständig, um Frustration der Benutzer zu vermeiden. In seiner jetzigen Form wird es wahrscheinlich nur dazu führen, dass die Leute denken, dass die Site kaputt ist.

Social Media Button Button Schaltfläche Schaltfläche

Haben Sie die Redundanz in meiner Schlagzeile erkannt? Ärgerlich, nicht wahr? So fühle ich mich, wenn ich mir die Social-Media-Funktionen auf dieser Seite ansehe. Oben über dem Suchfeld finde ich fünf Social Media-Schaltflächen:

Wie Sie sehen können, sind zwei davon Facebook-Buttons und zwei Twitter. Warum benötigen Sie vier Buttons für zwei Social-Media-Sites? Dies ist ein klarer Fall für die Art von Social Media-Unordnung, die heutzutage unzählige Websites plagt.

Wenn wir ein wenig nach unten scrollen, was sehen wir? Weitere Social Media-Buttons!

Für alle Marketing-Leute und SEO-Leute verstehe ich, Social Media ist gut. Aber genau wie bei Kuchen und Eis können Sie zu viel Gutes haben. Drosseln Sie diese Begeisterung ein wenig, weniger kann mehr sein.

Nebenbei bemerkt sind die Twitter-Bilder falsch. Das Bild oben zeigt den alten? T? Logo neben dem neuen Vogellogo. Letzteres ersetzte das erstere und sollte niemals zusammen gezeigt werden. In der Tat sagt Twitter hier eindeutig, dass die? T? Das Logo ist tot und sollte niemals zur Darstellung von Twitter verwendet werden.

Navigation

Der nächste Bereich, mit dem ich Probleme habe, ist die Navigation. Ich denke, sowohl aus ästhetischer als auch aus Usability-Sicht könnten wir hier ein paar Dinge ändern.

Aus visueller Sicht dachte ich zunächst, dass die Elemente im Dropdown-Menü wie Textfelder aussehen, was ziemlich verwirrend ist (sie sind es nicht). Ich würde in Betracht ziehen, diese etwas anders zu gestalten, um eine solche Verwirrung zu vermeiden.

Ein viel schlimmerer Verstoß ist jedoch darauf zurückzuführen, wie klein der anklickbare Bereich auf jedem Link ist. Es gibt dieses große Kästchen um jedes Element, komplett mit einem Hover-Status, der die Helligkeit erhöht, aber diese Kästchen können nicht angeklickt werden, nur die Wörter sind.

In Anbetracht der beabsichtigten Zielgruppe dieser Website möchten Sie Ihre anklickbaren Bereiche so groß wie möglich machen. Wenn Sie mir eine große Box mit Hover-Feedback zur Verfügung stellen, kann ich besser darauf klicken! Die Alternative ist wiederum, dass Ihre Benutzer den Eindruck haben, dass Ihre Site einfach nicht funktioniert.

Fazit

Wie Sie sehen können, habe ich wirklich nur ein paar sehr kleine Dinge herausgearbeitet, die noch optimiert werden müssen. Insgesamt erfüllt das Seitendesign seine Ziele sehr gut. Meine Hauptempfehlung ist, die Zielgruppe im Auge zu behalten und durch die Website zu stöbern, um herauszufinden, was sie stören oder abweisen kann. Viele kleine Ärgernisse können schnell zu einer schlechten Benutzererfahrung führen.

Du bist dran!

Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten. Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.