Wie sollten interaktive Inhalte auf einem Touch-Display organisiert werden?

Ein Einzelhandelskunde geht an ein Touch-Display und weiß bereits, welches Produkt er prüfen möchte. Die nächste Person, die fünf Minuten später denselben Bildschirm berührt, möchte nur einen Preis oder eine Wegbeschreibung zur Umkleidekabine. Eine dritte Person ist da, weil es ihr langweilig ist, auf jemanden zu warten, und weil sie glaubt, sie würde herumschnüffeln. Wenn alle drei sich durch dasselbe vierstufige Menü klicken müssen, um irgendwohin zu gelangen, hat der Bildschirm bereits zwei von ihnen im Stich gelassen, bevor sie gefunden haben, wonach sie gesucht haben – und ehrlich gesagt, der Dritte wandert wahrscheinlich auch ab.

Wir haben mehr als ein paar Gespräche nach der Installation geführt, bei denen die erste Frage des Kunden lautete: „Warum nutzt es niemand?“ Und in neun von zehn Fällen ist die Hardware in Ordnung. Der Bildschirm ist hell genug, die Touch-Reaktion ist schnell genug, die Montagehöhe stimmt. Das Problem ist fast immer dasselbe: Die Speisekarte orientierte sich daran, wie jemand im Büro über den Produktkatalog denkt, und nicht daran, was eine Person, die in einer Lobby oder einem Ausstellungsraum steht, tatsächlich denkt.

Das ist wirklich das Kernproblem bei interaktiven Inhalten auf wandmontierten Touchscreen-Displays – nicht, ob der Bildschirm groß genug oder teuer genug ist, sondern ob das Menü darauf zu dem passt, wozu die Leute gekommen sind.

Beginnen Sie mit der Aufgabe, nicht mit dem Menü

Hier ist ein Muster, dem wir ständig begegnen. Ein Kunde sendet seine Produktstruktur für einen neuen interaktiven Kiosk und sie ist genau so organisiert, wie sie in seinem internen ERP-System vorkommt – nach SKU-Präfix, nach Lieferantencode, nach der Abteilung, die intern welche Produktlinie besitzt. Für die Person, die es gebaut hat, ergibt es absolut Sinn. Für einen Fremden, der in einem Ausstellungsraum steht und fünf Minuten Zeit hat, bedeutet das absolut nichts.

Besucher denken nicht in SKU-Codes. Sie denken: „Ich suche ein kleines blaues“ oder „Wo ist das Ding, das im Angebot war“ oder „Gibt es auf dieser Etage ein Badezimmer?“ Wenn beim ersten Tippen auf den Bildschirm diese Sprache nicht gesprochen wird, geben die Leute entweder sofort auf oder fangen an, wahllos herumzutippen, was – soweit es sich lohnt – eher so aussieht, als wäre der Bildschirm kaputt, auch wenn das nicht der Fall ist.

Bevor also jemand einen einzelnen Bildschirm entwirft, lohnt es sich, sich einfach hinzusetzen und im Klartext die zwei oder drei Dinge aufzuschreiben, für die die Leute tatsächlich da sind. Nicht das, was das Unternehmen kommunizieren möchte. Was der Besucher erreichen möchte. Die Präsentation eines Produkts im Ausstellungsraum besteht normalerweise aus drei eigentlichen Aufgaben: Durchsuchen nach Kategorie, Suchen nach Namen oder Überprüfen aktueller Werbeaktionen. In einem Lobbyverzeichnis geht es in der Regel darum, ein Unternehmen, eine Abteilung oder eine Zimmernummer zu finden, die jemand bereits auf einen Zettel in der Tasche gekritzelt hat. Sobald diese Aufgaben tatsächlich niedergeschrieben und vereinbart sind, kann alles andere – Spezifikationen, Kontaktformulare, Firmengeschichte, die Begrüßungsnachricht des Gründers – vom ersten Bildschirm verschwinden und nicht mehr um Aufmerksamkeit konkurrieren.

Dies ist bei einer öffentlichen Anzeige wichtiger als bei einem internen Dashboard, das Ihre eigenen Mitarbeiter vierzig Mal am Tag nutzen und sich schließlich einprägen, ohne darüber nachzudenken. Niemand wird einen Mitarbeiter anhalten und ihn fragen, wie er einen Touchscreen bedient, der an der Wand eines Empfangsbereichs befestigt ist. Wenn das erste Tippen nicht dazu führt, dass jemand einer Antwort näher kommt, geht er einfach weg und der Kunde fragt sich am Ende, warum niemand den sehr teuren Bildschirm benutzt, für den er gerade bezahlt hat.

Ein Bildschirm, verschiedene Benutzerpfade

Die gleiche physische Anzeige muss häufig mehr als einer Art von Besuch dienen, manchmal innerhalb derselben fünf Minuten. Anstatt jeden möglichen Weg auf einen überfüllten Startbildschirm zu stopfen, was fast jeder Kunde instinktiv verspürt, wenn er zum ersten Mal eine leere Leinwand sieht, funktioniert es viel besser, jedem Anwendungsfall seinen eigenen kurzen, vorhersehbaren Weg zu geben und den Leuten die Möglichkeit zu geben, in aller Stille den Weg auszuwählen, der tatsächlich zu ihnen passt.

Einzelhandelsdisplays

Für einen Einzelhandelsausstellungsraum beginnt der Weg, der normalerweise funktioniert, mit einer Produktkategorie, geht über zu einem bestimmten Modell, dann zu Spezifikationen und bietet erst danach einen separaten Schritt für eine Anfrage oder eine Kontaktanfrage. Was die Leute falsch machen, ist normalerweise nicht die Anzahl der Kategorien auf dem Startbildschirm. Es ist eine zu frühe Vermischung von Stöbern und Nachfragen. Wenn jemand ein Kontaktformular ausfüllen muss, nur um ein Datenblatt zu sehen, wird er fast sofort wieder abspringen. Wenn die Schaltfläche zum Absenden einer Anfrage genauso aussieht wie die Schaltfläche zum Anzeigen weiterer Produktdetails, ist das Ergebnis in der Regel ein Haufen versehentlicher Leads, die nirgendwohin führen, und ein Vertriebsteam, das sich darüber ärgert, Personen nachzufragen, die nie kontaktiert werden wollten. Wenn diese beiden Absichten, Schauen und Fragen, strukturell getrennt bleiben, werden beide Probleme gleichzeitig gelöst, und es macht einen unverhältnismäßig großen Unterschied in der Leistung eines Displays, wenn es im Einsatz ist.

Gebäude- und Besucherverzeichnisse

Verzeichnisse neigen dazu, einer ziemlich vorhersehbaren Form zu folgen, normalerweise vom Gebäude bis zu einer Etage, dann zu einer Abteilung und dann zu einem bestimmten Ort, es sei denn, ein Suchfeld ermöglicht es jemandem, direkt zum letzten Schritt zu springen. Speziell für Verzeichnisse würden wir argumentieren, dass ein einfaches Suchfeld auf dem Startbildschirm, in dem jemand einen Namen eingibt und ein Ergebnis erhält, fast immer sogar einen schön organisierten Kategoriebaum übertrifft. Die meisten Besucher wissen bereits genau, wen oder was sie suchen. Um sie zu finden, muss ihnen nicht erst das Organigramm des Gebäudes beigebracht werden. Geben Sie den Leuten zuerst ein Suchfeld und lassen Sie das durchsuchbare Verzeichnis als Backup für die kleinere Gruppe existieren, die wirklich noch nicht weiß, wohin sie gehen.

Bildungs- und Schulungsbildschirme

Die Präsentationen in Klassenzimmern und Schulungsräumen folgen in der Regel zunächst etwas, das eher einem gewählten Kurs ähnelt, dann einer darin enthaltenen Lektion, dann einem Medium wie einem Video oder Diagramm und schließlich einer interaktiven Übung, die mit dieser Lektion verknüpft ist. Hier vertauscht sich tatsächlich die Priorität im Vergleich zum Einzelhandel oder einem Verzeichnis. Es geht nicht wirklich um Geschwindigkeit. Ein Lehrer lässt einen Fremden nicht durch eine Speisekarte hetzen. Sie versuchen, einen Raum voller Schüler zu beschäftigen, ohne mitten im Unterricht aus dem Takt zu geraten. Das verändert das Aussehen von gutem Design: größere Tippziele, weniger Überraschungen und nichts, was einen zweiten verwirrten Blick auf den Bildschirm erfordert, um zu bestätigen, was gerade passiert ist, denn dieser zweite Blick ist ein Raum voller Zwölfjähriger, die jegliche Aufmerksamkeit verlieren, die ihnen noch übrig war.

Drei Anzeigetypen, drei unterschiedliche Menütiefen, drei völlig unterschiedliche Prioritäten, obwohl alle drei technisch gesehen unter die gleiche allgemeine Bezeichnung eines Touchscreens mit einem Menü darauf fallen. Sie gleich zu behandeln, nur weil sie auf ähnlicher Hardware laufen, ist einer der häufigsten Fehler, die wir sehen, und er lässt sich leicht vermeiden, wenn Sie die Anwendungsfälle tatsächlich im Kopf trennen, bevor Sie mit dem Entwurf beginnen.

Eine schnelle Möglichkeit, diese Unterschiede vor einer Designprüfung klarzustellen:

Diese Tabelle ist nicht als Regelwerk gedacht. Es handelt sich eher um eine Plausibilitätsprüfung – wenn das Menü eines Projekts nicht annähernd mit seiner Zeile übereinstimmt, lohnt es sich normalerweise, einen zweiten Blick darauf zu werfen, bevor das Layout fertiggestellt wird.

Wenn Split-Screen-Layouts tatsächlich helfen

Der geteilte Bildschirm wird viel häufiger nachgefragt, als er tatsächlich genutzt wird. Und wir verstehen, warum – auf dem Papier fühlen sich mehr Panels wie mehr Wert an: mehr Inhalte auf einmal sichtbar, mehr Rendite für das Hardwarebudget, mehr Gründe, die Bildschirmgröße gegenüber demjenigen zu rechtfertigen, der das Projekt abzeichnet.

Es ist in einer begrenzten Anzahl von Situationen wirklich nützlich, beispielsweise wenn auf einer Hälfte des Bildschirms ein Produktdemovideo läuft, während auf der anderen statische Spezifikationen angezeigt werden, oder wenn ein Gebäudeplan mit einer scrollbaren Liste der Ereignisse des Tages verknüpft ist. In beiden Fällen erfüllen die beiden Tafeln deutlich unterschiedliche Aufgaben und keines benötigt genau im selben Moment die volle Aufmerksamkeit des Besuchers.

Es funktioniert nicht mehr, sobald jemand versucht, das Durchsuchen von Produkten, ein sich wiederholendes Video, einen QR-Code und einen Live-Werbe-Feed auf vier Panels gleichzeitig zu quetschen, wozu wir, um es festzuhalten, mehr als einmal gebeten wurden, normalerweise von jemandem, der wirklich versucht, mehr Wert aus dem Bildschirm herauszuholen als weniger. An diesem Punkt ist auf dem Layout nichts mehr genug Platz, um tatsächlich aus normaler Entfernung gelesen zu werden, und die Split-Screen-Aufstellung erzeugt am Ende das Gegenteil von dem, was sie eigentlich bewirken sollte. Die Leute werfen einen Blick darauf, können es nicht schnell genug analysieren und gehen weiter, ohne etwas davon aufzunehmen.

Eine gute Faustregel, auf die wir bei realen Projekten immer wieder zurückgreifen: Wenn ein Bereich des Bildschirms nicht wirklich einen eigenen, von allem anderen darauf getrennten Moment der Aufmerksamkeit benötigt, verdient er wahrscheinlich kein eigenes Panel.

Wo Content-Pläne normalerweise schief gehen

Einige Muster tauchen so oft auf, dass es sich lohnt, sie direkt zu benennen, weil sie vermeidbar sind und trotzdem immer wieder auftreten.

· Überladen des Eröffnungsbildschirms, um das Budget zu rechtfertigen. Jemand hat echtes Geld für die Hardware ausgegeben, und ein spärlich aussehender Startbildschirm kann sich wie verschenktes Potenzial anfühlen. In der Praxis schlagen drei offensichtliche, gut verteilte Auswahlmöglichkeiten fast immer zwölf Tasten mit Kleingedrucktem darunter. Ein voller Bildschirm ist nicht so wertvoll, sondern wie eine Hausaufgabe.

· Entwerfen auf einem Laptop und niemals Testen auf dem echten Panel. Etwas, das aus einer Armlänge auf einem 15-Zoll-Monitor gut aussieht, kann sich als eng oder schwierig erweisen, wenn man es über einen an der Wand montierten 55-Zoll-Bildschirm ausstreckt. Wir haben beobachtet, wie Teams dies vor Ort vor dem Kunden entdeckten, was ungefähr der schlechteste Moment ist, um es zu entdecken.

· Symbole zwischen den Seiten verschieben lassen. Ein Zurückpfeil, der auf der Produktseite etwas bedeutet und auf der Verzeichnisseite etwas anderes, scheint eine kleine Inkonsistenz zu sein. Das ist es nicht. Es lehrt die Leute, der Schnittstelle zu misstrauen, und sobald dieses Vertrauen verloren ist, fangen sie an, wahllos herumzutippen und zu versuchen, den Weg zurück zu finden – was genau das „Sieht kaputt aus“-Problem von vorhin ist.

Bei keinem dieser drei Probleme handelt es sich um Hardwareprobleme, und bei keinem davon ist die Behebung teuer, wenn sie vor dem Tag der Installation erkannt werden. Sie sind leicht zu übersehen, wenn ein Projekt schnell voranschreitet und sich alle auf die Teile konzentrieren, die später schwieriger zu ändern sind, wie z. B. die Bildschirmgröße oder die Montageposition.

Was auf dem ersten Bildschirm angezeigt wird und was nicht

Nicht alles gehört auf den Eröffnungsbildschirm, und nicht alles, was dort hingehört, hat das gleiche visuelle Gewicht.

Kategorieschaltflächen, eine Suchfunktion und die zwei oder drei Aktionen, die am häufigsten verwendet werden, verdienen die größte und offensichtlichste Platzierung auf der Seite, die Art von Platzierung, die jemand bemerken soll, selbst wenn er beim Vorbeigehen nur zwei Sekunden lang auf den Bildschirm blickt. Produktdetails, Filter und sekundäre Optionen können bequem einen Fingertipp tiefer platziert werden, ohne dass es jemanden wirklich viel Zeit kostet, da ein einziger zusätzlicher Tipp selten jemanden verliert, der bereits von Anfang an wirklich interessiert war. Spezifikationen, Gesetzestexte, Installationsanweisungen und alles, was nur für einen kleinen Teil der Besucher von Bedeutung ist, kann warten, bis jemand aktiv danach sucht, denn fast niemand möchte in einer Lobby stehen und einen Absatz Kleingedrucktes von der Wand lesen.

Der Fehler, der hier noch einmal erwähnt werden sollte, besteht darin, nichts auszulassen. Es ist der entgegengesetzte Instinkt, die Angst, etwas auszulassen, der dazu neigt, die schlechtesten Layouts hervorzubringen, die wir sehen. Ein Bildschirm, der versucht, jede mögliche Frage zu beantworten, sobald jemand darauf tippt, beantwortet am Ende keine dieser Fragen besonders gut. Die Gewissheit darüber, was geschnitten werden soll, ist letztendlich genauso wichtig wie die Sorge darüber, was drin bleiben soll.

Berührungsziele brauchen Raum zum Atmen

Ein Layout, das während einer Designüberprüfung auf dem Laptop einer anderen Person völlig in Ordnung aussieht, übersteht nicht immer den Kontakt mit einem echten menschlichen Finger auf einem an der Wand montierten Panel. Tasten, die bequem für einen Mauszeiger geeignet sind, sind oft zu klein oder zu eng beieinander angeordnet, wenn Sie jemanden dazu auffordern, mit der Fingerspitze darauf zu tippen, insbesondere in einem belebten Ladenlokal oder in einer Lobby, wo die Leute in seltsamen Winkeln stehen und manchmal einen Kaffee in der Hand halten, manchmal mit einem Kind, das an ihrem Ärmel zieht.

Zwei Dinge sind hier wichtiger, als ihnen in der Entwurfsphase oft zugeschrieben wird. Das erste ist der konsequente Abstand um alles, was angetippt werden kann, da enge Tasten zu versehentlichem Tippen führen und versehentliches Tippen eine Art Frustration hervorruft, die sich auf einem öffentlichen Bildschirm, mit dem niemand geduldig ist, schnell verstärkt. Die zweite Möglichkeit ist die konsistente Bedeutung wiederholter Symbole auf allen Bildschirmen der Benutzeroberfläche. Wenn ein Zurück-Pfeil jemanden auf einer Seite zum Startbildschirm und auf einer anderen zur vorherigen Kategorie weiterleitet, wird diese Inkonsistenz nicht als kleiner Fehler registriert, der es wert ist, abgetan zu werden. Es wird festgestellt, dass die gesamte Benutzeroberfläche unzuverlässig ist, und die Leute verallgemeinern diesen Eindruck schnell.

Denken Sie auch daran, dass oft mehr als eine Person gleichzeitig auf den Bildschirm schaut, selbst wenn nur einer von ihnen ihn berührt – ein Kollege, der hinter jemandem steht und ein Verzeichnis durchsucht, ein zweiter Käufer, der über die Schulter blickt, ein Elternteil, der aus ein paar Metern Entfernung einem Kind dabei zuschaut, wie es einen Bildungsbildschirm durcharbeitet. Das Layout muss auch für die zweite, unbeteiligte Person lesbar bleiben, was in der Praxis meist nur eine etwas größere Schrift und eine stärkere visuelle Trennung bedeutet, als es eine Einzelbenutzeroberfläche jemals erfordern würde.

Die Bildschirmgröße ändert, was Inhalte leisten können

Die Inhaltsplanung funktioniert am besten, wenn sie erfolgt, bevor die Displaygröße festgelegt wird, und nicht erst danach, wenn die Hardware-Bestellung bereits erfolgt ist und jemand in aller Stille versucht, den Inhalt an das anzupassen, was auf dem LKW angezeigt wird. Ein 43-Zoll-Panel und ein 65-Zoll-Panel sind nicht einfach die gleiche Schnittstelle, vergrößert wie eine Fotokopierumgebung. Sie unterstützen tatsächlich unterschiedlich viele Details, bevor ein Layout entweder überfüllt oder seltsam leer wirkt.

FVASEE baut wandmontierte Touchscreen-Displays in den Größen 42 und 43 Zoll, 49 und 50 Zoll, 55 Zoll und 65 Zoll, wobei sowohl Android- als auch Windows-Konfigurationen verfügbar sind, je nachdem, was das Projekt darauf ausführen muss. Kleinere Panels verdienen ihren Lebensunterhalt in der Regel mit einer fokussierten Single-Path-Schnittstelle, die auf einer Produktlinie, einem Verzeichnis oder einer klaren Aufgabe basiert und nichts anderes um Platz konkurriert. Größere Panels bieten den physischen Raum, um Gruppenansichten oder eine größere Auswahl an Kategorien zu ermöglichen, ohne dass sich alles überfüllt anfühlt. Allerdings kann dieser zusätzliche Platz leicht verschwendet werden, wenn der Inhaltsplan nie so konzipiert wurde, dass er tatsächlich benötigt wird.

Der praktische Schritt, auf den wir bei realen Projekten immer wieder zurückgreifen, besteht darin, die eigentlichen Inhaltsseiten in die tatsächliche Panelgröße zu laden, bevor auf beiden Seiten etwas finalisiert wird. Text, der in einem Modell auf dem Laptop einer anderen Person gut lesbar ist, kann unangenehm klein ausfallen, wenn er in Augenhöhe auf einem 43-Zoll-Bildschirm in einer Lobby montiert wird. Ein Layout, das für eine 65-Zoll-Leinwand entworfen wurde, kann seltsam spärlich wirken, wenn es stattdessen auf ein 49-Zoll-Panel gequetscht wird. Durch das Testen realer Seiten auf echter Hardware während der Musterphase werden die meisten dieser Probleme erkannt, solange sie noch kostengünstig zu beheben sind. Das ist besser als sie zu beheben, nachdem die Panels bereits an einer Wand in einem anderen Gebäude montiert sind.

Vom ersten Entwurf zur funktionierenden Oberfläche

Nichts davon ergibt ein universelles, korrektes Layout, das überall gilt, und wir wären ehrlich gesagt ein wenig misstrauisch gegenüber jemandem, der behauptet, es gäbe eines. Ein Ausstellungsraum, ein Hotel-Lobby-Verzeichnis und ein Klassenzimmerdisplay werden am Ende unterschiedliche Menütiefen, unterschiedliche Textmengen auf dem Bildschirm und unterschiedliche Gründe für die Verwendung oder das bewusste Überspringen eines Split-Screen-Layouts haben. Was sie gemeinsam haben, ist keine gemeinsame Vorlage. Es handelt sich um einen gemeinsamen Ausgangspunkt: Herausfinden, was die Person, die vor dem Bildschirm steht, tatsächlich tun wollte, und die Menüstruktur auf dieser Realität aufbauen, anstatt sich darauf zu konzentrieren, wie der Inhalt zufällig bereits irgendwo in einer Tabelle im Büro organisiert ist.

Der Bildschirm selbst sorgt für den Platz, die Helligkeit und die Berührungsreaktion. Ob irgendjemand es nach der Installation tatsächlich nutzt, hängt davon ab, was darauf enthalten ist und ob dieser Inhalt die Menschen dort trifft, wo sie sich bereits befinden, und nicht dort, wo das Organigramm oder die Produktdatenbank stillschweigend vermutet haben, dass sie sich aufhalten würden.