Wie kann ich diese Links deutlicher zum Anklicken machen?

Arbeite derzeit an einem Redesign für ein Dentallabor.

Beim Testen der Startseite mit einem User hat dieser nie auf die Links in der Subnavigation geklickt. Sie klickten auf die größeren Schaltflächen in den Links zu den Hauptseiten.

Als ich das Wireframe erstellte, ging ich davon aus, dass der Benutzer auf die beschreibenden Links klicken würde, je nachdem, was er tun musste. Ich dachte, es wäre super bequem, eine Liste bereit zu haben, in der sie einfach auf die Aktion klicken können, die sie ausführen möchten.

Screenshot des mittleren Abschnitts der Homepage

Freue mich auch über Anregungen bzgl

  • Schriftgröße
  • Schriftfarbe
  • Schriftfamilie für die Überschriften
  • Listenpunkt
  • Ideen für Bilder, wo das Thumbnail hingehört oder vielleicht entfernt werden muss.
  • Runden Sie die Tasten etwas mehr ab?

Lassen Sie mich wissen, was Sie denken und warum Sie so denken, danke.

EDIT: Nach einigen Vorschlägen von anderen Fachleuten hier habe ich eine weitere Revision erstellt (noch nicht mit Benutzern getestet)

Version 2

Ich denke, das ist eher eine ux.stackexchange-Frage. Das heißt, ich würde die großen Schaltflächen wie "Dienste" nach oben verschieben und wenn Sie darauf klicken, wird das weiße Kästchen mit den blauen Links darin größer.
Obwohl es UX-bezogen ist, fragt es eindeutig nach visueller Implementierung, daher denke ich, dass es sinnvoller ist, es hier auf GD zu belassen. (Letztendlich gibt es viele Überschneidungen zwischen GD und UX)

Antworten (2)

Bei UX StackExchange finden Sie wahrscheinlich mehr von dem, wonach Sie suchen . Dennoch ...

Ich würde diese eher in Menüs als in Module auf der Seite umwandeln . Die drei Überschriften wären die obere Navigationsleiste und die Liste der Links würde nach unten fallen. Ich denke, das würde Ihr Konzept für den Benutzer viel offensichtlicher machen.

Sie können Ihre Thumbnails im Menü behalten, wenn Sie wirklich mit ihnen verbunden sind. Symbole sind normalerweise ein effektiverer Auslöser für den Benutzer.

Gute Punkte, der Grund, warum ich keine Dropdowns erstellt habe, liegt darin, wie sich diese Seite mit responsivem Design verändert. Aber Sie sprechen einen guten Punkt an, wie wir möglicherweise ein technisches Problem angehen (reaktionsschnell) und dann am Ende die Benutzererfahrung beeinträchtigen, indem wir nicht das verwenden, woran sie gewöhnt sind. Auf der ganzen Seite befindet sich oben das Menü, dies war die sekundäre Navigation, die praktisch sein sollte (nicht so sehr, wie ich erwartet hatte). OK guter Punkt über die Symbole.
In einem responsiven Design werden Sie möglicherweise feststellen, dass Sie nicht alle Unterlinks möchten.

Sie haben ein Problem mit der umgekehrten Hierarchie. Die Schaltflächen sind optisch auffälliger, aber der Inhalt, auf den sie verlinken, ist dem obigen Inhalt untergeordnet.

Eine Möglichkeit wäre also, diese Hierarchie umzukehren. Machen Sie die aktuellen Schaltflächen stattdessen zu einfachen Links und gestalten Sie dann die Liste der Links oben so, dass sie eher wie eine Navigationsliste aussieht. Vielleicht so etwas:

-------------------------
Download RX            >
-------------------------
Find a Dropbox         >
-------------------------
Etc                    >
-------------------------

Alternativ kann das Problem einfach darin bestehen, dass die Links nicht wie Links aussehen. Eine schnelle Lösung könnte darin bestehen, einfach sicherzustellen, dass alle Links wie Standardlinks unterstrichen sind.

Wie kann ich diese Links deutlicher zum Anklicken machen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v