Natural Mapping (interface Design)
   HOME

TheInfoList



OR:

The term natural mapping comes from proper and natural arrangements for the relations between controls and their movements to the outcome from such action into the world. The real function of natural mappings is to reduce the need for any information from a user’s memory to perform a task. This term is widely used in the areas of human-computer interaction (HCI) and
interactive design Interactive design is a user-oriented field of study that focuses on meaningful communication using media to create products through cyclical and collaborative processes between people and technology. Successful interactive designs have simple, cle ...
.Norman, Donald A., "Knowledge in the Head and in the World".
The Design of Everyday Things ''The Design of Everyday Things'' is a best-selling book by cognitive scientist and usability engineer Donald Norman. Originally published in 1988 with the title ''The Psychology of Everyday Things'', it is often referred to by the initialisms ' ...
. New York: Basic Book, 1988. 75
Leveraging the concept of mapping helps bridge the gulf of evaluation and the gulf of execution, which refer to the gap between the user's understanding of the system and the actual state of the system and the gap between the user's goal and how to achieve that goal with the interface, respectively. By mapping controls to mirror the real world, the user will find it easier to create a mental model of the control and use the control to achieve their desired intention.


Mapping versus natural mapping

Mapping and natural mapping are very similar in that they are both used in relationship between controls and their movements and the result in the world. The only difference is that natural mapping provides users with properly organized controls for which users will immediately understand which control will perform which action. A simple design principle:


Examples of poor mapping and good mapping


Kitchen Stove

Consider, by way of example, the use of labelling on kitchen stoves with different arrangements of burners and controls.


Poor mapping: arbitrary arrangement of stove controls

In the above case, an arbitrary arrangement of controls, such as controls in a row, even though the burners are arranged in a rectangle, thereby visually frustrating the inexperienced user, leading to a period of experimenting with the controls to become familiar with the proper usage, and potential danger to the user.Norman, Donald A., "Knowledge in the Head and in the World".
The Design of Everyday Things ''The Design of Everyday Things'' is a best-selling book by cognitive scientist and usability engineer Donald Norman. Originally published in 1988 with the title ''The Psychology of Everyday Things'', it is often referred to by the initialisms ' ...
. New York: Basic Book, 1988. 77


Good mapping: full natural mapping of controls and burners


Issues with the Stove metaphor: Moving to a theoretical understanding of Mapping

In the stove metaphor there is an illustration of placement in relation to the controls; however, the effect of the control in relation to its operation is Heat as a result of Rotation. Rotation does not naturally relate to heat, therefore the relationship is artificial, and a social construction. A better example would be the simple one of a privacy bolt on a toilet stall. A simple slide bolt with a knob has a very direct mapping, whereas, one with a rotating lever requires the understanding of the transformation of the rotation translated into the movement of the bolt horizontally. From this perspective, mapping is a characteristic of affordance. A deeper understanding of many our perceived 'natural' mapping relationships uncovers a predominately socially constructed, or cultural, underpinning, such as rotating a volume knob to make the music volume go 'up'.{{cite book , chapter-url=https://link.springer.com/chapter/10.1007/978-3-319-49407-4_7 , doi=10.1007/978-3-319-49407-4_7 , chapter=Marshall McLuhan, Affordance, Mapping, and Human Computer Interaction in Interactive Media , title=Information Systems and Management in Media and Entertainment Industries , series=International Series on Computer Entertainment and Media Technology , date=2016 , last1=Wellington , first1=Robert , pages=133–148 , isbn=978-3-319-49405-0


Car Seat Controls

Consider the use of labeling car seat controls with the following two designs.


Poor mapping: arbitrary placement of controls with image labels

In the above case, the placement of controls for adjusting the positioning of a car seat is extremely unintuitive. The intention behind the vertical and horizontal shaped controls are to reflect the movement of the seat; however, there is no indication to move the controls in the intended ways without referring to the image labels. This is a poor design because the controls are placed on the side of the seat, which is not visible to users when they are driving. Thus, the user must go through many trial and error attempts to figure out which control moves the seat forward, backward, upright, or laying flatter. There are also many other additional buttons that are arbitrarily placed next to one another with no tactile
feedback Feedback occurs when outputs of a system are routed back as inputs as part of a chain of cause and effect that forms a circuit or loop. The system can then be said to ''feed back'' into itself. The notion of cause-and-effect has to be handle ...
on the controls themselves to indicate their functionalities.


Good mapping: miniature car seat display

In this example, the placement of controls for adjusting the positioning of a car seat is more intuitive and easier to use because the arrangement of controls directly mirrors the shape of a real car seat. This is especially useful during the process of driving when it is impossible to read the labels on the controls because the user can easily operate the controls without having much prior knowledge of each control's exact functionality. The bottom button clearly moves the bottom part of the seat forward of backward. The top button maps to the backrest of the car seat and dictates the vertical orientation of that part of the seat, moving it either more upright or flatter. This presentation of controls greatly aids the user in better understanding the state of the system and figuring out how to achieve their goal of adjusting their car seat to their liking without much cognitive strain.


See also

*
Affordance In psychology, affordance is what the environment offers the individual. In design, affordance has a narrower meaning; it refers to possible actions that an actor can readily perceive. American psychologist James J. Gibson coined the term ...
* Cognitive ergonomics * Executive system * Human action cycle * Human-computer interaction *
Interaction design Interaction design, often abbreviated as IxD, is "the practice of designing interactive digital products, environments, systems, and services." While interaction design has an interest in form (similar to other design fields), its main area of foc ...
*
User-centered design User-centered design (UCD) or user-driven development (UDD) is a framework of processes in which usability goals, user characteristics, environment, tasks and workflow of a product, service or brand are given extensive attention at each stag ...
*
Visibility In meteorology, visibility is the measure of the distance at which an object or light can be clearly discerned. It depends on the Transparency and translucency, transparency of the surrounding air and as such, it is unchanging no matter the amb ...
*
Usability Usability can be described as the capacity of a system to provide a condition for its users to perform the tasks safely, effectively, and efficiently while enjoying the experience. In software engineering, usability is the degree to which a softw ...
* Gulf of evaluation * Gulf of execution * Seven stages of action


References


External links


Publications by Donald Norman
from Interaction-Design.org

Design Usability