Welches ist besser, um zusätzliche Informationen auf der Webseite anzuzeigen? Pop-up, wenn Sie klicken oder wenn Sie den Mauszeiger halten?

Question

Ich möchte mehr Informationen zu bestimmten Keywords auf einer Webseite anzeigen. Ich möchte den Besucher nicht auf eine andere Seite schicken, und ich möchte die zusätzlichen Informationen lieber auf der aktuellen Seite anzeigen.

Die Schlüsselwörter sind in einer HTML-Liste. Es ist im Grunde eine Liste von Funktionen und ich möchte mehr Informationen über die Funktionen bieten. Also habe ich zwei Ideen basierend auf "Mehr Info" oder "?" Hyperlinks.

1. Der Benutzer schwebt auf dem Link und ein Popup-Fenster zeigt sich mit den Informationen und verschwindet, wenn sie weg schweben.
2. Sie klicken auf den Link, ein Popup-Fenster mit einem 'X' erscheint und sie klicken auf das X, um zu schließen.

Welche bietet eine bessere Benutzerfreundlichkeit?

Ich mag # 1, weil sie nicht zum Öffnen klicken und zum Schließen klicken müssen, aber der Nachteil ist, dass Fenster versehentlich öffnen, während sie über die Seite mausen.

Answer 1

Beide sind ziemlich nervig, aber wenn ich das kleinere von zwei Übeln wählen müsste, würde ich mit richtig durchgeführten Mouseover gehen.

Sie können Javascript auf der Seite einrichten, um versehentliches Mouseover zu verarbeiten, und warten Sie stattdessen einige Sekunden, bevor Sie das Popup-Fenster anzeigen.

Answer 2

Was würden Ihre Benutzer erwarten? Versuche diese Erwartungen nicht zu brechen.

Vielleicht versuchen Sie eine Eingangshalle Usability-Studie, greifen eine Handvoll Benutzer, wie sie vorbei am Büro gehen, und nur bitten sie, Ihnen zu sagen, was sie erwarten würden. :)

Asking Stack Overflow ist auch eine gute Idee, aber Sie werden nicht den Vorteil des Kontexts, der sehr wichtig ist mit Usability-Tests.

Als Benutzer selbst finde ich es nervig, wenn ich eine Maus bewege und etwas unerwartet erscheint. Sogar mit einer JavaScript-Verzögerung (was besser ist), denke ich immer noch, dass es unerwartet ist, dass etwas auftauchen würde, wenn ich nicht explizit darauf klicke.

Dies kann jedoch abhängig vom Kontext Ihrer Anwendung variieren.

Answer 3

Leute erwarten nicht ein Pop-up auf Hover - ich würde definitiv mit dem Klick gehen.

Bearbeiten/Hinzufügen: Denken Sie über die Website, die Sie jeden Tag besuchen - Text und Bilder sind (im Allgemeinen) statisch, und schwebt, höchstens ändert die Farbe oder Unterstreichung zu einem Link oder zeigt ein kleines Menü an klickbare Links.

Wenn auf einen Link zu klicken, erwarten Sie etwas passieren - eine Umleitung auf eine andere Seite, ein Pop-up-Fenster mit Informationen, ein Formular vorgelegt werden, usw.

Ich sage nicht, das ist die beste Möglichkeit, Dinge zu tun, aber es ist die Art und Weise 99% des Webs funktioniert, und die Benutzer zu fragen, mit Pop-up-Boxen auf Schwebebahnen oder dergleichen zu tun ist ein guter Weg, um sie abzuwenden. Ich weiß, dass ich persönlich keine Seiten mit doppelt unterstrichenen Links lese; Es ist ein guter Hinweis darauf, dass eine versehentliche Unterbrechung des Scrollens, um den Inhalt zu lesen, mit meiner Maus über einen Link mit einer an sie gebundenen Werbung enden kann.

Eine kleine Grafik neben klickbarem Text, oder anders ausgedrückt, dass das Klicken zu mehr Informationen führt, ist eine großartige Möglichkeit, kontextbezogene Informationen bereitzustellen, ohne die Leute zu frustrieren. Für die meisten der Welt, Pop-ups ohne zu klicken immer noch == Werbung oder Spyware.

Bearbeiten/Klarstellung: meine ich nicht ein Pop-up in der neuen Fenster Sinn, nur einen Leuchtkasten-Stil Javascript Pop-up. Nehmen Sie den Benutzer nicht von der Seite weg und zeigen Sie ihm eine sehr gut sichtbare Schaltfläche an, um das Popup zu schließen. Ich denke, was ich sage ist, dass die Leute nicht erwarten, dass etwas passiert, ohne zu klicken, vor allem nicht, wenn es mehr Platz auf dem Bildschirm einnimmt.

Answer 4

Persönlich würde ich mit der Click-Option gehen. Es gibt ein Standard-Way-Things-Work im Web, das besagt, dass Hover Informationen über den Link selbst und über die Aktion, mit der er klickt, erhalten ("Weitere Kommentare anzeigen", "Hilfe suchen" usw.) führt die Aktion aus.

Wenn Sie sich entscheiden, mit der Hover-Option zu gehen, stellen Sie sicher, dass Sie es so codieren, dass Benutzer den Text im Popup auswählen können. Es ist wirklich ärgerlich, wenn Sie nur einige nützliche Informationen irgendwo kopieren wollen und die GUI es versteckt, bevor Sie es erreichen können.

Answer 5

Hinzufügen zu dem, was die anderen gesagt haben, würde ich auch die Click-Option bevorzugen.

Das Problem, das ich mit der Hover-Option habe, ist, und vielleicht ist dies nur ich, wenn der Bereich auf der kleinen Seite ist, habe ich eine harte Zeit, meine Maus immer noch genug zu halten. Der Cursor neigt dazu, sich während des Lesens von der Verbindung zu entfernen, und mein nützlicher Hilfetext verschwindet.

Answer 6

Als weitere Präzedenzfälle sollten Sie die Funktionalität der HTML-Tags acronym und abbr in Betracht ziehen. Beide ermöglichen es Ihnen, zusätzliche Informationen zu einem bestimmten Textabschnitt auf der Seite bereitzustellen, und beide verwenden das Prinzip des "Schwebens".

Answer 7

Punkte, darüber nachzudenken:

• Wenn Einzelteile so dicht sind, dass überall, wo Sie die Maus etwas auf schweben erscheint dann bewegen Sie den Mauszeiger nicht tun!
• Können Sie Hover zeigen sehr kurze Informationen, und haben Klick zeigen mehr Details? Dies kann das Beste aus beiden Welten sein, wenn es für Sie funktioniert.
• Können Sie eine dedizierte Box haben, die Informationen anzeigt, wenn Sie den Mauszeiger halten? Dies ist möglicherweise besser als jedes Pop-up. Meinungen variieren ...

Am Ende ist es, was für Ihre App aus der Sicht Ihrer Benutzer funktioniert.