webentwicklung-frage-antwort-db.com.de

Eine verlinkte Seite offensichtlicher machen?

Ich habe ein Portfolio ähnlich dem unten gezeigten. Einer der Leute, denen ich das Portfolio gezeigt habe, fragte, ob ich eine Live-Version des Spiels/der Webseite in Aktion setzen oder ein Video davon haben könnte. Genau das habe ich, wenn Sie auf den eigentlichen Titel klicken, der ein Link ist. Ich frage mich Was ist ein guter Weg, um klarer zu machen, dass Sie auf den Text klicken und mit einer anderen Seite verlinkt werden können?

enter image description here

4
ComputerLocus

Gute Punkte zum Textinhalt, aber ich muss nicht zustimmen über Link-Unterstreichung - Ich glaube nicht, dass die aktuelle Konvention darin besteht, Links unterstrichen zu haben. Sicherlich nicht, wenn Sie auf den Inhalt einer Website verlinken, der Sie im Grunde sind (es ist immer noch Ihr Inhalt).

Das Unterstreichen von Text weist Probleme mit Lesbarkeit auf

Interessanterweise hat das großartige Magazin dies behoben, indem es die Unterstreichung subtiler gemacht hat ... Ich denke, das funktioniert gut (andere Orte verwenden gepunktete Linien): subtle grey underline from smashing magazines website

Die Wahrheit ist, dass Google beiseite, Sie sehen immer weniger im Web unterstreichen. Ich denke, das hat hauptsächlich ästhetische Gründe. Fragen Sie die meisten Grafikdesigner, ob sie dasselbe sagen. Dies ist zur Konvention geworden. Unterstreichen erzeugt zu viel Datentinte. Es sieht laut aus.

Stattdessen verwenden einige Websites beim Hover Unterstreichung, wie dies bei dieser Website (StackExchange) und Apple der Fall ist. Ich bin mir des Wertes nicht wirklich sicher, da der Benutzer zu diesem Zeitpunkt vermutlich bereits die Absicht hat, zu klicken (interessiert zu wissen, was andere denken).

Die meisten Websites verwenden eine Farbverschiebung, um einen Link anzuzeigen, und die ausgewählte Farbe hängt von den grafischen Konventionen auf der Website ab. Facebook hat eine gute Wahl getroffen, als es Blau als Signaturfarbe gewählt hat, da Google den endgültigen Test durchgeführt hat, bei dem festgestellt wird, dass blaue Links werden häufiger angeklickt ).

Meine persönliche Faustregel auf Websites lautet, dass alles, was anklickbar ist, dieselbe Farbe hat (z. B. Schaltflächen und Links) und dass dies eine der Schlüsselfarben der Website ist.

In Webapps kann es komplexer werden. Wie ich beispielsweise bei StackExchange feststelle, hängen einige Websites unterschiedliche Funktionen an unterschiedliche Farben an, z. grauer Text sind Links zu funktionalen Teilen der Web-App und blauer Link zu Inhalten. Wie immer müssen Sie für Ihren Kontext/Ihre Komplexität entwerfen.

In diesem Beispiel würde ich einfach den Titeltext der beiden Links in Orange hervorheben.

Update Das Hinzufügen einer Wiedergabetaste zu den Bildern ist ebenfalls eine gute Idee (wie in PhilWs Kommentar unten vorgeschlagen). Viele Untersuchungen zeigen, dass Menschen dazu neigen, keinen Text zu lesen, sondern auf Bilder zu achten.

2
Lisa Tweedie

Benutzer sind es gewohnt, dass Links unterstrichen und farbig sind (normalerweise blau, da dies das Standardverhalten des Browsers ist). Dies sind daher wahrscheinlich die naheliegendsten Möglichkeiten, um Erschwinglichkeit zu vermitteln. Es ist auch ein nützlicher Hinweis, den Links einen Schwebezustand zu geben (auch wenn dies nur eine Intensivierung der Schriftfarbe bedeutet).

Wenn das Unterstreichen und Färben dieser Titel ein Problem darstellt - beispielsweise wenn das von Ihnen gewählte visuelle Design dies nicht zulässt -, umfassen andere Strategien nur das Unterstreichen im Schwebezustand (wenn möglich wird weiterhin standardmäßig versucht, eine blaue Titelfarbe zu verwenden) Wenn Sie sicherstellen, dass der Text im Link darauf hinweist, dass er zu mehr Ressourcen führt.

Eine andere Idee ist es, die Ressourcen, auf die Sie verlinken, im Voraus bereitzustellen. Wenn Fotos vorhanden sind, möchten Sie möglicherweise das Vorhandensein einer Galerie anzeigen. Bei Videos sollten Sie einen kleinen Videoplayer anzeigen, der ein größeres Ansichtsfenster in einem Leuchtkasten oder einem modalen Fenster öffnet. Dies macht den Inhalt nicht nur besser auffindbar, sondern bedeutet auch, dass ein Benutzer sofort den Wert des Klickens auf weitere Medienlinks erraten kann, da Sie bereits nachgewiesen haben, dass Sie relevante Inhalte bereitstellen.

4

Nun, die offensichtlichste Änderung, die Sie vornehmen sollten, ist, Ihre Links zu unterstreichen. Obwohl im Jahr 2004 geschrieben, ist Jakob Neilsens Artikel Richtlinien für die Visualisierung von Links immer noch sehr angemessen.

Textlinks sollten farbig und unterstrichen sein, um die bestmögliche Klickbarkeit zu erzielen. Es gibt jedoch einige Ausnahmen von diesen Richtlinien.

Dies ist jedoch nur ein Punkt. Selbst wenn Ihre Titel waren unterstrichen sind, ist nicht klar, um welche Links es sich handelt zu. Sie sollten einen tatsächlichen Link in die Textkopie "Video dieses Spiels in Aktion sehen" oder "Demo dieses Spiels spielen" einfügen, der mit der Video-/Spieldemo verknüpft ist. Lassen Sie den Site-Besucher nicht nachdenken, machen Sie Links so offensichtlich wie möglich und machen Sie deutlich, was die Links führen sie zu.

3
JonW

Dieser Beitrag des Baymard-Instituts mit dem Titel "Benutzeroberfläche: Richtige Indikatoren für versteckte Elemente" ist eine großartige Ressource.

http://baymard.com/blog/trigger-indicators

0
Max