5 innovative Beispiele für das Design von Benutzeroberflächen

In diesen Tagen von intuitiven Touchscreens und intelligent iPhone Apps Ihr Publikum wird keine Arbeit in die Verwendung Ihres Produkts, Ihrer App oder Ihres Betriebssystems stecken - es wird erwarten, dass dies offensichtlich ist. Niemand wird eine lange, detaillierte Bedienungsanleitung lesen. stattdessen die UI-Design sollte Ihren Kunden durch das Erreichen seiner Ziele führen - die ganze harte Arbeit erledigen, damit der Benutzer nicht muss.

bestes Bildformat zum Drucken von Postern

Um Sie zu inspirieren, haben wir einige aktuelle Beispiele für Benutzeroberflächen zusammengestellt, die es richtig machen. das hält es einfach (im Gegensatz zu einigen der bekanntesten Benutzeroberflächen in der Filmgeschichte ...) und nicht von der Funktion ablenken.

Lesen Sie also weiter und entdecken Sie innovative und durchdachte Produkte, Apps und Betriebssysteme, die darauf ausgerichtet sind, durch Design eine großartige Benutzererfahrung zu schaffen ...



01. iOS

Apfel

Apple hat die Benutzeroberfläche für Desktop- und Mobile-Computing revolutioniert

Apple ist möglicherweise kürzlich unter Beschuss geraten, zum Beispiel wegen der Debakel über Karten und die anhaltende Debatte über seine Verwendung von Skeumorphismus . Aber manchmal ist es gut, zurückzutreten und das Gesamtbild zu betrachten: Wie Apple die Computerschnittstelle auf eine Weise revolutioniert hat, die alles beeinflusst und geformt hat, was seitdem zustande gekommen ist.

Mit der Einführung des Lisa-Computers im Jahr 1983 war das Unternehmen Vorreiter bei der Verwendung der grafischen Benutzeroberfläche (GUI) und machte sie später mit der Veröffentlichung des Macintosh im Jahr 1984 zum Mainstream. Als es 2009 das iPhone einführte, brachte es ein einzigartiges Produkt mit und benutzerfreundliche Erfahrung für den Mobilfunkmarkt.

Seit Jahren verwalten Mobiltelefonbenutzer nur noch mit Scrollrädern oder Pfeiltasten, um durch ihre Telefone zu navigieren. Die Touch-Oberfläche und die Anwendungssymbole des iPhones haben das Spiel verändert, weil es funktioniert und einfach zu bedienen war.

An der Kernfunktionalität der iOS-Plattform hat sich seit 2009 wenig geändert. Dabei wird das alte Sprichwort verwendet: 'Wenn es nicht kaputt ist, beheben Sie es nicht'. In der Zwischenzeit hat Apple sein Produktangebot weiter ausgebaut und iOS an das iPad und iTouch angepasst.

02. Windows 8 Mobile

Wird Microsoft

Wird der neue Ansatz von Microsoft für die mobile Benutzeroberfläche den Markt verändern?

Microsoft hat auf dem Smartphone-Markt aufgeholt, seit Apple und Google vor einigen Jahren im Mittelpunkt standen. 2012 stellte Microsoft das neueste Betriebssystem für Mobiltelefone, Windows 8, zusammen mit einer ähnlichen Desktop-Version vor. Windows 8 für Handys bietet die Verwendung interaktiver Live-Kacheln. Dies bedeutet, dass Sie beim Betrachten des Startbildschirms Ihres Telefons mehrere Anwendungskacheln sehen, die Sie ständig mit Informationen aktualisieren.

Sehen Sie Ihre neuesten Tweets oder Textnachrichten mit nur einem Blick und alles an einem Ort. Ganz zu schweigen davon, dass die Anordnung und Bedeutung der Fliesen vollständig anpassbar sind.

Das Gesamtbild unterscheidet sich deutlich von iOS, das sich auf die Verwendung statischer Symbole zum Navigieren und Popup-ähnlichen Benachrichtigungen zum Erfassen eingehender Daten konzentriert. Die mobile Benutzeroberfläche des Fensters 8 hebt sich von der Masse ab, da wir überdenken, wie wir den jetzt fast konstanten Datenstrom betrachten.

03. Das Nest-Thermostat

Die beste Art der Benutzeroberfläche vereinfacht den Prozess - der Nest-Thermostat ist ein typisches Beispiel

Die beste Art der Benutzeroberfläche vereinfacht den Prozess - der Nest-Thermostat ist ein typisches Beispiel

Oft merkt man erst, wie schlecht die Benutzererfahrung eines herkömmlichen Produkts ist, wenn jemand vorbeikommt und es verbessert. Ein typisches Beispiel ist der Haushaltsthermostat.

Die Bewegung in die digitale Kante hat nicht viel zur Verbesserung des Thermostats Ihres Hauses beigetragen. Tatsächlich sind neue digitale Thermostate aufgrund ihrer verwirrenden Mehrfachmenüsysteme und komplizierten Anzeigen in der Regel viel schwieriger zu programmieren. Daher haben die Entwickler des Nest-Thermostats den Prozess für Sie vereinfacht.

Drehen Sie es auf, wenn Sie es heißer haben möchten, und drehen Sie es ab, wenn Sie es kälter wollen. Der Thermostat erledigt den Rest, indem er jedes Mal lernt, wenn Sie eine Anpassung vornehmen, und basierend auf Ihren Änderungen einen Heiz- und Kühlplan erstellt. Sie können es sogar von Ihrem Smartphone aus über WLAN steuern.

Schau dir das an! Nestthermostat:

04. Nintendos Geschichte von Mario Kart

Nintendo

Die Website von Nintendo verfolgt einen neuen Ansatz, um durch Inhalte voranzukommen

Einer der Großen Trends im Website-Design im Moment ist die Verwendung von Parallaxen-Scrollen . Dies bedeutet im Wesentlichen, dass Sie mit dem Mausrad durch eine Website navigieren können, sodass die Website dreidimensional erscheint.

Dieser 3D-Effekt wird mithilfe einer ausgefallenen HTML5- und CSS3-Codierung erzeugt, mit der sich der Hintergrund der Website langsamer bewegt als die im Vordergrund festgelegten Objekte.

Dadurch entsteht eine einzigartige Benutzeroberfläche, die optisch interessanter ist als das herkömmliche, flache zweidimensionale Scrollen nach oben und unten, das auf den meisten Websites zu finden ist. Die Website ist ein großartiges Beispiel für das Scrollen von Parallaxen und wie es eine einzigartige Benutzererfahrung schafft.

05. IPad App des World Wildlife Fund

Der WWF

Über die elegante App-Oberfläche des WWF können Sie Inhalte auf innovative Weise entdecken

Konsumgüter und Websites sind nicht die einzigen Orte, an denen Sie Fortschritte beim Design der Benutzeroberfläche sehen werden. Entwickler von iPad-Apps experimentieren ständig mit neuen Möglichkeiten, um Benutzern die Interaktion mit ihrem iPad zu ermöglichen, ohne nur mit dem Finger über eine Seite zu wechseln.

Der World Wildlife Fund hat eine kostenlose neue iPad-App namens WWF Together veröffentlicht, die ein beeindruckendes Beispiel dafür ist, was Sie mit gestenbasierten Interaktionen tun können.

Sie können Eisberge mit dem Finger bewegen oder ein Bild löschen, um wichtige Informationen über die Tierwelt der Welt zu erhalten. All dies ist in einer elegant einfachen Oberfläche zusammengefasst, die leicht zu befolgen und informativ ist.

Schau dir das an! WWF App in Aktion:

Wörter :: Ben Whitesell

Wie füge ich Photoshop CS2 Schriftarten hinzu?

Ben Whitesell ist ein Mediendesigner, der sich auf verschiedene Arten der Erstellung von Inhalten spezialisiert hat, darunter traditionelles Layout von Druckseiten, Posterdesign und Illustration.

Mochte dies? Lese das!

  • Entdecken Sie, was als nächstes kommt erweiterte Realität
  • Atemberaubend iOS-Symbole
  • Unser Favorit Web-Schriftarten - und sie kosten keinen Cent