Feedback zum Smart-Home-Design

Ich hätte gerne Feedback zu meinem Design. Es ist auf Deutsch, weil wir uns in einem deutschsprachigen Teil der Welt befinden.

Hintergrund ist eine Website, die einen Kunden mit Smart-Home-Elementen zu einem Neubau oder einem bestehenden Haus führt. Das Herzstück ist der Konfigurator.

Das Header-Element wird ein Video sein

Könnten Sie mir Feedback geben zu: - Visueller Hierarchie - Komposition - Farbverwendung - anderen UX- oder Designoptimierungen.

Geben Sie hier die Bildbeschreibung ein

Ist dies der falsche Ort, um nach Feedback zu fragen, warum bekomme ich -1 Stimmen? oder ist es nur ein schlechtes Design?
Hallo Boris. Bitte werfen Sie einen Blick auf unsere Anforderungen für kritische Fragen . Wir sind in der Tat kein Feedback-Forum und akzeptieren nur kritische Fragen, die sich auf einen einzelnen, genau definierten Aspekt konzentrieren, mit dem Sie zu kämpfen haben. Entschuldigung für die unhöfliche Begrüßung auf diese Weise!
Und zwar richtig: Hallo Boris, willkommen bei GD.SE und danke für deine Frage. Bitte sehen Sie sich sowohl die Tour als auch das Hilfezentrum an , um sich über das Stack Exchange-Modell und die speziellen Themen auf dieser Website auf dem Laufenden zu halten. Wir können ein bisschen präzise und nervig sein, was wohin gehört und was gefragt werden darf und was nicht, aber wir bemühen uns trotzdem, ein freundlicher Mob zu sein. Wenn Sie noch Fragen haben, können Sie diese gerne im Grafikdesign-Chat stellen , sobald Ihr Ruf es Ihnen erlaubt, dorthin zu gehen (20). Bleib dran und hab Spaß!

Antworten (1)

Ich habe das in Eile geschrieben, also beschuldige ich, wenn einiges davon unverständlich ist oder eine angemessene Erklärung fehlt. Ich kann dies überarbeiten, wenn einige Dinge mehr erklärt werden müssen

Mir ist klar, dass einige Dinge in diesem Design vielleicht noch unvollendet sind, aber ich werde es so sagen, wie ich es sehe.

Von oben beginnend:

  1. Im Allgemeinen sieht es so aus, als gäbe es einige Skalierungsprobleme.

    • Ich habe mir das Layout mit einer Breite von 1400 Pixel angesehen, weil ich dachte, dass es nahe an der tatsächlichen maximalen Breite des Inhaltsbereichs liegen würde. Nur damit ich meine Gedanken festhalten konnte. Ich wollte nicht glauben, dass es ein flüssiges Layout verwenden würde, was meiner Meinung nach angesichts einiger Designentscheidungen und der Textgrößen eine Möglichkeit sein könnte.
    • Einige Elemente sind riesig und andere sind sehr klein.
    • So ziemlich der gesamte Fließtext (keine Überschrift) sieht viel zu klein aus, einfach, weil er schwer zu lesen ist.
    • Im Allgemeinen neige ich dazu, eine Website direkt auf die maximale Breite zu entwerfen, die ich etwas willkürlich auswähle. Manchmal bestimmt der Inhalt die maximale Breite.
  2. Hauptmenü als Ganzes (inklusive Logo) könnte besser sichtbar sein. Ich habe das Gefühl, es verschwindet irgendwie. Ich denke, die Leute würden es finden, weil ein Menü ganz oben so üblich ist, dass die Leute erwarten, dass es genau dort ist.

    • Es könnte eine Kombination aus blauer Farbe, Schriftstärke und Schriftgröße sein.
    • Eine einfache Lösung könnte darin bestehen, eine Hintergrundfarbe hinter dem Menü hinzuzufügen. Vielleicht ein durchscheinendes Weiß.
    • Ich finde jedenfalls, dass der Text länger sein könnte.
  3. Der Text der Hero-Bild-Schaltfläche könnte größer sein. Ich glaube, es leidet unter der gleichen Sache wie das Menü. Sie können den Text kaum lesen, er ist so klein.

  4. Spaltenfelder unter dem Heldenbild

    • Diese sehen aus, als wären sie unfertig oder Platzhalter.
      • Vielleicht würden sie besser aussehen, wenn in jedem Feld ein Bild oder ein Symbol oder so etwas wäre.
      • Ich bin irgendwie auf dem Zaun, ob ich dort eine Hintergrundfarbe haben soll. Vielleicht würde eine Umrandung mit weißem Hintergrund besser aussehen oder gar keine Umrandung.
    • Ich denke, Jetzt Startenes ist so etwas wie "Start now" auf Englisch.
      • Wenn es ein Link sein soll, wäre es sinnvoller, wenn es eher wie ein Button aussehen würde. Im Moment erscheint die Platzierung dieses Textes nicht sehr gerechtfertigt. Warum ist es da? Ein kurzer Blick könnte den Eindruck erwecken, dass etwas kaputt ist, weil dieses zufällige Stück Text, das genau wie der Absatz in diesem Feld aussieht, plötzlich rechtsbündig ausgerichtet ist.
    • Wenn es ein Bild hätte, könnte das Bild die gesamte Box bedecken und der Text könnte oben sein. Das ist auch eine Erkundung wert.
    • Einige Beispiele mit einem Symbol.
  5. Konfigurator-Block - Der mit dem Formular und dem Bild auf der rechten Seite

    • Es sieht ein bisschen versetzt aus, finden Sie nicht?
    • Auf der linken Seite des Formulars befindet sich ungefähr 280 Pixel leerer Raum, wenn das Bild die rechte Seite berührt. Sieht mir ziemlich unausgewogen aus.
    • Ich habe das Layout nach unten gescrollt, als ich zuvor diese Kommentare geschrieben habe, und erst später erkannt, dass Sie ein Layout anstreben, bei dem jede zweite Box an einer anderen Seite ausgerichtet ist.
    • Es ist keine schlechte Idee und kann funktionieren, aber ich habe das Gefühl, dass es zuallererst eine Herausforderung beim Programmieren sein könnte ... und selbst wenn es keine Herausforderung für Sie ist, glaube ich nicht, dass es hier funktioniert. Besonders die Blöcke mit weißem Hintergrund brechen irgendwie den Look und dieser Block mit der Form sieht einfach mega komisch aus.
    • Der einfache Weg wäre, die Hintergrundfarbe ganz zu den Seiten zu erweitern und alles mittig auszurichten.
  6. Bereichsblock - Ich habe das Gefühl, dass die Art und Weise, wie die Hintergrundfarbe nicht die rechte Seite erreicht, etwas kaputt aussieht. Anstatt so auszusehen, als würde es die linke Seite umarmen, sieht es für mich nur kaputt aus. Ich würde noch einmal sagen, dass es nichts zu geben scheint, was dies rechtfertigt. Es ist keine totale Katastrophe. Etwas könnte getan werden, um dies zu rechtfertigen, ohne es auf die volle Breite des Ansichtsfensters auszudehnen.

    • Ich denke, der Text unter den Symbolen sollte zentriert sein. Diese Änderung erfordert möglicherweise, dass der Haupttext und die Überschrift über den Symbolen ebenfalls zentriert werden.
    • Das Symbol fügt sich in den Hintergrund ein. Es könnte besser aussehen, wenn jedes Symbol von einem Kreis mit weißem Hintergrund umgeben wäre, wie ein Kreis mit weißem Hintergrund. Etwas wie das. Mir ist klar, dass Ihre Symbole möglicherweise erfordern, dass die weißen Kreise ziemlich groß sind, wenn Sie sie nicht kleiner machen möchten. Es könnte auch eine andere Farbe für die Symbole ausreichen.
    • Hier ist eine Idee für das Aussehen (eine Art Rasterlayout).
  7. Zum Smart-Videos-Block habe ich eigentlich nichts zu sagen

  8. Das Bietet Ihnen... block - Dies könnte etwas graphix gebrauchen. Es sieht aus wie ein Inhaltsverzeichnis oder so. Punkt ist, es sieht langweilig aus. Vielleicht könnte jeder Aufzählungspunkt ein kleines Symbol sein. Vielleicht könnte es für jede Gruppe (Überschrift + Liste) ein Symbol geben, etwa so .
    • Bei den Farbkombinationen bin ich mir auch nicht so sicher. Wenn der Hintergrund weiß wäre, würde es schon frischer aussehen, aber vielleicht ist es keine gute Idee.
  9. Fußzeile - Was ist das für ein leerer Raum in der Mitte? Ich denke, der Inhalt sollte die gesamte maximale Breite der Website ausfüllen. Oder es sollte zumindest ausgeglichener sein.
Das ist ein tolles Feedback. Das kann ich durchaus gebrauchen. Danke.
@BorisG Ich hatte etwas Zeit, also beschloss ich, dieses Design so umzugestalten, wie ich es vielleicht für Real machen und aufnehmen würde. Es gibt keinen Ton. Video in YouTube 3min —— Video in YouTube voll 1h 16min ← Es kann einige Stunden dauern, bis höhere Auflösungen verfügbar sind. — Ich dachte auch, dass es Webflow.com ziemlich gut präsentieren würde. Heutzutage ist es mein primäres Werkzeug für das Layout-Design (ich verwende den Code, den es erzeugt, nicht). Ich sollte sagen, es funktioniert am besten, wenn Sie wissen, wie man Websites programmiert.
@Zoe, nur falls es dich interessiert, sieh dir das/die Video(s) im Kommentar oben an.
Da gibt es tolles Feedback. Ich bin ungefähr bei Version 20 der Homepage und habe den Rest der Seite begonnen. Ich habe einige Ihrer Rückmeldungen und dann etwas mehr Geschmack hinzugefügt. Ich werde vor meiner nächsten Feedback-Runde einen Prototyp-Link hinzufügen, damit Sie sich ein Bild davon machen können, was los ist.
@BorisG, das ist großartig.