Ich habe die D3-JavaScript-Bibliothek verwendet, um einen zeitbasierten linearen Beitragsnavigator für meinen persönlichen Blog zu erstellen, der sich erheblich von der "traditionellen" Art der Verknüpfung von Beiträgen unterscheidet. Ich wollte etwas Feedback dazu sammeln, ob dieses Design funktioniert oder nicht: und genauer gesagt, ob es visuelle Elemente gibt, die ich hinzufügen kann, um die "Offensichtlichkeit" der Navigationsleiste zu verstärken.
Hier ist es deaktiviert:
Die Knoten werden aktiviert, wenn Sie mit der Maus darüber fahren:
Meine große Frage ist: Ist dieses Design funktional offensichtlich?
und was kann getan werden, um es noch besser zu machen?
Hier gibt es ziemlich große Probleme .
Ich habe die Navigation nicht gesehen, selbst wenn ich danach gesucht habe . Ich brauchte dreimal, um die Seite zu überfliegen, um sie zu finden. Wenn das stimmt, würde ich es auf keinen Fall sehen, wenn ich nicht danach suche. Dies liegt wahrscheinlich daran, dass es
Es gibt keinen Hinweis darauf, was das Bewegen der Maus darüber bewirkt, bis ein Benutzer es tut . Daher haben Benutzer keine Ahnung, ob sie darüber schweben sollen oder nicht. Es sieht nicht wie etwas aus, an das ich gewöhnt bin, also werde ich wahrscheinlich normalerweise nicht versuchen, es zu schweben; Ich kann aus Versehen.
Es ist nicht immer einfach, mit der Maus über einzelne Kreise zu fahren . Wenn Sie einige direkt nebeneinander gepostet haben, überschneiden sie sich. Ich nehme an, wenn Sie zwei gleichzeitig posten würden, wären sie genau übereinander. Das ist nicht sehr brauchbar. Dies wird umso schlimmer, je mehr Abstand zwischen den Posts vorhanden ist. Wenn Sie also eine Weile nicht gepostet haben, dann wäre die Skala mit einem ganzen Haufen zusammengeballt, dann eine von selbst, weil der Ort auf der Zeit basiert.
Das wäre auf dem Handy schrecklich . Es wäre so schwierig, den richtigen Kreis zu berühren, besonders wenn sie sich überlappen. Außerdem würden sie blind zu einem anderen Beitrag wechseln, da die Vorschau nur beim Hover angezeigt wird. Das ist nicht akzeptabel!
Die Pfeile machen nichts (und sind von vornherein zu klein) . Ich nehme an, das ist, wenn es links oder rechts mehr Beiträge gibt? Ich bin mir nicht sicher. Aber da es keine Grenze um den Container gibt, weiß ich sowieso nicht, wo er beginnt oder endet, also könnten sie mit etwas ganz anderem zusammenhängen.
Daher hier einige Verbesserungen:
Zeige nicht alle deine anderen Posts . Benutzer möchten keine ganze Liste aller Posts sehen, insbesondere in Punktform, die ihnen keine Informationen über die Posts gibt. Zeigen Sie ihnen stattdessen relevante und lassen Sie eine Option, um mehr anzuzeigen oder eine ganze Liste anzuzeigen.
Machen Sie es so, dass Überlappungen kein Problem darstellen . Es ist mühsam, es zu verhindern – vermeiden Sie es einfach von vornherein.
Zeigen Sie jederzeit eine Vorschau bestimmter Beiträge an . Sie könnten dies auf viele Arten tun, aber ich stelle mir vor, einen großen über die gesamte Breite des Inhalts und vielleicht ein paar (3 oder so) darunter zu zeigen. Auf diese Weise sehen die Benutzer sichtbar „Hey, hier ist noch ein Bild, das auf den Beitrag verlinkt“ statt nur ein paar zufällige Kreise.
Wenn Sie wirklich viele Posts anzeigen möchten, können Sie eine weitere kleinere Zeile hinzufügen und sie den Slot der Hauptvorschau ersetzen lassen, wenn Sie darauf klicken oder den Mauszeiger darüber bewegen.
Folgendes stelle ich mir vor:
Dom