7 Tipps zum Entwerfen für übergroße Touchscreens

Touchscreens sind überall. Aber sie sind nicht nur auf Ihren Handys und Tablets. Das Entwerfen für übergroße Versionen von Touchscreens - denken Sie an Desktop-Computer und größer - kann eine einzigartige Reihe von Herausforderungen darstellen.

Wie entwirfst du für etwas so Großes, wenn du es so gewohnt bist, über Daumenbereiche für das Bildschirmdesign nachzudenken? Hier finden Sie eine Anleitung zum Nachdenken über übergroße Touchscreens und zum Erstellen von Elementen, mit denen Benutzer auf einer noch größeren Touchskala interagieren.

Entdecken Sie Envato-Elemente

1. Verwenden Sie natürliche Gesten

Es gibt einen Grund, warum „nach rechts wischen“ und „nach links wischen“ so beliebt sind - es sind natürliche Handbewegungen und Gesten.

Swipes sind möglicherweise etwas übertriebener als auf einem kleineren Bildschirm

Berücksichtigen Sie bei übergroßen Bildschirmen mehr als nur Fingeraktionen. Denken Sie an die ganze Hand. Die meisten Benutzer müssen sich an robuste, größere Touchscreens wenden, da sie nicht in der Hand, sondern an einer Wand oder einem Tisch befestigt werden.

Sie möchten, dass sich der Bildschirm angenehm anfühlt, und Bewegungen sollten so nahtlos wie auf einem mobilen Gerät erfolgen. Aber denken Sie an Touch-Action. Das Wischen ist möglicherweise etwas übertriebener als bei einem kleineren Bildschirm, und das Tippen kann mit etwas mehr Druck oder Kraft erfolgen.

Das Scrollen ist etwas weniger bequem - das wiederholte Auf- und Abbewegen der Arme kann zu Müdigkeit führen -, um über Möglichkeiten nachzudenken, wie Benutzer ohne viel Auf und Ab durch den Inhalt gelangen können.

Eine weitere natürliche „Geste“, über die man nachdenken sollte, ist das Scannen der Augen. Einige übergroße Bildschirme sind zu groß, als dass der Benutzer sie auf einmal aufnehmen könnte. Design für Augenbewegungen - von oben nach unten und von links nach rechts - um sicherzustellen, dass Benutzer die wichtigsten Informationen sehen und verstehen, wie sie mit dem Design umgehen sollen.

2. Skalieren Sie Text und Grafiken

Dies geschieht nicht so oft wie es sollte - Designer müssen visuelle Elemente drastisch vergrößern, um sie auf übergroßen Bildschirmen anzuzeigen. Ein größerer Bildschirm bedeutet nicht mehr Zeug (das Gegenteil kann tatsächlich der Fall sein). Stellen Sie sich das als eine andere Benutzererfahrung vor. Inhalte, einschließlich Text und Grafiken, müssen für ein übergroßes Bildschirmdesign vergrößert werden, weil:

• Benutzer neigen dazu, aus größerer Entfernung zu interagieren und müssen dennoch Elemente sehen und unterscheiden.
• Benutzer müssen dazu verleitet werden, von weit her zu einem Bildschirm wie einem Kiosk zu gelangen.
• Benutzer müssen visuelle Hinweise sehen, die ihnen helfen, einen Bildschirm für die öffentliche Verwendung zu identifizieren.
• Bildschirmelemente müssen ohne Anweisung navigierbar und klar sein.
• Berührungsziele müssen leicht zu erkennen sein und eine offensichtliche Interaktion erzeugen.

3. Stellen Sie sicher, dass die Navigation immer zugänglich ist

Die meisten Benutzer arbeiten mit übergroßen Touchscreens aus der gleichen Denkweise wie beim ersten Besuch einer Website. Ein Design, das diese Erfahrung nachahmt, ist für Benutzer einfach zu betreten und zu interagieren.

Stellen Sie sicher, dass die Navigation nicht unterbrochen wird, wenn auf andere Inhalte zugegriffen wird.

Erstellen Sie für diese Geräte ein Navigationsmuster, auf das immer zugegriffen werden kann. Verwenden Sie ein Format, das allgemein akzeptierten Website-Mustern ähnelt, z. B. am oberen Bildschirmrand oder in einer Seitenleiste.

Stellen Sie sicher, dass die Navigation nicht unterbrochen wird, wenn auf andere Inhalte zugegriffen wird. Während das Design des Startbildschirms möglicherweise nur große Navigationsschaltflächen ohne ein traditionelles Navigationsmenü enthält, sollten alle anderen Bildschirme zur Vereinfachung der Verwendung das traditionellere Navigationsformat haben.

Versuchen Sie, typbasierte Eingaben auf diesen Bildschirmen so gering wie möglich zu halten. Tastaturen können umständlich und langsam sein und erfordern zusätzliche körperliche Anstrengungen des Benutzers. Wenn Sie jedoch über tastaturbasierte Eingaben verfügen, fügen Sie der Navigation einen Tastaturumschaltbefehl hinzu, damit Benutzer die Tastatur bei Bedarf problemlos ein- und ausblenden können.

4. Erstellen Sie nicht zu viele Auswahlmöglichkeiten

Je größer der Bildschirm, desto überwältigender die Auswahlmöglichkeiten. Stellen Sie sich Schaltflächen und Interaktionen als ein Spiel von diesem oder jenem vor, bei dem Benutzer jeweils eine Entscheidung treffen müssen. Der Trick dabei ist, dass sie zwischen zwei Elementen wählen.

Eine der schönen Erkenntnisse aus diesem Konzept ist, dass Sie damit das Design vereinfachen können. Mit nur zwei Auswahlmöglichkeiten pro Bildschirm werden Designelemente und visuelle Unordnung reduziert, wodurch eine benutzerfreundlichere Oberfläche entsteht.

Stellen Sie beim Entwerfen der Auswahl sicher, dass die Aktion gleichermaßen klar ist. Wie wählt ein Benutzer dies oder das aus? Die Tasten sollten offensichtlich und groß genug sein, um sich leicht berühren zu können. Verwenden Sie eine kleine Animation, um den Blick auf interaktive Elemente oder die beliebtere Benutzerauswahl zu lenken.

Vereinfachte Auswahlmöglichkeiten sind auch aufgrund der Größe des Bildschirms wichtig. Denken Sie daran, dass sich der gesamte Bildschirm möglicherweise nicht immer im Sichtfeld eines Benutzers befindet, was die Auswahlmöglichkeiten an sich einschränken kann. Wenn Sie die Auswahl im Voraus optimieren, müssen Sie sich keine Sorgen machen, dass die Umgebung die Benutzeroptionen für Sie eliminiert.

5. Datenschutz berücksichtigen

Nur weil ein Benutzer an einem öffentlichen Ort auf einen Kioskbildschirm zugeht, bedeutet dies nicht, dass diese Person möchte, dass jeder weiß, was er oder sie tut.

Beachten Sie, dass je größer der Bildschirm ist, desto wahrscheinlicher ist es, dass andere sehen können, was der Benutzer tut. Dies ist eine wichtige Überlegung, wenn Sie auf einem Touch-Display nach vertraulichen Informationen oder Daten fragen möchten.

Um dem entgegenzuwirken, enthält ein berührungsbasiertes Design häufig kleinere Popup-Felder für Formulare oder Dateneingabe, sodass Inhalte aus der Ferne nicht so sichtbar sind.

6. Trennen Sie die Verbindung zum Web

Dies ist möglicherweise das wichtigste Designproblem bei übergroßen Touchscreens - sie müssen mit und ohne Internetverbindung arbeiten.

Denken Sie darüber nach: Viele übergroße Bildschirme befinden sich an öffentlichen Orten oder kleinere Bildschirme wie bewegliche Kioske oder große Tablets sind tragbar. Dies kann sich auf den Zugang zum Internet auswirken und darauf, ob eine Verbindung funktioniert oder nicht. Das Design muss funktionieren, auch wenn es nicht angeschlossen ist.

Stellen Sie sicher, dass alle Tools zum Ausführen des Entwurfs, von JavaScript über Schriftbibliotheken bis hin zur Datenerfassung, lokal gespeichert sind.

7. Design-Schaltflächen für offensichtliche Interaktion

Das Design muss den Benutzern zeigen, wie sie mit dem Bildschirm interagieren können. Nicht jeder Benutzer erkennt auf den ersten Blick sofort einen Touchscreen.

Verwenden Sie visuelle Hinweise wie Animationen und Schaltflächen, um Benutzer durch den Prozess zu führen.

Verwenden Sie visuelle Hinweise wie Animationen und Schaltflächen, um Benutzer durch den Prozess zu führen. Die meisten übergroßen Bildschirme sind ein einmaliger Interaktions- oder Kontaktpunkt für Benutzer, und jede Benutzeroberfläche ist etwas anders. Je einfacher Sie die Verwendung mit allgemeineren Elementen gestalten können, desto wahrscheinlicher ist es, dass Benutzer sich mit dem Design befassen.

Viele Designs enthalten Bildschirmbereiche, die bei Berührung vollständig aktiviert werden, z. B. ein Startbildschirm. Fügen Sie eine Schaltfläche hinzu, um die Interaktion trotzdem aufzurufen. Es nimmt nichts vom Design und erklärt den Benutzern, wie das Gerät zu bedienen ist.

Verwenden Sie beschreibende Mikrokopien wie "Zum Starten hier berühren", um Benutzer durch den Prozess zu führen. Obwohl diese Elemente zu offensichtlich erscheinen mögen, ist die Verwendung einer Benutzeroberfläche nicht immer für alle Benutzer selbstverständlich. Mach es einfach.

Fazit

Erfordern Ihre Designprojekte die Verwendung übergroßer Bildschirme? Sie werden überall immer beliebter. Selbst wenn Sie noch kein solches Projekt hatten, besteht die Möglichkeit, dass Sie in Zukunft eines bekommen.

Während die meisten Designprinzipien mit denen anderer schnittstellenbasierter Designs identisch sind, kann das Anpassen der Größe und des Maßstabs großer Bildschirme für viele Designer unangenehm sein. Wenn Sie diese Bildschirme in der Öffentlichkeit sehen, sollten Sie anhalten und mit ihnen interagieren, um zu sehen, welche Designelemente und Interaktionen Sie ansprechen.