it-swarm.com.de

Wie kann eine Benutzeroberfläche berührbar aussehen?

Ich entwerfe eine berührbare Oberfläche. Es ist ein Nicht-iPad/iPhone für jedes Handy mit berührbarem Bildschirm.

Wenn Sie also einen großen Bildschirm sehen, woher wissen Sie, ob dieser berührbar ist?

  1. Ein Video zeigen, in dem erklärt wird, wie man es benutzt? Mit einem großen Text: "Berühren Sie den Bildschirm, um zu starten ..."

  2. Ein großer Knopf mit einem Text darin: "Fass mich an!"

Ideen?

12

Die besten Beispiele, die ich gesehen habe, verwenden Handzeichen für Berührungsgesten, ähnlich wie diese:

http://graffletopia.com/stencils/587

In Zeiten der Anwendungsruhe, in denen die App nicht verwendet wird, kann der Startbildschirm einem einfachen Berührungssymbol gewidmet werden, das sich auf dem Bildschirm bewegt und auf eine ausgewählte Schaltfläche klickt/blinkt. Es werden jedoch keine weiteren Maßnahmen ergriffen , bis der Benutzer tatsächlich die Taste berührt, um fortzufahren. Das sollte den Benutzer dazu verleiten, es auszuwählen.

13

Ich habe Apps gesehen, die dies auf interessante Weise getan haben: Sie lassen das wichtigste Element alle paar Sekunden wackeln, bis Sie es berühren (z. B. eine Handlungsaufforderungstaste). Wenn es ziehbar ist, können Sie 3D-Punkte (oder wie auch immer sie genannt werden) darüber platzieren und ein Quadrat bilden, wie einige Elemente, die Sie im Betriebssystem sehen.

8
Mashhoor

Ich stimme Jonathan zu. Im Fall einer begehbaren Touchscreen-Benutzeroberfläche ist eine statische oder animierte Darstellung einer Hand, die einen weichen Knopf berührt, eine gute Einführung. Nach dem Intro-Bildschirm sollten die nachfolgenden Bildschirme berührbar aussehende Elemente in einer einheitlichen visuellen Sprache mit der Soft-Taste oder Grafik im Intro-Bildschirm haben.

Ein Textetikett mit der Aufschrift "Touch Me" oder "Touch to start" scheint eine naheliegende Lösung zu sein, es sei denn, das Produkt wird von Zielgruppen verwendet, die eine andere Sprache sprechen. Dies sollte immer berücksichtigt werden, insbesondere im Fall einer öffentlichen Kiosk-Benutzeroberfläche.

Wenn Ihre Benutzer keine Technikfreaks oder ältere Erwachsene sind, würde ich mich nicht zu sehr darauf verlassen, was in mobilen Touchscreen-Geräten getan wird. Ich stimme Andrew zu, dass Sie untersuchen sollten, was auf Geldautomaten, Redbox usw. getan wird, die speziell für ein breites Publikum entwickelt wurden, das es eilig hat.

Die berührbaren Bereiche des Bildschirms wie Tasten der realen Welt aussehen zu lassen, scheint eine offensichtliche interaktive Steuerung für Jung und Alt zu sein. Vielen Dank an Tom für Ihren Referenzlink in meinem Blog: Design für wahrgenommene visuelle Erschwinglichkeit . Die Zielgruppen einer Benutzeroberfläche haben normalerweise nicht die Zeit, sie zu erkunden oder zu lernen, wie dies bei einer Anwendung oder sogar einer Website der Fall ist. Die Benutzeroberfläche des Kiosks muss sofort offensichtlich, intuitiv und informativ sein. Ich denke, Sie müssen sich einen nicht lesenden 4- oder 5-Jährigen vorstellen, der versucht, Ihre Benutzeroberfläche zu verwenden, wenn Sie eine Kiosk-Benutzeroberfläche dieses Typs entwerfen.

4
user3581

Ich weiß, dass ich zu spät darauf antworte, aber wenn Sie eine allgemeine Suche nach Best Practices für das Design der Kiosk-Benutzeroberfläche (oder Self-Service-Technologie, SST, wie es auch genannt wird) durchführen, werden Sie feststellen, dass ein Bildschirm mit der Aufschrift "Zum Starten hier berühren" ist die schlechteste Vorgehensweise.

"Was anfangen?" wird die Frage an diese Benutzeroberfläche sein. Viele haben nicht die Zeit, es herauszufinden.

Der Grund dafür ist, dass es dem Benutzer nicht sagt, was er mit dem Selbstbedienungskiosk tun kann und weniger Menschen bereit sind, sich Zeit zu nehmen von ihrem normalen Weg, um den Bildschirm zu berühren, um zu sehen, was darunter liegt.

4
JeroenEijkhof

Haben Sie sehr große Knöpfe mit Schrägen und Schlagschatten. Der erste Aufruf zum Handeln sollte explizit sein. Beschriften Sie es mit "Push to start". Die nachfolgenden Schaltflächen können prägnanter sein, z. B. "Weiter" oder "Zurück".

4
JoJo

Dies hängt zusammen - Design für wahrgenommene visuelle Erschwinglichkeit . Im Wesentlichen - verwenden Sie visuelle Metaphern, wenn dies erforderlich ist, damit die interaktiven Steuerelemente berührbar aussehen - in JoJos obigem Beispiel mit Abschrägungen und Schlagschatten ist dies offensichtlich eine reale Schaltfläche, die mich sofort mit Schreien berührt! ;) Ich denke, Sie müssen sich jedoch daran erinnern, die Grenze zwischen dem Versuch, Benutzern bei der Interaktion mit Ihrer spezifischen Anwendung zu helfen, und dem Gerät selbst zu ziehen. Nehmen wir zum Beispiel das iPhone - es gibt eine Reihe gängiger Gestensteuerelemente, die keine Oberflächenelemente mit wahrgenommener visueller Leistung enthalten (z. B. Wischen, Tippen mit zwei Tasten usw.), aber jede Anwendung versucht normalerweise nicht, Benutzer darüber zu informieren Wenn Ihre Anwendung nichts außerhalb der normalen/erwarteten berührungsbasierten Interaktionen für dieses Gerät ausführt, müssen Sie dies wahrscheinlich auch nicht tun, da die Der Benutzer ist wahrscheinlich mit diesen gängigen Interaktionsmethoden vertraut. Sie sagen, dies sind mobile Touchscreen-Geräte, sodass Benutzer vermutlich wissen, dass sie den Bildschirm berühren können? Oder habe ich den Punkt verpasst?

4
Tom

Ich habe viele Kiosk-Anwendungen mit einer markanten Schaltfläche "Touch to Start" auf der Startseite/Leerlaufseite gesehen, und ja, das hat mir sehr geholfen.

Dies sagt dem Benutzer, was und wie zu tun ist - und sollte ausreichen, um dem Benutzer beizubringen, dass dies tatsächlich eine berührungsempfindliche Oberfläche ist.


Im schlimmsten Fall können Sie einen Aufkleber "Touchscreen zum Navigieren" über den Bildschirm kleben.

2
peterchen

Für mich ist es am wichtigsten, sich an das mentale Modell eines typischen Benutzers eines Touchscreen-Geräts zu halten. Wie sich das auf die Positionierung, Höhe und das Design eines Kiosks (oder was auch immer Sie herstellen) bezieht, liegt bei Ihnen. Das Wichtigste ist jedoch, ihn an die anderen Modelle von Touchscreen-Geräten (ATM, Redbox) anzupassen , etc ...) und sie werden unbewusst viel UI-Wissen einbringen.

2
Andrew Shipe