Aufbau eines Design-Bauchgefühls

Eine weitere Aufgabe im Rahmen der UX / UI-Bootcamp-Vorarbeiten von Ironhack: Finden von vier Designs, die mir gefallen (oder nicht gefallen), und Erläutern der Gründe dafür!

Nachdem ich mich ein wenig mit den klassischen Elementen und Prinzipien des visuellen Designs befasst hatte, überprüfte ich meine Notizen und fügte einige neue Kommentare hinzu, basierend auf dem, was ich gelernt hatte.

Im Folgenden präsentierte ich jede der Analysen:

Design 01: Headspace

  • Ich liebe die Farben
  • Lieben Sie die Charaktere
  • Es ist sauber und sehr intuitiv
  • Symbole sind sehr süß
  • Wenig Informationen pro Seite
  • Wie Hintergrundtexturen
  • Lieben Sie die Pause / Wiedergabe-Bewegungstaste, die in jeder Sitzung angezeigt wird

Denken Sie über die erlernten Konzepte nach: Ich mag die Formen (hauptsächlich Kreise und abgerundete Elemente) und die Farben, die in dieser Benutzeroberfläche verwendet werden. Auch der Abstand (sowohl der weiße als auch der orangefarbene Hintergrund machen ihn interessant) und das Muster aufgrund der Zeichen und Symbole.

Design 02: Waze Fahrgemeinschaft

  • Lieben Sie die Charaktere und die Animation
  • Ich liebe die Bildlaufeffekte
  • So wie der Bildschirm in zwei Teile unterteilt ist: ein Weiß für den Text, ein anderes für die Illustration
  • Wie die Farben, Typografie und fühlt sich sauber und einfach
  • Die Informationen sind gut erklärt und Sie können leicht alles, was Sie über das Produkt benötigen, lernen, ohne auf etwas zu klicken.
  • Sie lesen, Sie verstehen und Sie laden die App am Ende herunter.

Denken Sie über die erlernten Konzepte nach: Ich mag das Gleichgewicht und die Ausrichtung, die der halbgeteilte Bildschirm bietet. Ich mag die Formen und Formen (Illustrationen mit einem hellen schwarzen Rand und Hintergründen mit einigen Verläufen und keinen Rändern). Ich mag auch den Raum an den Textzonen.

Design 03: Reichweite

  • Wie das Foto mit Text darüber, der nur eine Tabellenstruktur ist, so können Sie es leicht lesen.
  • Wie die Icons und wie sie aufgebaut sind
  • Liebe die Maske für die Fotos und den Effekt beim Überrollen
  • Lieben Sie das hellgraue Element, das als Hintergrund verwendet wird, der Lernabschnitte trennt
  • Es ist sehr sauber und fühlt sich an wie eine sehr professionelle Firma

Denken Sie über die erlernten Konzepte nach: Ich mag den Kontrast der Farben (lila und weiß), die Ausrichtung und Ausgewogenheit der Teambilder und Kundenlogos, das Muster der Symbole und den Raum der Sitzungen.

Design 04: Hässliche Wanne

  • Gefällt mir nicht, dass die Seite nicht in den Browser passt (weiße Spalten an den Seiten)
  • Mag den Header nicht, die Typografie ist komisch, es gibt kein Logo und keine Menüoptionen oben
  • Mag es nicht, wie Elemente so nahe beieinander sind, als ob du nicht atmen könntest
  • Mag die Menge an Text nicht… komm schon, wer wird das alles lesen?
  • Es sind viele Informationen und ich weiß nicht, wohin ich gehen soll.
  • Die Bilder sind schrecklich und stimmen nicht überein.

Denken Sie über die erlernten Konzepte nach: Dieses Web hat ein schreckliches Design, weil es keine Harmonie zwischen den Elementen gibt (Typografie, Farben, Bilder…). Durch das Mischen von Illustrationen ohne Hintergrundbilder, mit Collagen und einigen quadratischen Bildern wird die Seite vollständig getrennt.

Der Kontrast ist nicht gut (im vierten Bild ist der grüne Text auf weißem Hintergrund sehr schwer zu lesen) sowie der blaue.

Außerdem gibt es überhaupt kein Gleichgewicht und kein Muster. Die Textmenge gibt dem Web nicht genügend Platz. Die Nähe der Elemente ist nicht korrekt, so dass es an Unterscheidungen mangelt, die die Benutzer verwirren.