Früher war Design nie wirklich wichtig.
Es ist schwer vorstellbar, aber vor Apples kometenhaftem Aufstieg zur globalen Popularität rückte das Design in den Hintergrund der Funktionalität. Heute ist Design eine Welt für sich geworden, und die Gemeinschaft der Designer und Entwickler hat sich zusammengeschlossen, um ein kohärentes Regelwerk für die kreative Praxis zu entwickeln.
Die Entwicklung des Designs ist konstant, und es gibt immer neue Dinge zu lernen und zu konzentrieren, um Funktion und Ästhetik in einem Paket zu vereinen.
Um an der Spitze deines Design-Spiels zu bleiben, sind hier 10 wichtige Regeln des Benutzeroberflächen-Designs zu beachten:
Mit der Explosion von verschiedenen Gerätetypen heute, eine Größe wird sicherlich nicht für alle passen .
Wenn du Erstellen Sie Ihre Website oder App, müssen Sie sicherstellen, dass Sie mit allen Bildschirmgrößen im Auge behalten. Dies bedeutet, dass sowohl Internetverbindungen mit niedriger als auch mit hoher Bandbreite vollständig geladen werden müssen, um die Formatierung sowohl auf dem iPad als auch auf iPhones zu ermöglichen.
In der Vergangenheit haben sich Entwickler hauptsächlich auf die Erstellung einer guten Benutzeroberfläche für Desktops konzentriert. Aber nur um Ihr Gedächtnis aufzufrischen, hat die mobile Nutzung im Jahr 2014 die Desktop-Nutzung überholt. Sollten Sie sich also jetzt auf Mobilgeräte konzentrieren? Es ist zwar wichtig, besonders auf Mobilgeräte zu achten, aber es lohnt sich auch zu berücksichtigen, dass die Desktop-Nutzung immer noch sehr hoch ist. mit 42% Anteil .
Daher ist der Schlüssel zu erstellen adaptive Benutzeroberflächen Das wird dem Verbraucher trotz der Anzeige oder Ausrichtung des Geräts, das er verwendet, ein großartiges Erlebnis bieten.
Die Menschen sind sehr beschäftigt und widmen sich deshalb nur selten einer einzigen Aufgabe. Aus diesem Grund müssen Sie Ihr Design einfach verstehen.
Lass deine Nutzer nicht raten. Verwenden Sie Sprache, die sie leicht in Begriffen von Wörtern, Phrasen und Konzepten verstehen können. Vermeiden Sie spezielle System- oder Branchenbegriffe und bestehen Sie auf einer Sprache, die dem Publikum vertraut ist.
Wenn Sie beabsichtigen, dass der Benutzer bestimmte Ziele erreicht, lassen Sie die Aktionen in einer Sequenz mit Anfang, Mitte und Ende ablaufen. Wenn Sie fertig sind, verwenden Sie eine Benachrichtigung, um den Benutzer über die nächsten Schritte zu informieren.
Wenn Sie beispielsweise eine Seite für ein Online-Banking-System entwerfen, können Sie die Aktionen in "Kontaktdaten", "Kontodetails" und "Profileinstellungen" gruppieren, anstatt alle in einem einzigen Formular zu haben.
Fehler sind nicht nur Anomalien und Fehler, sondern auch große Hindernisse Besucher, die die gewünschte Aktion ausführen .
Wenn etwas schief läuft oder falsch lädt, werden die meisten Besucher nicht auf eine Lösung warten, sie werden einfach gehen. Bleib wachsam und halte nach Fehlern Ausschau, indem du diejenigen, die du tust, so schnell wie möglich behebst.
Benutzer mögen es nicht, Fehler zu machen. Sie fühlen sich noch schlimmer, wenn sie denken, dass sie für den Fehler verantwortlich sind. Wenn sie diesen Hass nicht auf dich übertragen und weitermachen, werden sie ihre Konten zum Beispiel schon vor ihrer Einrichtung verlassen.
Vermeiden Sie beim Entwurf die Möglichkeit eines Fehlers oder entwerfen Sie ein System, das den Fehler für sie überprüft, bevor sie zu weit gehen. Nehmen wir beispielsweise an, Sie möchten, dass Benutzer ein Kennwort erstellen, das mindestens 8 Zeichen lang ist und mindestens eine Ziffer umfasst.
Wird Ihr System es dem Benutzer erlauben, ein Passwort zu erstellen, das nicht ausreicht, um sie zu benachrichtigen, wenn sie auf "Weiter" klicken, oder kann es sie benachrichtigen, wenn sie das Passwort eingeben? Letzteres ist das bessere Design.
Konsistenz auf der gesamten Benutzeroberfläche läuft darauf hinaus, Dinge kontinuierlich, vorhersehbar und innerhalb der Erwartungen zu machen. Alles so einheitlich wie möglich zu gestalten und sicherzustellen, dass es keine Überraschungen oder unerwarteten Ergebnisse gibt, trägt viel zur Konsistenz bei.
Bis zum Prinzip der geringsten Überraschung : "Wenn ein notwendiges Feature einen hohen Verwundungsfaktor hat, kann es notwendig sein, das Feature neu zu gestalten."
Müssen Benutzer raten, welche Wörter bedeuten und welche dasselbe bedeuten? Müssen sie sich Sorgen machen, dass sie auf einen bestimmten Knopf klicken, weil sie nicht sicher sind, was sie tun werden? Sicherstellung der Konsistenz von Prozessen, Funktionalität, Aussehen und Terminologie
Glücklicherweise gibt es keinen Mangel an Ressourcen in dieser Angelegenheit. Die meisten von den seriöse Website-Builder wird Ihnen dabei helfen, da sie ein einheitliches und konsistentes Rasterlayoutdesign aufweisen.
Wie es heute oft heißt: "Kontext ist alles". Kontext ist, wie wir neue Ideen mit alten Ideen verbinden und Beziehungen und Bedeutungen in unserer Welt aufbauen können.
Der beste Lehrer für diese Lektion ist wahrscheinlich ein Werbetreibender. Werbetreibende wissen, dass die Anzeigen ohne Kontextsensitivität gegenüber der Zeit und der Art, in der sie ihre Anzeigen präsentieren, wertlos werden - und das ist verschwendete Geld ( Sehen Sie sich an, wie Google AdWords die Schaltung von Anzeigen bestimmt ).
In ähnlicher Weise müssen Sie kontextbezogenes Design in Ihren Benutzeroberflächen anwenden. Contextual User Interface ist das ortsbasierte, zeitkritische und situationsbezogene Design einer Website oder App, das dem Benutzer die relevantesten Daten liefert. Und das war bis vor einigen Jahren kein großes Problem für Designer.
Mit der Zunahme der Echtzeit-Konnektivität und der Abhängigkeit vom Internet könnte der Kontext die Ursache für Ihr Scheitern oder Ihren Erfolg sein.
Kontext ist der Schlüssel zu menschlichen Beziehungen und ebenso wichtig für die grundlegenden Elemente des Designs . Wir erwarten, dass interaktive Objekte intuitiv sind und dass sie so gestaltet werden sollten, dass sie kohärente Beziehungen zwischen unseren Objekten bilden Funktion und Design .
Ermitteln der Größe von UI-Objekten und der Höhe von Leerzeichen zwischen ihnen ist entscheidend, um sicherzustellen, dass das Design aussieht ausgewogen und vorhersehbar .
Abgesehen davon, dass die Aufmerksamkeit des Benutzers geweckt wird, hilft dies auch den Benutzern zu verstehen, wo sich die Objekte befinden, ohne dass sie sich den ganzen Ort ansehen müssen.
Ständige Überprüfung Es ist am besten, den besten Weg zu finden, um dies zu erreichen, indem man das erweitert, was mehr Aufmerksamkeit erfordert, und das verringern, was weniger störend sein soll.
Entwickler und Designer mögen normalerweise das Anpassen von allem.
Dies ermöglicht uns die Kontrolle über alles von Schnittstellen über Hintergrundbilder bis hin zu Klingeltönen. Die meisten Menschen scheinen sich jedoch nicht um die Anpassung zu kümmern. Die meisten Geräte und andere Unterhaltungselektronik gekauft fast nie verändert werden . In der Regel passen Benutzer ihre Werkseinstellungen nicht an, da der Wechsel von ihnen Know-how, Zeit und Aufwand erfordert.
Wenn Sie diese Tatsache kennen, müssen Sie sicherstellen, dass Ihre Standardeinstellungen für eine große Gruppe von Benutzern geeignet sind, um sie zu verstehen und zu navigieren. Das bedeutet, dem Benutzer zu sagen: "Hey, du kannst das anpassen, aber du musst nicht."
Menschen werden normalerweise nichts unternehmen, wenn sie nicht gefragt werden. Deshalb sind Taktiken wie der Call-to-Action so mächtig, um zu helfen Conversions steuern .
Noch wichtiger, frag sie "nett". Was bedeutet das? Betrachten Sie zum Beispiel das Timing und den Kontext. Fordern Sie den Benutzer auf, ein anderes Ziel zu starten, ohne das aktuelle Ziel zu erreichen? Überlegen Sie, wann ein Pop-Up erscheint, in dem Sie aufgefordert werden, etwas anderes zu sehen. Wenn es nicht erscheint, nachdem sie bis zum Ende des Beitrags geblättert haben, dann machst du es falsch.
Beachten Sie, dass es nur funktioniert, wenn der Besucher tatsächlich an etwas interessiert ist, das Sie anbieten. Wenn Sie nachweisen können, dass Sie Menschen einen erheblichen Mehrwert bieten, zögern Sie nicht, die Nutzer zu bitten, im Gegenzug etwas zu tun, etwa wenn Sie Ihren Social Media-Seiten oder Blogs folgen. Dies funktioniert, um Ihre Benutzer informiert zu halten, und natürlich auch Steigern Sie Ihren Web-Verkehr im Laufe der Zeit.
Bei unserem Webdesign-Unternehmen haben wir festgestellt, dass Website-Besucher nicht wissen, wie sie uns erreichen können. Es gab einfach zu viele Möglichkeiten. Die Leute wurden oft überwältigt und wussten nicht, wie sie den Kontaktprozess starten sollten.
Sie würden sich selbst raten, und wir erhielten dadurch weniger Contact Conversions. Indem wir unsere gewünschten Aktionen offensichtlicher machten, suchten wir die Benutzer visuell nach den gewünschten Aktionen ab.
Lassen Sie Ihre Nutzer nicht erneut raten. Lassen Sie sie genau wissen, was Sie wollen und benachrichtigen Sie sie, wenn sie die Aktion abgeschlossen haben.
Wenn Sie in einen dunklen Raum gehen und einen Lichtschalter betätigen, erwarten Sie, dass sich das Licht einschaltet. Wenn nichts passiert, wenn Sie den Schalter umlegen, könnten Sie vermuten, dass etwas schief gelaufen ist. Dies gilt auch für das Design.
Niemand mag es, sich über seine Aktionen zu im Klaren zu sein. Deshalb sollte es ein Feedback geben, das Tooltip-Nachrichten und Benachrichtigungen enthält, um den Besuchern zu zeigen, dass ihre Aktionen erfolgreich waren und anerkannt wurden. Feedback kann so einfach sein wie Ausführen einer Web-Umfrage oder eine "vollständige" Benachrichtigung hinzufügen, sobald ein Formular eingereicht wurde, aber es ist entscheidend wann einen Blog starten oder App
Dies unterstreicht auch die Notwendigkeit, Ihre Besucher nicht selbst zu hinterfragen. Das System sollte in der Lage sein, ein Feedback zu geben, das relevant, wichtig und dringend ist, umfassend und sinnvoll und kontextbezogen ist.
Die Kunst des Designs verändert sich ständig, und wir werden weiterhin neue Wege finden, um Funktion und Form in UI-Design zu integrieren. Wir haben Dinge wie Minimalismus und responsives Design durchgemacht, die sich verändern und transformieren, wenn neuere Technologien in den Vordergrund treten.
Beachten Sie bei diesen zehn Benutzeroberflächenregeln, dass einige Regeln gebrochen werden müssen.
Testen und Experimentieren lernen wir neue vertrauenswürdige Techniken kennen, aber wir können uns auf einige dieser Regeln als Grundlage stützen.