Das Fahren eines Ozeanerkundungsschiffs oder eines Marserkundungsshuttles ist eine ernste Angelegenheit. Es ist zu hoffen, dass das Dashboard von höchster Qualität ist. Zwei Stacheln mit einer Neigung von 45 °, ein übliches Lego-Stück "2x2 dekorierte Neigung" ist die Schnittstelle dieses Spielesets und verbindet es mit dem Äußeren.
Diese ikonischen Grafiken mit niedriger Auflösung sind das perfekte Werkzeug, um die Grundlagen des Interface-Designs zu erlernen. Bewaffnen wir uns mit 52 Bausteinen und sehen, was sie uns über Design, Layout und Organisation komplexer Schnittstellen beibringen können.
Willkommen in der Welt von Lego Custom Experience.
Organisiertes Chaos
Auf den ersten Blick kann die Vielfalt der Bilder verwirrend sein, aber es wird schnell klar, dass einige der Schnittstellen etwas chaotischer aussehen als andere. Die meisten Schnittstellen in der realen Welt sind eine Mischung aus digitalen Bildschirmen und analogen Eingabegeräten wie Schaltern und Wählscheiben. Lego-Panels folgen dem gleichen Prinzip.
Wenn Sie die Bedienfelder auf zwei Achsen platzieren, "chaotisch organisiert" (von unten nach oben) und "Bildschirm-zu-Vollbild-kein Bildschirm" (von links nach rechts), erhalten Sie mehrere separate Cluster. Oben links werden Bildschirme mit einer Reihe von Schaltflächen angezeigt. Oben rechts befindet sich eine kleine Gruppe hochorganisierter Schalttafeln. Im unteren Bereich des Zentrums befinden sich ungewöhnliche Konzepte, die schwer zu verstehen sind.
Die Entwicklung einer komplexen Maschinenschnittstelle ist ein Zusammenspiel vieler verschiedener Faktoren, von der Ergonomie bis hin zu technischen Überlegungen. Wir können dieses Problem jedoch in zwei Schlüsselfragen aufteilen:
- Wie unterscheiden Sie die Funktionen verschiedener Eingabegeräte?
- Wie organisieren Sie mehrere Ein- und Ausgabegeräte, damit ihre Beziehung klar ist?
Schauen wir uns die Antworten auf diese Fragen in Lego genauer an.
Unterscheidungsgeräte unterscheiden
Warum sollten 400 Piloten während des Zweiten Weltkriegs kurz vor der Landung damit beginnen, das Fahrwerk eines B-17-Bombers zu entfernen ? Ist das ein katastrophaler menschlicher Fehler oder etwas grundlegenderes?
Der Psychologe Alfonis Chapanis schlug als erster vor, dass eine große Anzahl erfolgloser Landungen auf eine schlecht gestaltete Benutzeroberfläche zurückzuführen sein könnte. Das Fahrwerk und die Klappensteuerknöpfe befanden sich nebeneinander und hatten die gleiche Form. Die Piloten hatten einfach keine Chance.
Bauch B-17 und Formcodierung von Funktionen, die Probleme vermeiden
Seine vorgeschlagene vorübergehende Lösung bestand darin, Gummistreifen unterschiedlicher Form an jeden der Griffe zu kleben, damit Sie das Flugzeug durch Berühren steuern können. Infolgedessen wurde die Idee der Codierung nach Form geboren, und das Differenzierungssystem wird bei der Konstruktion von Flugzeugkabinen immer noch angewendet.
Vergleichen wir die drei unten gezeigten Schnittstellen, um zu sehen, wie dies funktioniert. Ignorieren Sie das allgemeine Layout der Elemente - für uns sind vorerst einzelne Schaltflächen wichtig. Stellen Sie sich vor, Sie versuchen, einen von ihnen zu tappen, ohne hinzusehen. Wenn Sie mit dem linken Feld "Neigung 45 2 x 2 mit 12 Tasten" arbeiten, benötigen Sie eine präzise Hand-Auge-Koordination. Im rechten Bereich, Aircraft Multiple Flight Controls, wird klar zwischen Steuerknüppeln (vertikale Bewegung in einer geraden Linie), Schaltern (runde vertikale Kippschalter) und Tasten (Quadraten) unterschieden.
Von links nach rechts: Hässliche, schlechte und nicht schlechte Unterscheidung zwischen Kontrollen
Eine solche Unterscheidung ist bis heute ein ernstes Problem. Ford rief 2015 13.500 Frequenzweichen zurückLincoln MKC, weil Fahrer, wenn sie auf der Autobahn mit hoher Geschwindigkeit fahren, versehentlich versehentlich den Motor abstellen, während sie versuchen, den Sportmodus zu aktivieren. Kannst du verstehen, warum das passiert ist?
Ford Lincoln MKC-Bedienfeld vor dem Starten / Stoppen des Motors.
Das Codieren einer Funktion nach Form ist ein Ansatz zur Differenzierung, aber es gibt auch andere. In unserem Alltag hören wir nur von Farbcodierung. Es gibt aber noch andere: Kodierung nach Größe, Textur, Ort und Arbeitsweise. Alle diese sechs sind unsere Verbündeten beim Entwurf fehlersicherer Schnittstellen.
Sechs grundlegende Methoden zum Codieren einer Funktion. Beachten Sie, dass einige der bereitgestellten Beispiele mehrere Codierungsoptionen gleichzeitig verwenden.
Von links nach rechts, von oben nach unten: Größe, Form, Farbe, Textur, Ort, Arbeitsweise.
Es basiert auf Methoden zum Codieren von Größe, Farbe und Form - mit denen Sie viele Schnittstellenprobleme schnell lösen können. Die Textur eignet sich auch hervorragend für Blindarbeiten - insbesondere bei flachen Spinnern zur Feinabstimmung.
Layout-Codierung scheint eine offensichtliche Sache zu sein, wird aber oft nicht in vollem Umfang genutzt. Geräte mit einer offensichtlichen ergonomischen Form (wie ein Fernglas oder ein Gamecontroller) können die natürliche Position der Hände verwenden, um zwischen primären und sekundären Aktionen zu unterscheiden.
Schließlich weist die Arbeitscodierung verschiedenen Eingabegeräten unterschiedliche Bewegungsarten zu (z. B. Schwenken oder vertikales Gleiten). Dieser Ansatz kann hervorragend funktionieren, wenn die Art der Bewegung des Eingabegeräts mit der von ihm gesteuerten Operation übereinstimmt. Beispielsweise hebt ein Kran eine Last an, wenn ein Hebel angehoben wird.
Sechs verschiedene Codierungsarten in Lego-Oberflächen (von links nach rechts, von oben nach unten): Größe, Form, Farbe, Textur, Position, Arbeitsweise.
Die Differenzierung ist ein guter erster Schritt, um benachbarte Schalter nicht zu verwechseln. Nur eine gute Organisation der Eingabegeräte ermöglicht es uns jedoch, dem Benutzer klare und präzise mentale Modelle von Schnittstellen zu vermitteln.
Organisation von Eingabegeräten
Vergleichen Sie die folgenden drei Felder. Das Layout der Steuerelemente ist identisch, aber der blaue Balken sieht viel klarer aus als der weiße. Die Prinzipien der Gestalt wirken hier und kombinieren verwandte Einheiten in einem Bereich.
Grundlegende Differenzierung nach der Gruppierungsmethode
Ganz einfach. Aber wie entscheiden wir, welche Eingabegeräte gruppiert werden sollen?
Ich benutze gerne sowjetische Kontrolltafeln als Ausgangspunkt . Diese wunderschönen Wände aus sinnlosen Drehungen und Wendungen werden lebendig und in riesigen Fabrikplänen organisiert. Es wäre schwierig, sich eine wörtlichere Organisation von Informationen vorzustellen.
Ich würde solche Panels eine konsolidierte Schnittstelle nennen. Alle Eingabe- und Feedbackelemente werden auf einem Panel gesammelt. Dieser Ansatzwählte Dyson für sein Auto . Stellen Sie sich nun das entgegengesetzte Beispiel vor: Wir haben alle diese Schalter und Lichter an die tatsächlichen Ventilpositionen im Werk gebracht. Klingt lächerlich - diese Lüftungsgitter des Audi TT zeigen jedoch, dass der verteilte Ansatz auch für Benutzer von Vorteil sein kann. Ich habe letztes Jahr ausführlich über verteilte Schnittstellen geschrieben.
Lego-Autopaneele: verteilte Schnittstelle (links) versus konsolidierte (rechts)
Kehren wir zu den sowjetischen Fabriken zurück. Ihre Schnittstellenfelder beantworteten hervorragend die Frage "Lässt dieses Ventil Wasser in das Reservoir B gelangen?" Sie waren jedoch völlig ungeeignet, um eine Antwort auf eine Frage wie "Sind alle Wasserventile geschlossen?" Zu finden. oder "Wo sind alle Schalter, die ich zur Vorbereitung des Schaltgetriebes benötige?"
Lego verwendet den sowjetischen Ansatz für fantastische Panels , da der Schaltplan das mentale Modell der Funktionsweise des Systems eines anderen perfekt vermittelt. Für den täglichen Gebrauch gibt es jedoch mehrere andere, bequemere Ansätze.
Legos Insectoid- und UFO-Schnittstellen. Ich frage mich, wofür genau diese Tasten verantwortlich sind.
Die beliebteste Designphilosophie, die wahrscheinlich als „Standardphilosophie“ bezeichnet werden kann, ist die auf Funktionalität basierende Organisation. Gruppieren Sie alle Ein- und Ausgabegeräte für jedes Produktmerkmal. Das nächste Coronavirus-Beatmungsgerät von Cambridge Consultants wird ein gutes Beispiel für diesen Ansatz sein. Dies wird jedoch häufig auch in Autos beobachtet, wenn Sätze von Eingabegeräten für die Beatmungssteuerung gruppiert und alle Bedienelemente an den Seitenlichtern an einem Hebel angebracht werden.
Coronavirus-Beatmungsgerät von Cambridge Consultants mit einer klaren funktionalen Organisation.
Durch eine Organisationsmethode werden alle Schalter, die auf eine bestimmte Weise funktionieren, an einem Ort platziert. Ich habe keine Ahnung, wofür all diese Ventile auf dem Foto gedacht sind, aber ich wette, dass nicht alle verwandte Dinge öffnen. Jedes Mal, wenn Sie eine Reihe von Schaltern sehen, die gleich aussehen und funktionieren, aber unterschiedliche Teile des Systems steuern, werden Sie mit einer Arbeitsweise konfrontiert.
Die meisten Schnittstellen sind heutzutage im Wesentlichen Fly-by-Wire-SteuerungssystemeIn der Vergangenheit hat der Hebel, den Sie beispielsweise in der Traktorkabine gezogen haben, die Hydraulikkolben unter dem Sitz bewegt. Das Auflösen all dieser verschiedenen elektrischen, mechanischen und hydraulischen Systeme kann die Schnittstellengruppierung ernsthaft beeinträchtigen und zu einer Technologieorganisation führen.
Das moderne Äquivalent dieses Ansatzes ist überraschend häufig. Es wird von jedem Touchscreen verwendet, neben dem sich Schaltflächen befinden. In Zukunft platziert SpaceX diese physischen Steuerelemente möglicherweise direkt neben den Informationen, auf die sie sich auswirken, aber im Moment sitzen sie unbeholfen neben dem Bildschirm, als ob sie sollten. Bob und Doug in der SpaceX Dragon-Kapsel
In Lego treffen wir auf eine funktionsbasierte Organisation im Monitor mit einem Musterfenster von -19 °. Zwei explizite Gruppen von Kontrollen - möglicherweise zur Temperaturkontrolle und zur Verfolgung der Vitalfunktionen. Ich weiß nicht, was all diese Schalter im zweiten Bereich tun, aber sie sind klar nach Funktionsweise und nicht nach Funktionalität gruppiert.
Es gibt viele Lego-Panels mit der gleichen Technologie-Trennung wie in der SpaceX Dragon-Kapsel, aber ich möchte mir vorstellen, wie diese Polizeieinheit aus den frühen 90er Jahren die Audio- und Videowiedergabe trennen musste, da die neue Rolle-zu-Rolle-Technologie nicht mit einer analogen Telefonleitung kompatibel war. Hier arbeitet eine Technologieorganisation.
Von links nach rechts: Organisation nach Funktionalität, Funktionsweise, Technologie und Situationen
Bisher waren alle unsere Ansätze - Organisation nach Funktion, Betriebsmethode oder Technologie - an die Eigenschaften des Systems gebunden, nicht an den Benutzer. Eine Alternative dazu besteht darin, nach Anwendungsfällen zu organisieren - Gruppierung nach den täglichen Aufgaben des Benutzers.
Stellen Sie sich vor, Arbeiter kommen jeden Morgen in eine Lego-Fabrik, um Menschen zu scannen. Das Gruppieren von Steuerelementen nach Aufgaben (Vorbereiten des Fahrzeugs, Laden der Karosserie, Starten des Scans) impliziert die Trennung der Bestrahlungs- und Scannertasten in vielen Bereichen des Bedienfelds. Für einen Computer wird es schwieriger, für einen Bediener jedoch bequemer. Nur der Entwickler und die Benutzer entscheiden, was für sie am besten funktioniert.
Aber welche Schnittstelle ist besser?
Ich sage oft, dass es keine bessere Schnittstelle geben kann, aber es gibt viele Beispiele für die schlechtesten Schnittstellen.
Ich habe jedoch drei Lieblingsbeispiele. Schönes und visuell verständliches Layout der Bedienelemente mit guter Differenzierung der Eingabegeräte und einfacher, klarer Organisation. Ich würde stolz an jeder dieser Konsolen sitzen:
