Wie kann ich die Aufmerksamkeit des Benutzers auf den Hauptinhalt lenken, ohne die Seitenleiste zu ändern?

Ich arbeite daran, ein Layout für eine Portfolio-Website zu erstellen. Die Website wird eine seitliche Navigationsleiste haben, die in der mobilen Ansicht eingeklappt wird. Was ich zu erreichen versuche, ist, die Aufmerksamkeit des Benutzers auf die Inhalte (die hauptsächlich aus Bildern und minimalen Texten bestehen) des Hauptteils zu lenken, ohne Ablenkung zu verursachen, während die Markenfarben (egal welche Farbe) beibehalten werden. Soll ich also die Navbar farbig machen (egal in welcher Farbe) oder weiß lassen? Denken Sie aber auch daran, dass die verwendeten Farben Teil der Marke sind. Daher hielt ich es nicht für klug, es vollständig zu entfernen. In meinem Ergebnis habe ich beobachtet, dass Portfolio-Sites weiße Navigationsleisten haben und bunte Navigationsleisten verwendet werden, wenn es ein komplexes Webverzeichnis gibt. Beispiel: 1) https://dribbble.com/shots/3237774-Material-Design-Sidebar 2)https://dribbble.com//shots/2510857-Dribbble-Chat-Client 3) https://bit.ly/2KVXN4Q 4) https://bit.ly/2IYc3bG

Bitte teilen Sie auch mit, mit welchen Methoden ich testen kann, ob das aktuelle Layout stört oder nicht und wie es verbessert werden kann. Danke.

Geben Sie hier die Bildbeschreibung ein

Was ist so toll an der Seitenleiste? Sollte die Frage nicht lauten: „Wo würde ich meine Markenfarbe besser/am besten einsetzen?“ Wie Sie das Problem vorgestellt haben, werden mobile Benutzer (ein wachsendes Segment) nicht die gleiche Markenfarbverstärkung wie Konsolenbenutzer haben . Untersuchen Sie als UX-Fehler den Von-Restorff-Effekt. Sie scheinen die Betonung darauf gelegt zu haben, die Aufmerksamkeit vom Inhalt abzulenken.
@Stan, also soll ich eine neue Frage öffnen oder diese bearbeiten? Und das neutrale Weiß wird tatsächlich die Heimat für bunte illustrative Bilder sein. Aber es ist ein Wireframe, also habe ich keine generischen Inhalte eingefügt und kann noch keine Originalinhalte verwenden.
Ich weiß es ehrlich gesagt nicht. Nehmen Sie sich einen Moment Zeit, um darüber nachzudenken, was Sie erreichen möchten. „Und das neutrale Weiß wird tatsächlich die Heimat für bunte illustrative Bilder sein.“ Wir können nur so viel halten. Ich bin eher ein Minimalist. Hintergrundgeräusche werden die für den Inhalt verfügbare Aufmerksamkeit weiter verwässern. Behalten Sie das Ziel im Blick. Was können Sie tun, um das „Portfolio“ optimal zur Geltung zu bringen?
@Stan die Frage ist, wie man das Portfolio optimal zur Geltung bringt und gleichzeitig die Markenpersönlichkeit stärkt?
Ja sehr gut. Fragen Sie das jetzt und zeigen Sie Ihre nackten Wireframes und das anwendbare Moodboard. Dann treten Sie zurück und genießen Sie die Show.

Antworten (2)

Was Sie im Wireframe zeigen, lenkt nicht ab. Tatsächlich könnte es eine großartige Möglichkeit sein, einen Kontextwechsel zu vermitteln, wenn die Farbänderung einen anderen Aspekt der Marke darstellt, die Sie aufbauen. Beispielsweise könnte jede Farbe einem bestimmten vertikalen Markt oder einer bestimmten Produktlinie zugeordnet werden. Es könnte sogar verwendet werden, um Abschnitte der Website zu kennzeichnen. Whitepaper, "Über uns" und andere selbstbeschreibende Inhalte könnten alle grün sein, die Hauptseite könnte alle orange sein usw. Es gibt viele Möglichkeiten, wie Sie die Farbe der Seitenleiste als intuitive Methode zur Vermittlung verwenden können die Art der Inhalte, die sie sehen, ohne dass sie es buchstabieren müssen.

Das ist eine ausgezeichnete Idee. Danke. Außerdem versuche ich, alle Fehler aus dem Layout zu eliminieren, um die Benutzer mehr für den Hauptteil zu gewinnen.

Jede helle Farbe, die in einem neutralen Schema wie hier eingeführt wird, wird mit Sicherheit ablenken. Allerdings lernt man nach einer Weile gewisse Dinge zu ignorieren. Die Verwendung einer hellen Farbe kann anderen Aspekten Ihrer Website zugute kommen:

  • überhaupt Aufmerksamkeit erregen
  • Vermittlung von Marke, Persönlichkeit etc.

Auch die Art der Präsentation der Arbeit (derzeit als graues Quadrat dargestellt) wird darauf Einfluss nehmen.

Im Chat erwähntest du: "Ich dachte daran, auf einige Designprinzipien zurückzugreifen, um die Benutzer mit Sicherheit im Hauptteil zu halten."

Ich denke, ein guter Weg, dies zu erreichen, ohne die Farbe der Navigationsleiste zu opfern, besteht darin, dieselbe Farbe als Akzent auf der gesamten Website wiederzuverwenden. Dies würde es dem Auge des Betrachters ermöglichen, von Farbe zu Farbe zu springen und die Möglichkeit zu haben, Ihre Arbeit durchzugehen, anstatt einfach an der farbigen Navigationsleiste hängen zu bleiben.

Geben Sie hier die Bildbeschreibung ein

Ah! Ja, das ist eine gute Idee! Der Inhalt besteht hauptsächlich aus farbenfrohen Illustrationen und traditionellen Gemälden (diese können an manchen Stellen düster sein).
Obwohl Sie versucht haben, es in Ihrer Antwort zu minimieren, finde ich einen starken visuellen Konflikt mit dem vergleichsweise neutralen Portfolioinhalt.
@Stan Kannst du den visuellen Konfliktaspekt näher erläutern? Ich bin mir nicht sicher, ob ich verstehe, was Sie sagen, aber ich bin neugierig. Eine Sache, die ich zu beachten versucht habe, ist, dass Kunstwerke mit eigenen Farben eingefügt werden, sodass sie am Ende möglicherweise nicht so neutral sind.
Meine Aufmerksamkeit wird durch die Verwendung von Farbe zur Hervorhebung von einem Element zum anderen gelenkt. In Ihrer Antwort haben Sie versucht, die Farbe zu minimieren, indem Sie sie an anderer Stelle als Akzente in das Layout aufgenommen haben. Der Inhalt (Portfolio) sollte im Mittelpunkt der Website stehen und nicht als Vehikel für alle Verschönerungen dienen. Visueller Konflikt = alternative Interessenpunkte, die um meine [begrenzte] Zeit und Aufmerksamkeit konkurrieren.
@Stan Ja, ich stimme dir zu, ich wollte sicherstellen, dass ich verstehe, welche Elemente für dich im Konflikt stehen. Meiner Meinung nach ist dies etwas effektiver, da das Auge eher über den Inhalt schweift, anstatt nur an einer statischen Stelle zu bleiben. Deshalb erwähne ich auch, dass die Darstellung der Arbeit wichtig sein wird. Wenn es sich nur um Graustufen handelt, ist das möglicherweise nicht so effektiv.
Wie kann ich die Aufmerksamkeit des Benutzers auf den Hauptinhalt lenken, ohne die Seitenleiste zu ändern?
AntwortenHierDatenschutz-Bestimmungen1y, 0v