![\"buttons](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/10\/Bildschirmfoto-2016-10-19-um-14.46.07.png\")
<\/p>\nEin ansprechendes, einfach zu verwendendes User Interface kann den Erfolg einer Anwendung ma\u00dfgeblich beeinflussen. Die Herausforderung f\u00fcr einen Designer liegt darin, zu \u00fcberlegen, wie User das UI navigieren und welche Aktionen sie erwarten. Dabei geht es darum zu \u00fcberlegen, welche F\u00e4higkeiten und technisches Verst\u00e4ndnis, man von Usern erwarten kann.<\/p>\n
Wir geben einige Tipps, wie man ein ansprechendes UI designt und eine gute User Experience sicher stellt.<\/p>\n
<\/p>\n
Das wichtigste an einem guten UI ist, dass der User m\u00fchelos, intuitiv, navigieren kann. Aber was versteht man unter intuitivem Navigieren \u00fcberhaupt? User sollten ohne langes Suchen in der Lage sein, eine Anwendung zu verwenden. Die Frage \u201cWie mache ich das?\u201d sollte also am besten gar nicht aufkommen. Andererseits gibt es\u00a0 kulturell gelernte Handlungsweisen: Man kennt ein Hamburger Men\u00fc-Icon und man wei\u00df inzwischen, dass sich hinter vielen Bildern \u201cGhost Links\u201d verbergen, die zu Artikeln f\u00fchren.<\/p>\n
Die Frage ist daher auch immer: wie kann ich das, was kulturell bereits gelernt wurde, einsetzen, um m\u00fcheloses Navigieren zu erleichtern. Auch Design-Neuerungen sind dann am besten, wenn sie mit bereits etablierten Mustern verbunden werden.<\/p>\n
Nicht-intuitives navigieren bezeichnet genau das Gegenteil. Ist tritt immer dann auf, wenn Design entgegen von kulturell erlernten Inhalten entwickelt wird. Stellen Sie sich zum Beispiel einmal folgendes vor:<\/p>\n
<\/p>\n
Warum sind diese Buttons so verwirrend? Weil diese nicht-intuitiv designt sind. Zum einen erwartet man den \u201cJetzt kostenlos testen!\u201d-Button auf der rechten Seite und den \u201cAbbrechen\u201d-Button auf der linken. Au\u00dferdem ist die Schrift des \u201cAbbrechen\u201d-Buttons viel gr\u00f6\u00dfer, als w\u00fcrde es sich hier um die wirklich wichtige Aussage handeln. Auch die Farbe \u201cRot\u201d ist hier irref\u00fchrend, da man eher einen Abbruch der Aktion verbinden w\u00fcrde.<\/p>\n
Das Design widerspricht somit den Erwartungen, die man als User mit bestimmten Aktionen verbindet. Text und Design sollen sich dabei unterst\u00fctzen, nicht widersprechen.<\/p>\n
Bevor Sie ein User Interface designen, \u00fcberlegen Sie, wie Ihre User dieses nutzen werden. Welche Gesten oder Interaktionen werden verwendet, gerade auch auf touch-zentrierten Mobilger\u00e4ten.<\/p>\n
Dies sind alles Entscheidungen, die Sie in Ihr Konzept miteinbeziehen sollten. Diese Fragen, die man bei der Konzeptionierung bereits mit\u00fcberlegen sollte, sind der Grund, warum Webdesigner von statischen Designentw\u00fcrfen zu interaktiven Prototypen \u00fcbergehen und Erfahrungen designen wollen.<\/p>\n
Ihre User erwarten Reaktionen oder Feedback auf bestimmte Aktionen. Wenn User ein Formular ausf\u00fcllen, erwartet er oder sie danach eine Best\u00e4tigung. Feedback kann in ganz verschiedener Form statttfinden und verlangt werden. Es lohnt sich aber auch hier \u00fcber kreative L\u00f6sungen nachzudenken. Wenn jemand auf unserer 404-Fehlerseite landet, dann erwartet ihn z. B. folgender Screen.<\/p>\n
![\"usersnap-404page\"](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/usersnap-404page-1024x683.png\")
<\/p>\n
Es ist kein Geheimnis, das wir bei Usersnap gro\u00dfe Mailchimp-Fans sind. Besonders die Markenkommunikation und das Design begeistert uns immer wieder. Bevor man bei Mailchimp eine E-Mail-Kampagne verschickt, erh\u00e4lt man diesen Screen, ob man die Kampagne auch wirklich schicken will.
\n