In unserer Reihe "Motee Minute" lassen wir unsere Motees zu den neuesten Techniktrends zu Wort kommen - ungefiltert, offen und mit eigener Meinung. Diese Woche hören wir von Sergej. Sergej ist UI / UX Designer bei Motius. Sein Hauptfachgebiet sind UX/UI-Projekte, bei denen er hauptsächlich an der Erstellung von konzeptionellen Designs für Anwendungen und Websites arbeitet. Bevor er zu Motius kam, arbeitete er an vielen Projekten in den Bereichen Corporate Identity, Produkt- und Industriedesign in Russland, China und den USA. Heute gibt er seine besten Tipps für die Gestaltung eines reibungslosen, schönen UX-Designs.
Fügst du Animationen hinzu?
Eine gute Grafik und eine pixelgenaue Benutzeroberfläche reichen nicht aus, um sich von vielen anderen Anwendungen abzuheben. Ohne Animationen können selbst die ausgeklügeltsten Schnittstellen die Nutzer verwirren und ihnen das Gefühl geben, dass sie Entscheidungen ohne Kontext treffen müssen. Gute Animationen heben das Benutzererlebnis deines Designs auf die nächste Stufe und machen es unterhaltsam und reibungslos. Animationen, manchmal in Kombination mit Audio und haptischem Feedback (bei mobilen Apps), machen die abstrakte Erfahrung der Nutzung einer App greifbarer und realitätsnäher, was die kognitive Belastung verringert, da der Nutzer den Kontext und alle Zusammenhänge bei der Nutzung der App schneller erkennen kann.
Das Hauptziel jeder Animation in ihrer Anwendung ist es, einen Kontext zu schaffen und die Aufmerksamkeit des Nutzers auf ein überschaubares und flüssiges Erlebnis zu lenken. Animationen helfen dabei, unverbundene Bildschirme miteinander zu verbinden, sodass sich der Nutzer bei der Navigation und Nutzung deiner App oder Website nie verloren fühlt.
Zurückhaltung ist der Schlüssel, um das Beste aus der Animation herauszuholen. Es ist verlockend, sich hinreißen zu lassen und alles auf dem Bildschirm zu animieren, aber dadurch wird der eigentliche Wert des Hinzufügens von Bewegung zunichte gemacht.
Kennst du deine Nutzer?
Ein digitales Produkt, das für den Nutzer irrelevant ist und seine Bedürfnisse nicht berücksichtigt, wird niemals erfolgreich sein. Selbst wenn es einem Tech-Gigant ist, wird es nicht funktionieren, die Wünsche der Nutzer zu ignorieren. Was wird passieren? Das Produkt wird einfach in Vergessenheit geraten, wie in unseren Beispielen geschehen.
Es ist schon lange her, seit Anfang 2013. Die mobile App Hailo, deren Ziel es war, günstige Taxitarife in New York anzubieten, erhielt eine Investition von 100 Millionen Dollar. Doch im Oktober 2014 ging die Entwicklerfirma in Konkurs. Was hatten die Entwickler nicht bedacht? Dass die Taxifahrer in New York keine mobilen Geräte benutzen. Es war nicht so, dass der Entwickler nicht auf die Bedürfnisse der Nutzer geachtet hätte, sondern er vergaß, dass die Nutzer selbst existierten.
Ein weiteres Beispiel ist die App Yik Yak. Die App richtete sich an Schüler und Studenten und ermöglichte ihnen den Austausch anonymer Nachrichten. Den Nutzern gefiel die Idee, und 2013 sammelte die App 75 Millionen Dollar ein, und 2014 hatte sie einen geschätzten Marktwert von 400 Millionen Dollar. Doch 2017 mussten die Entwickler die App komplett einstellen. Und warum? Der Grund dafür ist, dass die Entwickler zwar ihre Zielgruppe identifiziert hatten, aber deren spezifisches Verhalten nicht berücksichtigt hatten. Rate mal, diese Zielgruppe wollte Trolling-Nachrichten verschicken, und zwar viele. Sehr viele. Die Entwickler haben es versäumt, alle eingehenden Informationen zu kontrollieren. Zunächst schränkten sie die Zahl der Nutzer ein, die Downloads der App gingen um 75 % zurück, und nach und nach verließen die verbleibenden Nutzer Yik Yak von sich aus.
Bist du konsistent?
Beständigkeit ist ein sehr wichtiges Prinzip im Leben und im Design. Ohne sie kommen wir nicht weit. Konsistentes Design ist intuitives Design. Es ist sehr nützlich und hilft dem Benutzer, sich auf der Oberfläche zurechtzufinden.
Achtte darauf, dass Bild- und Textelemente sich gegenseitig ergänzen:
- Farben
- Schriftarten
- Abstände
- Raster
- Tastengrößen
- Illustrationen
Alle Gestaltungselemente sollten in einem Raster angeordnet sein, das eine effiziente und ästhetische Anordnung aller Komponenten ermöglicht. Die Menschen, die deine Entwürfe verwenden werden, seien sie nun digital oder nicht, sind schon seit einiger Zeit im Geschäft. Das bedeutet, dass sie andere Designs erlebt und gelernt haben und die darin verwendeten Muster kennen. Behalt diese immer im Hinterkopf!
Diese beiden Quellen werden Ihnen helfen, die Muster genauer zu untersuchen:
Nutzt du den Leerraum sinnvoll?
Weißer Raum ist ein Schlüsselelement für gutes Design. Ein angemessener Rand - auch als Negativraum bezeichnet - um den Inhalt herum hilft Textblöcken und Bildern, auf der Seite hervorzustechen, und verleiht den Elementen die richtige logische Hierarchie.
Laut dem Conversion-Tool Crazy Egg kann die Aufmerksamkeit der Nutzer um 20 % gesteigert werden, wenn Text, Titel und Bilder mit Leerraum aufgefüllt werden. Die Abstände sorgen dafür, dass sich deine Website offen und leicht zu bedienen anfühlt. Diese "Atempause" verbessert die Attraktivität und Lesbarkeit deiner Inhalte.
Wir können Weißraum auch als passiv oder aktiv definieren. Passiver Weißraum hat keine besondere Rolle in der Gestaltung, außer dass er das Nutzererlebnis erleichtert. Das Hauptziel besteht darin, den Inhalt leichter lesbar und verständlich zu machen. Aktiver Weißraum lenkt den Fokus und die Aufmerksamkeit der Nutzer. Es geht mehr darum, hervorzustechen und eine Aussage zu treffen.
Bei der Suche nach einem ausgewogenen Verhältnis zwischen dem Weißraum und der Positionierung der Elemente auf der Seite ist auch das Hick'sche Gesetz zu beachten, das besagt, dass der Nutzer umso länger braucht, um eine Entscheidung zu treffen, je mehr Auswahlmöglichkeiten er hat. Dies stellt für Designer aller Art eine Herausforderung dar. Du musst unbedingt die nützlichsten Optionen anbieten, um den Benutzer nicht zu frustrieren, und diese Optionen in einem konsistenten und ausreichenden Abstand zueinander halten.
Verwendest du originelle Bilder?
Visuelle Inhalte werden für die Nutzer immer wichtiger. Laut MDG Advertising bewerten 67 % der Nutzer hochwertige Fotos als sehr wichtig für eine Online-Kaufentscheidung - sogar wichtiger als Rezensionen und Bewertungen. Laut einer Studie von VWO erhöht der Ersatz von Stockfotos durch Bilder von Produkten oder Dienstleistungen die Konversionsrate um mindestens 45 %.
Es gibt also viele Möglichkeiten, wie du das Design deines Produkts verbessern kannst.
"Es gibt drei Reaktionen auf ein Design - ja, nein und WOW! Wow ist diejenige, die man anstreben sollte." - Milton Glaser
