Transforming Mental Models into Conceptual Models for Mobile User Experience: A Guide
Nailing the Design: All About Conceptual Models and User Interfaces
In the realm of user-centered design and interaction, conceptual models serve as a crucial bridge between designers and users. These visual depictions help designers translate users' mental perceptions into a digestible format for stakeholders, team members, and developers. Here's a lowdown on crafting kickass conceptual models for streamlined design processes.
A conceptual model sports an illustrated version of how a designer deciphers users' mental models. To bring a conceptual model to life, researchers utilize user insights from resources such as interviews, surveys, or observations. These insights serve as the backbone for constructing visual representations that illustrate how users perceive and interact with the system or product. These representations could be flowcharts, diagrams, wireframes, or prototypes. Sketching out conceptual models can significantly slash UI design time and pave the way for more intuitive applications.
Let's take public bike rental apps for instance. To a user, the first step in the process is unlocking a bike followed by signing up and adding a credit card. However, an app might offer virtual and physical key cards to choose from, which creates confusion as the user isn't aware of a physical option. ThisAdded confusion can lead to frustration and inconvenience for users in a rush to hit the road.
Building an Effective Conceptual Model
In his work revolving around conceptual models, Jeff Johnson, a Professor at the University of San Francisco, illuminated some core benefits of conceptual models:
- Streamlining User Interface: Conceptual models significantly simplify the user interface by offering a concise and straightforward representation of the application's functionality, alleviating users' navigation hassles.
- Uniform Terminology: Adopting consistent terminology prevents confusion and simplifies understanding the methods behind specific tasks.
- Task and Goal Description: Conceptual models should describe tasks and goals sans revealing specific user interactions, enabling users to complete tasks without unnecessary distractions.
- Support Design and Development Processes: Conceptual models provide sense to development teams during design phases, helping them iron out potential problems or inconsistencies.
- Efficiency: By ensuring an application is well-designed and user-friendly from the get-go, conceptual models reduce the need for rework or additional resources down the line, saving both developers and users' valuable time and resources.
Crafting Your Conceptual Model
To construct a sound conceptual model, follow these steps:
- Identify Tasks: Recognize the tasks that your users need to accomplish. Utilize language that resonates with them, avoiding unfamiliar jargon or lingo. If you're making a model for a recipe app, tasks could include searching for recipes, saving favorites, and generating shopping lists.
- Identify Objects: Once you've zeroed in on tasks, pinpoint the physical objects or concepts that are germane to those tasks. For a recipe app, objects might consist of ingredients, cooking utensils, and cooking methods.
- Assign Actions and Attributes to Objects: Once you've identified the objects, assign actions and attributes based on how users will interact with them. For a recipe app, you could attribute elements such as cooking time, serving size, and nutritional information to each recipe.
- Adhere to Consistent Terminology: To avoid confusion, stick to consistent terminology throughout your product. If you use the phrase "book an appointment" in one section of your mobile app, refrain from renaming it as "book a meeting" elsewhere.
Ace your conceptual models with our complimentary template!
The Bottom Line
Conceptual models have the power to stitch user mental models into designs, fostering a user-friendly experience devoid of headaches. By visualizing users' perspectives and interactions, designers can produce interfaces that sync with their expectations, enhancing usability and user experience.
Conceptual models equip designers to immerse themselves in users' shoes, producing intuitive and seamless products. Additionally, they help the development team build use cases effectively and enable the UI design team to address user mental models during the early design stages. Conceptual models represent an extension of task analysis and provide optimum value when introduced during the design’s inception.
Further Reading
Dive into discussions on mental and conceptual models and intuitive UX with Dr. Susan Weinschenk.
Discover thoughts from Abhijit Raweel, Principal Product Developer at Oracle on conceptual models in web application design.
Listen to Hugh Dubberly's Google presentation on conceptual models.
Read Jeff Johnson and Austin Henderson's work on conceptual models.
Enroll in Jeff Johnson's Master Class webinar on "Conceptual Models: A Guide to Intuitive Design".
Cover Image: © ux.folio.org, CC BY 2.0
Here's a pro tip: Keep refining and perfecting your conceptual models for continuous improvement and a pocketful of satisfied users!
- In the field of interaction design, conceptual models can lead to more intuitive applications by offering simplified visual representations of a system or product's functionality, using terms and language familiar to users.
- Effective conceptual models should also support the design and development process by providing a common understanding of tasks, objects, actions, and attributes, helping teams to identify and resolve potential issues early on.
- To boost efficiency in technology sectors such as data-and-cloud computing, home-and-garden apps, or lifestyle apps, conceptual models can be instrumental in fostering usability and user experience by aligning designs with users' mental models and expectations.