Zukünftige Benutzeroberfläche und das Ende von Design-Sandboxen

Veröffentlicht: 2022-03-11

Jeder, der in Design und Technologie arbeitet – und wahrscheinlich jeder, der in der modernen Welt lebt – wird bemerkt haben, wie schnell wir von Begriffen wie dem „World Wide Web“ zum „Internet der Dinge“ übergegangen sind.

In kurzer Zeit haben wir uns vom Design und der Entwicklung von Webseiten – Punkte auf der Karte der Datenautobahn, auf die über Browser zugegriffen wird – zu zukünftigen UIs entwickelt: einer Vielzahl miteinander verbundener Anwendungen, die Inhalte und Erfahrungen in einer Reihe von Formfaktoren und Auflösungen bereitstellen und Interaktionsmuster.

Technologie und die Bildschirme, die wir heute verwenden, verschwinden in unserer Umgebung. Das „Internet der Dinge“ (IoT), gekoppelt mit künstlicher Intelligenz (KI) mittels Sprachassistenten, umgibt uns bereits. Wir stehen am Beginn einer Welt der „Ambient Intelligence“ (AmI), in der eine Vielzahl von Geräten zusammenarbeiten, um Menschen bei ihren alltäglichen Aktivitäten zu unterstützen. Einzelne bildschirmbasierte Benutzeroberflächen verschwinden langsam und Designer müssen sich mit einem fragmentierten System von Designkomponenten auseinandersetzen.

Wie werden Designer für eine KI-fähige Umgebungsintelligenzwelt entwerfen, in der Bildschirme verschwunden sind? Wie wird sich dadurch ihre Rolle verändern?

Designdaten werden uns bald in einer Welt der Umgebungsintelligenz umgeben
Eine Welt der Umgebungsintelligenz wird uns bald umgeben. Bildschirmbasierte Benutzeroberflächen für einzelne Geräte verschwinden.

Designerrollen von morgen verändern sich

Das Ziel der Praxis der Digitaldesigner bestand einst darin, eine komplizierte Reihe von Kästchen, Bildern, Text und Schaltflächen auf einem relativ zuverlässigen Browserbildschirm (und schließlich auf dem Bildschirm einer mobilen App) zu platzieren.

Dies war die Breite der Erfahrung, die den Menschen vermittelt wurde. Aber jetzt müssen Designer bedenken, dass Produkte als separate Einheiten innerhalb komplexer Systeme von Komponenten existieren, die mit anderen Teilen interagieren, Informationen mit ihnen austauschen und manchmal sogar hinter ihnen verschwinden.

Wie Paul Adams von Intercom in seinem Artikel The end of apps as we know them schreibt: „ In einer Welt mit vielen verschiedenen Bildschirmen und Geräten müssen Inhalte in atomare Einheiten zerlegt werden, damit sie unabhängig von Bildschirmgröße oder Technologie funktionieren können Plattform.

Und das geht über den reinen Inhalt hinaus. Heutzutage müssen Designer berücksichtigen, wie alle Funktionen oder Dienste, die Menschen angeboten werden, in anderen Komponenten mehrerer Systeme und Plattformen vorhanden sind und mit diesen zusammenarbeiten.

IoT und zukünftige UI
Das Ende von Apps zu erkennen, ist erst der Anfang. Ambient Intelligence und IoT werden bald allgegenwärtig sein.

Wie werden Menschen morgen mit Informationen interagieren?

Zu Beginn der mobilen Revolution konzentrierten sich Designer darauf, Apps zu entwickeln, die ein ähnliches Erlebnis wie Websites bieten: gut gestaltete und kontrollierte, abgeschlossene Umgebungen, mit denen Menschen interagierten, um Inhalte zu konsumieren oder eine Aufgabe zu erledigen, und dann wieder verließen.

Der größte Teil der Interaktion fand innerhalb der Grenzen eines Bildschirms statt, und die Designer hatten ein gutes Maß an Kontrolle über die Bereitstellung.

Das Angebot an mobilen Geräten ist jedoch explodiert, von bildschirmbasierten Minicomputern bis hin zu tragbaren, um das Handgelenk gewickelten Nachrichtenzentralen und Geräten, die Ihr Heimthermostat fernsteuern. Heutzutage erhalten die Menschen unzusammenhängende Informationsschnipsel aus mehreren Quellen, die über Benachrichtigungen und Warnungen bereitgestellt werden. Das Paradigma hat sich dramatisch verändert.

Nest-Türklingel, ein Beispiel für komponentenbasiertes Design
Der Kontext, in dem Benutzer mit Informationen interagieren, verändert sich.

Wie werden zukünftige UIs aussehen?

Die Verbreitung verschiedener, miteinander verbundener Technologien hat auch dazu geführt, dass ein einzelnes Produkt in verschiedenen Kontexten unterschiedlich erlebt und damit interagiert wird.

Eine Benachrichtigung zu einer Nachricht kann auf der Smartwatch einer Person angezeigt werden, während sie auf dem Weg zu einem Meeting ist.

Anstatt die Messaging-App suchen und dann öffnen zu müssen, hat der Benutzer die Möglichkeit, innerhalb der Benachrichtigung zu antworten und mit einem Fingertipp eine vorgefertigte schnelle Antwort zu senden und sich später auf einem anderen Gerät eingehender mit der Nachricht zu beschäftigen.

Das bedeutet, dass eine atomare Einheit – eine Mikrokomponente der Interaktion – über verschiedene UIs (und Benutzererfahrungen) bereitgestellt werden muss, die auf den Kontext der Kommunikation zugeschnitten sind.

Wahrscheinlich verfasst der Benutzer beim Joggen keine ausführliche E-Mail-Antwort. Sie werden wahrscheinlich keinen Laptop öffnen, nur um die One-Tap-Reaktion zu verwenden, die auf ihrem Wearable so praktisch war. Sie lesen möglicherweise nie die Benachrichtigung auf dem Bildschirm, sondern hören sich den Inhalt stattdessen einem sprachaktivierten virtuellen Assistenten an.

Paul Adams schreibt: „ In einer Welt, in der Benachrichtigungen an und für sich vollständige Erfahrungen sind, macht der Bildschirm mit App-Symbolen immer weniger Sinn. Apps als Ziel machen immer weniger Sinn. Warum separate Apps für Ihre Flüge und Hotels mit mehreren Zielen in einer Reihe von Anbieter-Apps öffnen, wenn eine Reiseanwendung wie TripIt all diese Informationen auf einmal anzeigen kann – und es Ihnen sogar ermöglicht, den Check-in vor dem Boarding abzuschließen? In einigen Fällen wird der Bedarf an Bildschirmen von Apps in ein paar Jahren nicht mehr bestehen, außer dass sie als sekundäre Navigation tief in der Geräte-UI vergraben sind.

Interaktive Benachrichtigungen auf Systemebene ermöglichen es Benutzern, sofort Maßnahmen zu ergreifen, anstatt eine Benachrichtigung als Gateway zum Öffnen einer App verwenden zu müssen, bei der Benutzer abrupt von einem Kontext in einen anderen gezogen werden.

Shifting Paradigms of Interaction Transform Future UIs

Apps wie das beliebte WeChat ermöglichen es Menschen, Geld zu überweisen, ein Taxi zu rufen und Updates zur Ankunftszeit zu erhalten, nach einem Restaurant zu suchen und einen Tisch zu reservieren oder ein Hotel in der Nähe zu finden – alles über eine textbasierte Oberfläche, die das entfernt Notwendigkeit für einen Benutzer, zu einzelnen Apps zu navigieren, um eine Reihe von Aufgaben zu erledigen.

Zukünftiges UI-Design mit Konversationsschnittstellen

In der Zukunft der Benutzeroberfläche? Old School Text Messages, Kyle Vanhemert blickt auf die Verbreitung textbasierter Plattformen, die häufig die Notwendigkeit einer grafischen Benutzeroberfläche ersetzen. Auf die Dienste, die Apps bereitstellen, wird zunehmend außerhalb der Apps selbst zugegriffen.

Für die Welt des IoT zu entwerfen bedeutet, noch mehr Kontrolle über die Benutzeroberfläche aufzugeben – Produkte und Dienstleistungen zu entwickeln, auf die möglicherweise überhaupt nicht über einen Bildschirm zugegriffen werden kann.

Als der berührungsbasierte Bildschirm mobile Geräte revolutionierte, hatten Designer plötzlich eine Fundgrube an neuen Interaktionsmodi, die sie nutzen konnten, wie z -und-klicken.

Jetzt wischen und kneifen die Leute in der Luft oder wedeln mit gekennzeichneten Accessoires vor mit Sensoren ausgestatteten Geräten, wo Designer sie nicht ausdrücklich mit den standardmäßigen visuellen Hinweisen leiten können – was soll der Designer jetzt tun?

In gewisser Weise bedeutet dies, vorhersagbare, wiederverwendbare Interaktionsmuster zu entwerfen.

Wie ändert sich dadurch die Implementierung von Produkten?

Die mobile App als Gestaltungseinheit – zumindest in der bisherigen Betrachtungsweise – verschwindet.

Die eigenständige Anwendung wird zum sekundären oder sogar tertiären Ziel für Menschen, um die von den Produkten angebotenen Inhalte und Dienste zu erhalten. Wie können Designer ihre Herangehensweise neu ausrichten, um die Bedürfnisse der Menschen bestmöglich zu erfüllen?

Weniger Pixel und mehr Inhalte und Interaktionsmomente zu entwerfen, ist das neue Paradigma.

Nest Thermostat – komponentengesteuertes Design

In einer Welt, in der die Menge an verfügbaren Informationen und die Anzahl konkurrierender Dienste exponentiell zunimmt, besteht der beste Weg, um etwas zu bewirken, darin, qualitativ hochwertige Informationen zu teilen und über eine Reihe von Plattformen und Kontexten zu verteilen.

Das bedeutet, dass Menschen Inhalte im Idealfall auf eine Weise erhalten, die nicht genau kontrolliert werden kann, oft in mehreren Wrappern.

Designer werden sich ganz neue Fragen stellen.

  • Wie können Inhalte so formatiert werden, dass sie sich an eine Reihe von Ansichtsfenstern und sogar an bildschirmminimale Geräte anpassen?
  • Gibt es eine Möglichkeit, eine Schlüsselfunktionalität von Diensten zu verpacken, die woanders vorhanden sein können?
  • Was sind die geeignetsten und nützlichsten Interaktionsmuster, die als Aktionen innerhalb einer Benachrichtigung angeboten werden können?

Da die Menschen weniger Zeit in Zielen wie mobilen Apps verbringen, wie können Designer Erfahrungen schaffen, mit denen interagiert und woanders abgeschlossen werden kann?

Kann eine Push-Benachrichtigung für ein bevorstehendes Kalenderereignis den Menschen eine Reihe von Standardsteuerelementen geben, um einen Flug zu buchen, Reisevorschläge zu machen oder Blumen zu bestellen, ohne dass der Benutzer die App selbst öffnen muss?

Wie können Designer App-Funktionalitäten erstellen, die mit anderen Apps zusammenarbeiten, um Menschen bestimmte Dienste anzubieten, aber auch überzeugend genug sind, um die Konkurrenz zu übertreffen?

Zukünftige UI und Chatbots für komponentenbasiertes Design
Chatbots sind zum Game-Changer in der Reisebranche geworden. KI-gestützte Chatbots helfen Reisenden, Reisevorbereitungen per Chat zu treffen.

Wie sieht der Designprozess von morgen aus?

Da sich Erfahrungsmomente auf nichtlineare Weise von Gerät zu Gerät bewegen und die Komponente die neue Einheit des Designs ist, wie wird das neue Objekt der Praxis eines Designers definiert? Es wird immer mehr darum gehen, Erlebnisse zu entwerfen, nicht UIs.

Die betreffende Komponente wird jeweils anders definiert, mit unterschiedlichen Auswirkungen auf jedes Produkt. Sehen wir uns einige Beispiele an, die Designern dabei helfen können, ihre Produkte als Systemkomponenten und nicht als ordentlich verpackte Ziele zu betrachten.

Benachrichtigungen als System von Designkomponenten

In welchem ​​Kontext erhalten Personen eine Benachrichtigung?

Beginnen wir mit Benachrichtigungen als einfaches Muster.

Stellen Sie sich ein Design für eine Fahrdienst-App (ähnlich wie Lyft oder Uber) vor, die auf mehreren Geräten widerhallt und Menschen über umfangreiche Push-Benachrichtigungen über die Position ihres Mietwagens, die voraussichtliche Ankunftszeit und Verspätungen informiert. In diesem Szenario hat der Benutzer ein iPhone, eine Apple Watch und Kopfhörer in seine Ohren gesteckt.

Zunächst bestellt der Nutzer das Auto per Sprachinteraktion auf seiner Apple Watch. Er hebt sein Handgelenk, um die Uhr zu wecken, fragt Siri nach einem Auto und erhält über seine Kopfhörer eine Sprachbestätigung, dass ein Auto unterwegs ist.

Es ist unwahrscheinlich, dass die Leute die App öffnen und den Bildschirm ständig überwachen würden. Daher müssen Benachrichtigungen so verpackt werden, dass sie über verbundene Geräte an das Betriebssystem und den Benutzer gesendet werden.

Ein paar Minuten später schaut er auf sein iPhone, um die Position des Autos auf der Karte zu sehen und wie lange die Wartezeit dauern wird. Wenn das Auto nur noch eine Minute entfernt ist, sendet die App eine Sprachbenachrichtigung an seine Kopfhörer und eine Vibrationsbenachrichtigung an seine Apple Watch. Er wirft einen Blick auf sein iPhone, um die Fahrzeug- und Fahrerinformationen zu bestätigen.

Diese App sieht eher aus wie eine Komponente innerhalb des Betriebssystems.

Zukünftiges UI-Beispiel – App-lose Designkomponenten mit umfangreichen Push-Benachrichtigungen

Wenn die Leute unsere App nicht öffnen, was entwerfen wir dann?

Komponenten interagieren nicht nur mit dem Betriebssystem – sie können sogar in andere Apps gezogen werden.

In einem Szenario, in dem der Benutzer beispielsweise eine Reiseroute hat, die von einer Verspätung betroffen sein könnte, könnte eine Reise-App wie TripIt umfangreiche Push-Benachrichtigungen verwalten, mit denen der Benutzer interagieren kann, ohne die App selbst öffnen zu müssen.

Wenn die Reise-App andere Personen hat, mit denen die Reiseroute geteilt wird, könnte die Benachrichtigung so gestaltet sein, dass sie dem Benutzer eine Option bietet, im Falle einer Verspätung eine aktualisierte voraussichtliche Ankunftszeit an Freunde zu senden, die am Flughafen warten.

Die Benachrichtigungskomponente des mobilen Geräts wird mit dem Benachrichtigungssystem der Reise-App zusammengeführt, die Aktionen des Benutzers kaskadieren die Kette zurück und eine Änderung des Status der Reise-App wird vorgenommen, ohne dass der Benutzer sie jemals öffnen muss.

Wenn dieser Schritt weitergeführt wird, um so etwas wie einen Sprachassistenten (über eine VUI) einzubeziehen, wie werden Benachrichtigungen und Aktionen verpackt und bereitgestellt, wenn eine bildschirmbasierte Interaktion nicht erwartet werden kann?

Apps werden zu Organismen in großen Ökosystemen, die mit anderen Organismen interagieren und sich entsprechend anpassen müssen.

Wearables auf VUIs sind führend im komponentenbasierten Design

Die UX-Komponenten des Designs wurden in zukünftigen Benutzeroberflächen neu definiert

Die Designeinheit von Zielzielen wie einer Webseite oder einer Sandbox-Anwendung wird neu definiert zu Systemkomponenten, die miteinander und mit Menschen interagieren.

In vielen Fällen finden diese Wechselwirkungen fast unsichtbar statt. Während Apps als Konzept nicht eliminiert werden, sind sie nicht mehr das Hauptereignis oder Ziel.

Designer müssen sich weiterentwickeln, schwenken und ihren Fokus neu ausrichten, um Produkte und Dienstleistungen zu entwickeln, die sich anpassen, um in mehreren Ökosystemen erfolgreich zu sein. Zukünftige Benutzeroberflächen werden über eine Reihe unvorhersehbarer Kontexte und Geräte verteilt sein, und in der expandierenden Welt der Umgebungsintelligenz gibt es für Designer viel zu bedenken.

• • •

Weiterführende Literatur im Toptal Design Blog:

  • Das Ende der Webformulare
  • Zukünftiges UI-Design ohne Schaltflächen
  • Die Welt ist unser Interface – die Evolution des UI-Designs
  • Wie man ansprechende Erlebnisse für das Internet der Dinge gestaltet
  • The Power of Touch – Die Evolution des Button-Designs (mit Infografik)