Wie man mentale Modelle in konzeptionelle Modelle für Mobile UX umwandelt

Konzeptionelle Modelle werden im HCI- und Interaktionsdesign verwendet, um Designern die Möglichkeit zu geben, Stakeholdern, Teammitgliedern und Entwicklern mitzuteilen, wie sie die mentalen Modelle der Benutzer interpretieren. Sie tragen dazu bei, dass alle am Designprozess Beteiligten verstehen, wie Benutzer mit dem Produkt oder der Dienstleistung interagieren. Hier erfahren Sie, wie Sie mentale Modelle in konzeptionelle Modelle umwandeln und wie diese Ihren Designprozess unterstützen.

Ein konzeptionelles Modell stellt visuell dar, wie ein Designer die mentalen Modelle der Benutzer versteht. Um ein konzeptionelles Modell zu erstellen, verwenden Designer Informationen aus Benutzerforschung, wie Interviews, Umfragen oder Beobachtungen. Anschließend verwenden sie diese Informationen, um visuelle Darstellungen davon zu entwickeln, wie Benutzer das System oder Produkt wahrnehmen und mit ihm interagieren. Diese Darstellungen können viele Formen annehmen, einschließlich Flussdiagramme, Diagramme, Wireframes oder Prototypen. Die Möglichkeit, konzeptionelle Modelle schnell und einfach zu skizzieren, kann beim UI-Design erheblich Zeit sparen und dabei helfen, intuitivere Anwendungen zu erstellen.

Das Folgende ist ein Beispiel für ein schlechtes konzeptionelles Modell im Zusammenhang mit dem öffentlichen Fahrradverleih. Im mentalen Modell des Benutzers besteht der erste Schritt darin, ein Fahrrad zu entsperren, sich dann anzumelden und eine Kreditkarte hinzuzufügen, um mit der Fahrt durch die Stadt zu beginnen. Allerdings bietet die App den Benutzern die Wahl zwischen einer virtuellen Schlüsselkarte und einer physischen Schlüsselkarte, was im Widerspruch zu den Zielen des Benutzers steht, da es keinen Hinweis auf etwas Physisches gibt. Diese Verwirrung kann zu Frustration und Verzögerungen bei Benutzern führen, die versuchen, schnell ein Fahrrad zu mieten und ihre Reise fortzusetzen.

Lesen Sie auch  Das erste Jahr von König Charles: Wie er mit Macht, Geld und seiner Familie umging

Ein konzeptionelles Modell respektiert frühere Erfahrungen und erweitert das mentale Modell, ohne Benutzer mit einer neuen Metapher zu schockieren, die keinen Sinn ergibt.

© Frank Spillers, Verwendung mit Genehmigung

So erstellen Sie ein effektives konzeptionelles Modell

In seiner Arbeit zu konzeptionellen Modellen hebt Professor Jeff Johnson von der University of San Francisco die folgenden Vorteile hervor:

  • Vereinfachen Sie die Benutzeroberfläche: Konzeptionelle Modelle erleichtern Benutzern die Navigation und das Verständnis der Benutzeroberfläche, indem sie eine klare und prägnante Darstellung der Funktionsweise der Anwendung bieten. Beispielsweise kann ein konzeptionelles Modell Benutzern helfen, zu verstehen, wie verschiedene Funktionen eines Textverarbeitungsprogramms zusammenhängen und wie sie zum Erstellen eines Dokuments verwendet werden können.

  • Konsistente Verwendung der Terminologie: Dies trägt dazu bei, Verwirrung zu vermeiden und macht es für Benutzer einfacher, zu verstehen, wie bestimmte Aufgaben ausgeführt werden. Wenn beispielsweise eine Fotobearbeitungs-App den Vorgang des Zuschneidens eines Bildes konsequent mit dem Begriff „Zuschneiden“ beschreibt, lernen Benutzer schnell, was das bedeutet, und können die App effektiver nutzen.

  • Beschreiben Sie Aufgaben und Ziele: Konzeptionelle Modelle sollten Aufgaben und Ziele beschreiben, ohne die spezifischen Benutzerinteraktionen offenzulegen, die zur Erreichung dieser Ziele erforderlich sind. Beispielsweise könnte ein konzeptionelles Modell für einen E-Mail-Client das Ziel des „Sendens einer E-Mail“ beschreiben, ohne die Schritte detailliert zu beschreiben, die zum Verfassen, Adressieren und Senden einer Nachricht erforderlich sind.

  • Unterstützen Sie Entwicklungsprozesse: Konzeptionelle Modelle können wertvolle Werkzeuge für Entwickler und Benutzer sein. Indem sie ein klares Verständnis dafür vermitteln, wie eine Anwendung funktionieren soll, können konzeptionelle Modelle Entwicklern dabei helfen, potenzielle Probleme oder Inkonsistenzen in ihrem Design zu erkennen.

  • Reduzieren Sie Nacharbeits- und Entwicklungsressourcen: Indem sie schließlich dazu beitragen, dass eine Anwendung von Anfang an gut gestaltet und benutzerfreundlich ist, können konzeptionelle Modelle dazu beitragen, den Bedarf an Nacharbeiten oder zusätzlichen Entwicklungsressourcen später zu reduzieren, was sowohl für Entwickler als auch für Benutzer Zeit und Geld spart.

Lesen Sie auch  Was Ugandas „Krieg“ gegen gebrauchte Kleidungsimporte für die Mode bedeutet

© Jeff Johnson, reproduziert von der Interaction Design Foundation, Fair Use

Schritte zum Erstellen konzeptioneller Modelle

  • Aufgaben identifizieren: Identifizieren Sie die Aufgaben, die Ihre Benutzer ausführen müssen. Verwenden Sie eine ihnen vertraute Sprache und vermeiden Sie die Verwendung von Fachjargon oder unbekannten Konzepten. Wenn Sie beispielsweise ein Modell für eine Rezept-App erstellen, identifizieren Sie möglicherweise Aufgaben wie „Rezepte suchen“, „Lieblingsrezepte speichern“ und „Einkaufsliste erstellen“.

  • Objekte identifizieren: Sobald Sie die Aufgaben identifiziert haben, identifizieren Sie die physischen Objekte oder Konzepte, die für diese Aufgaben relevant sind. In einer Rezept-App können die Objekte beispielsweise Zutaten, Kochutensilien und Kochmethoden umfassen.

  • Aktionen und Attribute zu Objekten zuweisen: Sobald Sie die Objekte identifiziert haben, weisen Sie ihnen Aktionen und Attribute zu, je nachdem, wie Ihre Benutzer mit ihnen interagieren. Beispielsweise können Sie in einer Rezept-App jedem Rezept Attribute wie Garzeit, Portionsgröße und Nährwertangaben zuweisen.

  • Verwenden Sie eine einheitliche Terminologie: Um Verwirrung zu vermeiden, verwenden Sie in Ihrem gesamten Produkt eine einheitliche Terminologie. Wenn Sie beispielsweise auf einem Bildschirm Ihrer mobilen App den Begriff „Termin buchen“ verwenden, benennen Sie ihn an anderer Stelle nicht in „Termin buchen“ um.

Um mit der Erstellung Ihrer konzeptionellen Modelle zu beginnen, laden Sie unsere kostenlose Vorlage herunter, die Sie durch den Prozess führt!

Holen Sie sich Ihre kostenlose Vorlage für „So erstellen Sie konzeptionelle Modelle zur Verbesserung von Benutzeroberflächen“

So erstellen Sie konzeptionelle Modelle zur Verbesserung von BenutzeroberflächenSo erstellen Sie konzeptionelle Modelle zur Verbesserung von Benutzeroberflächen

Das wegnehmen

Konzeptionelle Modelle sind für Designer ein leistungsstarkes Werkzeug, um die mentalen Modelle der Benutzer zu verstehen und in ihre Designs zu integrieren. Wenn Designer eine strukturierte Darstellung davon erstellen, wie Benutzer ein System oder Produkt wahrnehmen und mit ihm interagieren, können sie Schnittstellen entwickeln, die ihren Erwartungen entsprechen und so die Benutzerfreundlichkeit und das Benutzererlebnis verbessern.

Lesen Sie auch  Geiselaustausch und Waffenstillstand, Hamas: „Kurz vor einer Einigung mit Israel“

Konzeptionelle Modelle ermöglichen es Designern, in die Lage der Benutzer zu schlüpfen und intuitive und nutzbare Produkte zu schaffen. Sie helfen dem Entwicklungsteam außerdem dabei, Anwendungsfälle effizienter zu erstellen, und ermöglichen es dem UI-Designteam, Schnittstellen zu erstellen, die die mentalen Modelle der Benutzer berücksichtigen. Konzeptionelle Modelle sind eine Erweiterung der Aufgabenanalyse und sollten in der frühen Entwurfsphase erstellt werden, um den größtmöglichen Nutzen für das Projekt zu erzielen.

Referenzen und wo Sie mehr erfahren können

Dr. Susan Weinschenk reflektiert mentale und konzeptionelle Modelle und intuitive UX.

Abhijit Raweel, Hauptproduktentwickler bei Oracle, teilt seine Gedanken darüber Konzeptionelle Modelle als kritischer Bestandteil des Webanwendungsdesigns.

Schauen Sie sich Hugh Dubberlys an Google-Präsentation zu konzeptionellen Modellen.

Lesen Sie die Arbeit von Jeff Johnson und Austin Henderson konzeptionelle Modelle.

Schauen Sie sich Jeff Johnsons Master Class-Webinar an Konzeptionelle Modelle: Ein Leitfaden für intuitives Design.

Heldenbild: © ux.folio.org, CC BY 2.0

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.