web-development-kb-eu.site

Gibt es gute Ressourcen zum Entwerfen von Touchscreen-Oberflächen?

Ich spreche nicht über Telefone oder iPads oder andere "Gadgets". Ich spreche von Anwendungen wie Kiosksystemen (POI - Point of Information/Info Terminals) oder HMI (Human Machine Interface). Alle UI-Bücher scheinen sich mit Tastatur- und Mausschnittstellen zu befassen ...

19
EricSchaefer

Das Entwerfen gestischer Schnittstellen von Dan Saffer ist ein guter Anfang mit einigen Grundlagen. Ich arbeite seit über einem Jahr an einem groß angelegten POI-System für ein Postunternehmen. Außerdem haben wir zahlreiche Benutzer-/Usability-Tests durchgeführt, die sich stark von Ihrer regulären Webanwendung oder Website unterscheiden. Ich denke für mich gab es 3 oder 4 Hauptunterschiede:

1) Größe und Abstand (die Spitze Ihres Fingers ist viel größer als Ihr Cursor)

2) Blockieren der Ansicht der unteren/rechten Ecke. Die meisten Menschen sind Rechtshänder und blockieren einen großen Teil des Bildschirms mit der Hand, wenn sie irgendwo in der oberen linken Ecke beginnen. In einer Touchscreen-App möchten Sie jedoch häufig den gesamten verfügbaren Platz nutzen, um ein Problem für einige wichtige Funktionen zu verursachen außer Sicht geraten.

3) Regelmäßiges Scrollen ist oft zum Kotzen. Die Sprache tut mir leid, aber die Technologie, die für größere Touchscreen-Displays in Kombination mit verschwitzten Händen und schmutzigen Bildschirmen verwendet wird, macht es für Leute ärgerlich, ihren Finger auf einen Bildschirm zu legen und zu versuchen, eine Bildlaufleiste nach unten zu ziehen. Versuchen Sie also, dies zu vermeiden.

4) Kontrast/Reflexion. Die Bildschirme befinden sich häufig an Orten, an denen direktes Sonnenlicht oder künstliches Licht direkt auf sie gerichtet ist. Wählen Sie daher ein Farbschema, das in diesen Situationen noch lesbar ist. Wir haben tatsächlich mehrere Farbkombinationen in schlechten Lichtsituationen getestet, um herauszufinden, was für die meisten Menschen am besten funktioniert. Denken Sie bei POIs daran, dass einige Leute 9 - 5 5 Tage die Woche mit ihnen arbeiten müssen ...

11
Pieter

Ich habe mich ein bisschen umgesehen und die folgenden Artikel/Websites gefunden. Beachten Sie, dass ich kein Experte auf diesem Gebiet bin und nicht weiß, ob diese wertvoll sind.

  1. http://ui4all.ics.forth.gr/UI4ALL-97/maguire.pdf
  2. http://www.proace.com/2010/01/26/interface-design-for-desktop-touch-screens/
4

Ich bin mir nicht sicher, welche Ressourcen diesbezüglich zur Verfügung stehen, aber ich denke, Sie können möglicherweise einige Best Practices entsprechend unseren Kenntnissen über Touchscreen-Benutzeroberflächen ändern.

mit einem Touchscreen ist es beispielsweise einfacher, mit dem Finger auf ein Symbol zu zielen und darauf zu klicken als mit der Maus (vorausgesetzt, das Symbol ist groß genug, um Ihren Finger hinein zu passen). Es ist auch schwieriger, auf einem Bildschirm zu tippen als mit einer Tastatur. Daher sollten Sie wahrscheinlich ein Raster von Symbolen bevorzugen, möglicherweise unter einigen großen Registerkarten, anstatt etwas eingeben zu müssen.

So einfach es ist, ein Ziel mit dem Finger zu treffen, so ungeschickt ist es auch, mit dem Finger eine Benutzeroberfläche zu steuern, sobald Sie dieses Ziel erreicht haben. Beispiele hierfür sind Bildlaufleisten, Hervorheben von Text, Klicken auf sehr kleine Elemente usw. Einige Dinge, die Sie beachten sollten, sind, dass Ihre Benutzer zwar gut darin sind, ihren Finger auf einen Punkt auf dem Bildschirm zu lenken, es jedoch schwierig ist, die Dinge unter diesem Finger zu manipulieren, insbesondere wenn sie viel kleiner sind und vollständig von ihm verdeckt werden .

Ich denke, wenn Sie nur darüber nachdenken, wie ein Touchscreen über Maus und Tastatur gewinnt und verliert, können Sie der Marke ziemlich nahe kommen. Leider gehen mir die Details der Perfektionierung einer Touchscreen-Oberfläche verloren.

3
Carson Myers

Sie können sich jederzeit an einige der Anbieter wenden, die diese Anzeigen erstellen und erstellen, und sie fragen, auf welche Ressourcen sie Sie möglicherweise verweisen. Es besteht eine gute Chance, dass es schwierig sein wird, etwas aus ihnen herauszuholen, aber es besteht auch eine gute Chance, dass Sie, wenn Sie genug graben, einige sehr wertvolle Erkenntnisse finden.

Eine schnelle Google-Suche hat diese Leute aufgedeckt: http://www.griffinchaseoliver.com/

Sie könnten jemandem dort drüben eine E-Mail schreiben oder ihn sogar anrufen und einfach "Informationen sammeln".

2
Joel Glovier

Ich habe diese Frage vor ungefähr 4 Jahren selbst gestellt, als ich einen UX-Designjob für einen Touchscreen-Kiosk begann. Ich konnte in Büchern und Websites, die dem Website-Design gewidmet waren, nur eine vorübergehende Referenz finden. Seitdem habe ich einfachen alten gesunden Menschenverstand interpoliert, getestet und verwendet, um meine eigenen Best Practices zu entwickeln. Ich habe auf meiner Portfolio-Site einen Blog zu diesem Thema gestartet. Bitte schauen Sie vorbei und kontaktieren Sie mich, wenn Sie spezielle Fragen haben. Viel Glück!

Blog über Touchscreen-Kiosk-Design

Update - Ich habe die oben verlinkte maguire.pdf überprüft. Es enthält einige nützliche Informationen zu Kiosken, aber nur etwa die Hälfte davon bezieht sich auf das Interface-Design. Der Rest dreht sich mehr um Standort und Maschinendesign. Ich würde den meisten Vorschlägen für das Interface-Design zustimmen, aber nicht der Verwendung von Flags für die Sprachauswahl. Ich habe ein Internationalisierungsprojekt für einen Kiosk durchlaufen und glaube mir, dass dies keine politische Dose Würmer ist, die Sie öffnen möchten. Halten Sie sich an Schaltflächen, die die Sprache in der Muttersprache anzeigen. Die Benutzer wissen, was es bedeutet.

2
JK Hudson

Ich empfehle Brave NUI World: Entwerfen natürlicher Benutzeroberflächen für Berührung und Geste von Daniel Wigdor und Dennis Nixon.

Beispielkapitel:

2
Karl Fast

Ich denke, die Hardware-Spezifikation/Technologie sollte auch beim Entwerfen der Benutzeroberfläche für Touchscreen berücksichtigt werden. Reagiert der Touchscreen ausreichend, ist er klebrig, funktioniert er mit Handschuhen usw.

Einige Technologien sind von Natur aus nicht für bestimmte Interaktionen geeignet. Zum Beispiel registriert ein resistiver Touchscreen Berührungen über Druck, was bedeutet, dass es wahrscheinlich am besten ist, Schleppaktionen zu vermeiden, da es für den Benutzer möglicherweise schwierig ist, einen konstanten Druck aufrechtzuerhalten.

Ich bin gespannt, ob jemand weiß, welche Technologie am schnellsten reagiert. Der Hardwarehersteller scheint sich hauptsächlich auf die Zuverlässigkeit zu konzentrieren, nicht so sehr auf die Leistung.

1
pixelfreak

Ich war kürzlich an einer industriellen HMI-Schnittstelle beteiligt, die ich als Proof of Concept erstellt habe, und aufgrund der Art des Geschäfts unserer Kunden ist Sicherheit von entscheidender Bedeutung. Wenn Sie eine HMI-Schnittstelle für einen Verkaufsautomaten bereitstellen, ist das Risiko eindeutig nicht so groß wie bei der Erstellung von HMI für schwerindustrielle Anwendungen oder eines Chemie-/Kernkraftwerks.

Wenn Sie an letzterem arbeiten, müssen Sie meiner Erfahrung nach eine detaillierte Risikobewertung und Analyse der Bedienerumgebung durchführen und alle möglichen Fehlermöglichkeiten untersuchen.

Wenn es hilft, finden Sie hier einen kurzen Überblick über einige der wichtigsten Bereiche, die wir untersucht haben:

  1. Kommunikationsfehler - In unserem Fall ersetzt das HMI eine ältere serielle Tastatur durch Tasten, die von einer Alarmsoftware beleuchtet werden können, die mit der Anlage interagiert. Wie geht die Software mit Kommunikationsfehlern um? Die Kommunikation erfolgt in beide Richtungen. Die vom HMI übertragenen Tastendrücke beleuchten die an das HMI gesendeten Anweisungen.
  2. Touchscreen Fehler/Probleme - Totalverlust, fehlerhafte Eingabe (Fehlklick, Kalibrierung, Doppelklicks, Drags usw.).
  3. Stromausfall - Dienstausfall, System wird nicht wiederhergestellt.
  4. Konstruktionsfehler - Ungültige Verwendung von Kommunikationsprotokollen, Tastaturcodes, falschen Tastenbeschriftungen, falscher Farbbeleuchtung, fehlender Dokumentation für das vorhandene System, Codierungsfehler usw.
  5. Menschliches Versagen/menschliche Faktoren - Darstellung von beleuchteten und nicht beleuchteten Tasten auf einem TFT-Bildschirm (nicht einfach, wie Sie vielleicht denken, wenn Sie verschiedene Farben sowohl im beleuchteten als auch im nicht beleuchteten Zustand darstellen müssen), Hygiene, Schmutz auf dem Bildschirm, kann ein Bildschirm Wird während des Gebrauchs gereinigt, funktioniert die Touchscreen-Funktion, wenn der Bediener Handschuhe oder Prothesen hat, Hände/Handgelenke auf dem Touchscreen ruhen, Betrachtungswinkel, Auflösung des Displays, Tastengröße, fehlende Tastenmechanik auf einem Touchscreen, Audio- und visuelles Feedback beim Drücken der Taste , Operator 'spielt', z Versuch, Gerät/Betriebssystem neu zu konfigurieren, böswilliger Schaden.
  6. Softwareprobleme - Speicherverlust, Fehler in Software/Betriebssystemen von Drittanbietern, Leistung, Sicherheit (Viren, Würmer usw.), Systemfehler (BSOD, blockiertes System usw.), Popup-Dialogfelder, Systemstart ohne angeschlossene Tastatur.
  7. Hardwarefehler - CMOS Batteriefehler, System startet nicht, Festplattenfehler, Ausfall anderer Hardwarekomponenten.
  8. Umwelt - RFI, H & V, Störung der vorhandenen Verkabelung unter Kontrolle bei der Installation eines neuen Systems, Überlastung der Netzteile, Qualität der Netzteile.
1
Bryan