Spot the differences — UX Terminology Part -2:
Visual Design- Interaction Design
Focus on how the product will look like color style, font family spacing grids, etc. It is less about making sure the product works and more about making sure the website looks good. For example, visual designers pay more attention to the aesthetic appeal such as looking at the design of buttons, icons, the layout of the page, and every little detail that makes a product that specific product. Get the feeling and vibes that a product gives its users.
Visual design and UI design is kind of similar
Interaction design is specifically a discipline that examines the interaction (via an interface) between a system and its user. It may also incorporate design focused on how information should be presented within such a system to enable the user to best understand that information.
The 5 dimensions of interaction design
Words: Especially those used in interactions, like button labels
Visual representations: Graphical elements like images, typography, and icons that users interact with.
Physical objects or space: Through what physical objects do users interact with the product? Laptop, mouse, touchpad Or a smartphone, with the user’s fingers? And within what kind of physical space does the user do so?
Time: While this dimension sounds a little abstract, it mostly refers to media that changes with time (animation, videos, sounds). Motion and sounds play a crucial role in giving visual and audio feedback to users’ interactions.
Behaviour: How do users perform actions on the product? How do users operate the product?
Human-centered design — User Centered Design
Human-centered design is a management framework that develops solutions to problems by involving the human perspective in all steps of the problem-solving process, and the process of creating things deeply based on general natural characteristics and peculiarities of human psychology and perception.
It doesn’t matter if you design furniture, cars, stationery, TVs, websites or anything else — any object of design can be made human-centered on the ground of psychology, physiology, sociology and other sciences analyzing human life and interaction with the environment, i.e product will be not only nice but also functional according to psychological traits and features typical for big groups of users.
“The process that places the human needs and limitations in a higher priority compared with other targets during the design thinking and production differential stages.”
User-centered design is more focused and concise version of human-centered design with a deeper analysis of the target audience. It is concentrated on not only human characteristics and perception in general but also specific traits and features of target users to make the problem-solving potential of the designed product as high as possible from the perspective of its users.
In this stage, objects start playing their role defining the target audience, the designer takes into account age, gender and social status, potential education level, and professional background, influential social factors and typical environments of product usage, etc. On this basis, the designer makes deeper research on preferences and peculiarities, special aspects of interactions.
“So, it can be said that human-centered design is the first obligatory step to making the product applicable, while the user-centered solution is the next step to make it concentrated on the pains and needs of the specific category of users.”
User Testing — Usability Testing
User Testing is more like testing the utility of your idea. It involves understanding how people do this thing as of today and will (and how) they use an alternative to do that same job. The typical result of user testing is the user persona of your target user segment.
User Testing looks more into the experience factor and relative value expressed by the product when it comes to communication and interactivity with users.
It is all about detecting and measuring how pleased and satisfied users are with the product. This is all about checking on and brining in quality to the way the product delivers utility to its users. This allows the product owner to establish a higher level of connection and compliance between the user and the product.
It helps you to understand if people can effectively use your product or not, where are they getting stuck and what should you do so that they don’t’ get stuck.
The idea behind Usability Testing is to allow customers to accomplish their tasks and get served for their needs. It is more about the service basics and objectivity aspects of the product from the user perspective.
It aims at identifying is the usefulness and viability of the product from different perspectives like navigation scheme, inclusiveness of communication, design essentials, product features, and technical traits.
Various researchers have based their definition of usability on the International Standards Organization’s standard ISO9241, which defines usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.
A less formal definition is provided by Nielsen and Loranger who define usability as an “attribute of quality that refers to the promptness with which users learn to use something, the efficiency they attain while making use of it”, how easy it is for them to remember how to use it, how error-prone it is and the level of satisfaction that they attain from using it.
From the definitions listed above, it is clear that usability is concerned with effectiveness, efficiency, & satisfaction. Here is a catch what is effectiveness?
Brajnik and Dix define effectiveness as the preciseness and completeness with which specific users can attain specific goals in a specific environment, efficiency as the resources that would be needed to achieve such preciseness and completeness and satisfaction as the level of comfort and acceptability of the system as viewed by its users and the people who it affects through its usage.
Accessibility as an attribute through which “people with disabilities can perceive, understand, navigate, and interact with the product, and they can contribute to the product”.
Accessibility includes all types of disabilities that impact access to the product and thus include visual, auditory, physical, speech, cognitive and neurological disabilities and adherence to product accessibility principles also benefits elderly users.
An accessible product would benefit all users, not just those who are disabled.
Accessibility is a subset of usability
A product site is not usable unless it is accessible
Information Architecture — Information Visualization
Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal is to help users find information and complete tasks.
The purpose of your IA is to help users understand where they are, what they’ve found, what’s around, and what to expect.
The main components of IA:
- Organization Schemes and Structures: How you categorize and structure information?
- Labeling Systems: How you represent information?
- Navigation Systems: How users browse or move through information?
- Search Systems: How users look for information?
In order to create these systems of information, you need to understand the interdependent nature of users, content, and context.
Context: Business goals, funding, politics, culture, technology, resources, constraints
Content: Content objectives, document and data types, volume, existing structure, governance, and ownership
Users: Audience, tasks, needs, information-seeking behavior, experience
Information visualization is the process of representing data in a visual and meaningful way so that a user can better understand it. Dashboards and scatter plots are common examples of information visualization.
Information visualization plays an important role in making data digestible and turning raw information into actionable insights. It draws from the fields of human-computer interaction, visual design, computer science, and cognitive science, among others.
The process of creating information visualization typically starts with understanding the information needs of the target user group. Qualitative research (e.g., user interviews) can reveal how, when, and where the visualization will be used.
Once information is organized in a way that helps users understand it better and helps them apply it so as to reach their goals, visualization techniques are the next tools a designer brings out to use. Visual elements (e.g., maps and graphs) are created, along with appropriate labels, and visual parameters such as color, contrast, distance, and size are used to create an appropriate visual hierarchy and a visual path through the information.
With interactive information visualization, users are able to view topics from different perspectives and manipulate their visualizations of these until they reach the desired insights. This is especially useful if users require an Explorative experience.
Common Uses for Information Visualization
Presentation (for Understanding or Persuasion)
Thanks for reading… I will be back with 3rd Part soon…