The VIMM model provides a framework to optimize user experience across visual, intellectual, memory, and motor loads. It suggests minimizing each type of load, such as using visual hierarchy and emphasis to guide the eye and simplify decision-making. Following the model can improve usability by matching screen flows to tasks, using intuitive grouping and labeling, consistent controls, recognition over recall, and reducing unnecessary interactions.
The vital task of all companies is to organize an effective and smooth facility management process. When it comes to managing facilities, a lot of companies deal with a large amount of paperwork. That's why most organizations need an all- in-one tool that will help them control this process and feel relieved.
Let’s see how the dashboard sends the “vibes of relief” to Auto Dealer.
Applying 'Persuasion, Emotion and Trust' PET Design Theory in the Real WorldNexer Digital
Usability is great but in an age where alternative options are only a click away is it enough? From the outside, you may have designed a shop window to display your products or services in the best possible light but what makes people take that critical step and commit to a purchase? Chris will cover the principles of Persuasion Design, or “Persuasion, Emotion and Trust” as Human Factors International defines PET Theory. They will present some real world examples of how companies are getting it right, and wrong in eCommerce.
GET IN TOUCH WITH SIGMA
This presentation is from Camp Digital, a free, one-day event in Manchester exploring some of the most important and emerging themes in the digital industry. To see more presentations and videos from the day visit: http://campdigital.wearesigma.com/2013/.
Camp Digital was brought to you by Sigma. We are a leading specialist in User Experience consulting and design, information management, and web technologies. We provide research, analysis, design, development and support services, with specific expertise in usability, accessibility, content and document management, websites, intranets and online applications.
If you think we can help you call us on 01625 427718 or email hello@wearesigma.com.
This presentation covers fundamentals of user interface design and how they’re used to build a simple interface element. It’s been tailored for people who had minimal or no exposure to design, but would like to learn the basics.
How to Design for an Omni-Channel Shopping ExperienceUserZoom
According to the IDC Retail Insights report, Omni-Channel shoppers will spend 15% to 30% more than Multi-Channel shoppers and they are more likely to be your brand’s influencers and Net Promoter advocates. It is now evident, that brands who make the customer experience omniscient, i.e. continues and universal, will lead the marketplace.
So how do you design for an Omni-Channel shopping experience? View a webinar on-demand with Sean Van Tyne, author of The Customer Experience Revolution, to learn how to craft a uniform experience across channels and touch points.
Twitter Hashtag: #uzwebinar
In this 60-min webinar on-demand you will learn:
-What Omni-Channels are
-Who Omni-Channel Shoppers are
-What a journey map and a service blueprint is
-How to create an Omni-Channel
The vital task of all companies is to organize an effective and smooth facility management process. When it comes to managing facilities, a lot of companies deal with a large amount of paperwork. That's why most organizations need an all- in-one tool that will help them control this process and feel relieved.
Let’s see how the dashboard sends the “vibes of relief” to Auto Dealer.
Applying 'Persuasion, Emotion and Trust' PET Design Theory in the Real WorldNexer Digital
Usability is great but in an age where alternative options are only a click away is it enough? From the outside, you may have designed a shop window to display your products or services in the best possible light but what makes people take that critical step and commit to a purchase? Chris will cover the principles of Persuasion Design, or “Persuasion, Emotion and Trust” as Human Factors International defines PET Theory. They will present some real world examples of how companies are getting it right, and wrong in eCommerce.
GET IN TOUCH WITH SIGMA
This presentation is from Camp Digital, a free, one-day event in Manchester exploring some of the most important and emerging themes in the digital industry. To see more presentations and videos from the day visit: http://campdigital.wearesigma.com/2013/.
Camp Digital was brought to you by Sigma. We are a leading specialist in User Experience consulting and design, information management, and web technologies. We provide research, analysis, design, development and support services, with specific expertise in usability, accessibility, content and document management, websites, intranets and online applications.
If you think we can help you call us on 01625 427718 or email hello@wearesigma.com.
This presentation covers fundamentals of user interface design and how they’re used to build a simple interface element. It’s been tailored for people who had minimal or no exposure to design, but would like to learn the basics.
How to Design for an Omni-Channel Shopping ExperienceUserZoom
According to the IDC Retail Insights report, Omni-Channel shoppers will spend 15% to 30% more than Multi-Channel shoppers and they are more likely to be your brand’s influencers and Net Promoter advocates. It is now evident, that brands who make the customer experience omniscient, i.e. continues and universal, will lead the marketplace.
So how do you design for an Omni-Channel shopping experience? View a webinar on-demand with Sean Van Tyne, author of The Customer Experience Revolution, to learn how to craft a uniform experience across channels and touch points.
Twitter Hashtag: #uzwebinar
In this 60-min webinar on-demand you will learn:
-What Omni-Channels are
-Who Omni-Channel Shoppers are
-What a journey map and a service blueprint is
-How to create an Omni-Channel
Introduction to Usability Testing: The DIY Approach - GA, London January 13th...Evgenia (Jenny) Grinblo
The slides from my General Assembly workshop on January 13th, 2013 (https://generalassemb.ly/education/introduction-to-usability-testing-the-diy-approach)
ABOUT THIS WORKSHOP
Usability testing can quickly uncover areas of an interface that frustrate users and hurt business goals but many teams put it off due to budget, time, or training concerns.
This workshops will take you through a do-it-yourself approach to usability testing. We'll cover the basics (benefits, recruiting, and how to plan a test), learn how to facilitate a test to get reliable results, and how to use the testing results to move usability improvements forward. You'll walk away with the tools to hold a complete usability testing right away.
TAKEAWAYS
Learn why and when to hold usability testing
Learn practical tools and methods to overcome time, budget or training concerns that block user testing from happening
Shift the conversation from opinions and hunches to proven usability problems that your team can solve together
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
Let's get past the idea that checklists and compliance all there is to accessibility. Designing for accessibility is a user experience design problem, starting with understanding how people with disabilities use your products. If we aim to design for all senses we can focus on easy interaction, helpful wayfinding, clean presentation, plain language and media instead of "rules." Doing so, we can create a web for everyone and a delightful user experience where accessibility and usability work together.
Updated January 21
Replay of the O'Reilly webcast: http://www.oreillynet.com/pub/e/2992
Transcript of the O'Reilly webcast: http://www.wqusability.com/handouts/AWFE-Challenge-OReilly-Transcript.pdf
A library for everyone - Designing for Digital, Austin 2017
All of the tools and principles of an excellent user experience also support accessibility, just as web design that is responsive to diversity of devices is also responsive to a diversity of human needs.
Storytelling with Data - Approach | SkillsAmit Kapoor
The ever increasing computational capacity has enabled us to acquire, process and analyze larger data-sets and information. However, the human memory and attention required to use this data is more limited and has remained relatively constant. Data visualization can enable us to compress data and encode it visually in ways that allows us to aid perceptual and cognitive understanding.
However, data visualisation alone is not enough and often we need to try to tell stories through data. Storytelling with data can enable us to move from analysis to synthesis, from numbers to visuals, and from an argument to a story. Operating at this intersection of data, visual and story can help persuade not only through logos (logic) but also through pathos (empathy) and ethos (credibility). In trying to tell compelling data stories, we can empower our selves to engage, communicate and persuade a large and diverse audience.
In this talk, I discuss ‘why’ stories work and what we can learn about the art of storytelling from other mediums like oral storytelling, written stories, pictures, comics and movies. I will summarise basic principles that can help us in our crafting journey, as we take the data through the layers of abstraction. The focus would be on unpacking the seven dimensions of creating an engaging data story - Abstraction (data patterns), Representation (visual encoding), Framing & Transition (perspective, focus), Messaging (verbal, text annotation), Flow (arrangement) and Interactivity.
Further, creating data stories is a cross disciplinary activity that requires us to operate at the intersection of a visual designer, data scientist and storyteller. It is both a science and an art. So how does one realistically learn these multitude of skills needed to get good at it. I will also discuss ideas about the possible path that practitioners could adopt to learn this craft through sustained practice.
## About the Speaker
Amit Kapoor is interested in learning and teaching the craft of telling visual stories with data. He uses storytelling and data visualization as tools for improving communication, persuasion and leadership. He conducts workshops and trainings for corporates, non-profits, colleges, and individuals at narrativeVIZ Consulting. He also teaches storytelling with data as invited guest faculty in academia, both in management context at IIM Bangalore and IIM Ahmedabad and in design context at NID, Bangalore.
His background is in strategy consulting in using data-driven stories to drive change across organizations and businesses. He has 15 years of management consulting experience, first with AT Kearney in India, then with Booz & Company in Europe and more recently with startups in Bangalore. He did his B.Tech in Mechanical Engineering from IIT, Delhi and PGDM (MBA) from IIM, Ahmedabad. You can find more about him at amitkaps.com and tweet him at @amitkaps
Competitive User Experience Intelligence: A PrimerBeverly Freeman
Analyzing your competition can be quite informative and motivating. Brands compare themselves based on strategies, market share, and feature sets, but what about the user experience? This presentation discusses the unique characteristics of competitive analysis from a UX perspective, ways to think about “the competition” beyond the obvious, and methods for competitive analysis. As a bonus, it also includes frameworks for going beyond basic usability comparisons, and common pitfalls to avoid.
This is a presentation for a book discussion I'm leading. The presentation covers Don Norman's book The Design of Everyday Things. This useful book provides a framework product design that focuses on solving the right problem, and doing so in a way that meets human needs and capabilities.
Jakob Nielsen developed the method of 'Heuristic Evaluation' to help identify problems with an interface. This presentation explains the 10 rules of thumb or heuristics with examples.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
Developed a comprehensive UX writing roadmap, elucidating the value that UX writing brings and providing a clear blueprint for its successful execution
10 Principles of Design by Dieter Rams for Data VisualizationMika Aldaba
Guest Lecture for the Data Visualization class at Ateneo de Manila University. Basic design principles for Computer Science students. For educational purposes only, no copyright infringement intended.
Introduction to Usability Testing: The DIY Approach - GA, London January 13th...Evgenia (Jenny) Grinblo
The slides from my General Assembly workshop on January 13th, 2013 (https://generalassemb.ly/education/introduction-to-usability-testing-the-diy-approach)
ABOUT THIS WORKSHOP
Usability testing can quickly uncover areas of an interface that frustrate users and hurt business goals but many teams put it off due to budget, time, or training concerns.
This workshops will take you through a do-it-yourself approach to usability testing. We'll cover the basics (benefits, recruiting, and how to plan a test), learn how to facilitate a test to get reliable results, and how to use the testing results to move usability improvements forward. You'll walk away with the tools to hold a complete usability testing right away.
TAKEAWAYS
Learn why and when to hold usability testing
Learn practical tools and methods to overcome time, budget or training concerns that block user testing from happening
Shift the conversation from opinions and hunches to proven usability problems that your team can solve together
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
Let's get past the idea that checklists and compliance all there is to accessibility. Designing for accessibility is a user experience design problem, starting with understanding how people with disabilities use your products. If we aim to design for all senses we can focus on easy interaction, helpful wayfinding, clean presentation, plain language and media instead of "rules." Doing so, we can create a web for everyone and a delightful user experience where accessibility and usability work together.
Updated January 21
Replay of the O'Reilly webcast: http://www.oreillynet.com/pub/e/2992
Transcript of the O'Reilly webcast: http://www.wqusability.com/handouts/AWFE-Challenge-OReilly-Transcript.pdf
A library for everyone - Designing for Digital, Austin 2017
All of the tools and principles of an excellent user experience also support accessibility, just as web design that is responsive to diversity of devices is also responsive to a diversity of human needs.
Storytelling with Data - Approach | SkillsAmit Kapoor
The ever increasing computational capacity has enabled us to acquire, process and analyze larger data-sets and information. However, the human memory and attention required to use this data is more limited and has remained relatively constant. Data visualization can enable us to compress data and encode it visually in ways that allows us to aid perceptual and cognitive understanding.
However, data visualisation alone is not enough and often we need to try to tell stories through data. Storytelling with data can enable us to move from analysis to synthesis, from numbers to visuals, and from an argument to a story. Operating at this intersection of data, visual and story can help persuade not only through logos (logic) but also through pathos (empathy) and ethos (credibility). In trying to tell compelling data stories, we can empower our selves to engage, communicate and persuade a large and diverse audience.
In this talk, I discuss ‘why’ stories work and what we can learn about the art of storytelling from other mediums like oral storytelling, written stories, pictures, comics and movies. I will summarise basic principles that can help us in our crafting journey, as we take the data through the layers of abstraction. The focus would be on unpacking the seven dimensions of creating an engaging data story - Abstraction (data patterns), Representation (visual encoding), Framing & Transition (perspective, focus), Messaging (verbal, text annotation), Flow (arrangement) and Interactivity.
Further, creating data stories is a cross disciplinary activity that requires us to operate at the intersection of a visual designer, data scientist and storyteller. It is both a science and an art. So how does one realistically learn these multitude of skills needed to get good at it. I will also discuss ideas about the possible path that practitioners could adopt to learn this craft through sustained practice.
## About the Speaker
Amit Kapoor is interested in learning and teaching the craft of telling visual stories with data. He uses storytelling and data visualization as tools for improving communication, persuasion and leadership. He conducts workshops and trainings for corporates, non-profits, colleges, and individuals at narrativeVIZ Consulting. He also teaches storytelling with data as invited guest faculty in academia, both in management context at IIM Bangalore and IIM Ahmedabad and in design context at NID, Bangalore.
His background is in strategy consulting in using data-driven stories to drive change across organizations and businesses. He has 15 years of management consulting experience, first with AT Kearney in India, then with Booz & Company in Europe and more recently with startups in Bangalore. He did his B.Tech in Mechanical Engineering from IIT, Delhi and PGDM (MBA) from IIM, Ahmedabad. You can find more about him at amitkaps.com and tweet him at @amitkaps
Competitive User Experience Intelligence: A PrimerBeverly Freeman
Analyzing your competition can be quite informative and motivating. Brands compare themselves based on strategies, market share, and feature sets, but what about the user experience? This presentation discusses the unique characteristics of competitive analysis from a UX perspective, ways to think about “the competition” beyond the obvious, and methods for competitive analysis. As a bonus, it also includes frameworks for going beyond basic usability comparisons, and common pitfalls to avoid.
This is a presentation for a book discussion I'm leading. The presentation covers Don Norman's book The Design of Everyday Things. This useful book provides a framework product design that focuses on solving the right problem, and doing so in a way that meets human needs and capabilities.
Jakob Nielsen developed the method of 'Heuristic Evaluation' to help identify problems with an interface. This presentation explains the 10 rules of thumb or heuristics with examples.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
Developed a comprehensive UX writing roadmap, elucidating the value that UX writing brings and providing a clear blueprint for its successful execution
10 Principles of Design by Dieter Rams for Data VisualizationMika Aldaba
Guest Lecture for the Data Visualization class at Ateneo de Manila University. Basic design principles for Computer Science students. For educational purposes only, no copyright infringement intended.
This is very challenging project , on how to transform Agrobazaar from typical e-commerce platform to ta very successful portal by "slipping into the customer shoes". User profiles created based on the research, each touchpoint was studied to reduce the pain of the customer and increase their satisfaction.
Changing culture through revolving doors program @ DeluxeNalie Lee-Heidt
Discover how a revolving door program has changed the culture at Deluxe and still allow the UX team to still have their “day jobs”. In addition:
- Understand the 3 components that make up a revolving door program
- Learn how a predictable, timely customer feedback cycle can make stakeholders more knowledgeable, engaged and invested
- Get tips on how to expand customer feedback reach within your company TODAY even if you don’t have the money or resources to implement a full revolving door program
'Hold my beer.' Those three words have preceded some of the greatest moments in history. But who would’ve thought they’d pave the way for an epic user testing session? In this talk, Austin will discuss a drunken usability experiment and the unexpected influence that it had on the way that user research is conducted. Learn about new and unconventional methods for overcoming the struggles and pitfalls of traditional user testing, obtaining true and honest user feedback, and verifying the usability and simplicity of a design. Discover the resulting impact on bottom-line metrics like conversion rate, retention, engagement, and revenue. Walk away with a list of tools that you can use to conduct similar research and experiments on your own projects. Finally, learn about what it means to have a Culture of UX and gain actionable advice on how you can create it within your own company.
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016Pekka Hartikainen
Topics in the meet-up
A Practical Approach to Icon Taxonomy
Teemu Korpilahti, Lead Designer at Crasman
Accept the Imperfectness
Sami Vuori, Visual / UX / UI Designer at Gapps
Losing Control: Design Systems for Complex User Interfaces
Pekka Hartikainen, Design Lead at Smartly.io
IBM Cognos Social Media Analytic Solution - G A InfoMartGA InfoMart Ltd
IBM Cognos Social Media Analytic Solution helps you to analyse the voice of your customer on any user generated content like blog, forum, Facebook Page...etc, so you could easy identify:
1. Who the key influencer - some review/blog writer got 3000 page view in a day, can you leverage him?
2. What's the evolving topic - what's mostly mentioned topic while the user discussing your product/services?
3. what's the best time and best channel to release news?
Check more details in the slide and you will know how to unveil the hidden gems!
3 Challenges of Building Complex Dashboards with Open Source ComponentsRyan MacCarrigan
The first instinct for many software companies is to build exactly what they want with the help of chart components and open source code libraries. This works for some organizations that think their users don’t have complex requirements.
But with dashboards and reports, the trigger point often hinges around understanding and mapping user flows. A one-size-fits-all experience just doesn’t cut it when you have a growing customer base and serve multiple user personas who are trying to achieve different outcomes.
Join Ryan MacCarrigan, founding principal of LeanStudio, to learn how to approach the build vs. buy debate when launching your analytics project. What are some key considerations to think about that can save you time and money down the road?
You'll learn:
1 - How to reduce customer churn with user persona-segmented dashboards
2 - The challenges of building with open-source component libraries
3 - Lessons learned from real product teams
Accessibility Buy-In for Inclusive Product WeekKat K. Richards
Get buy-in for accessibility work by knowing your audience and their priorities. With UX and allyship skills, Kat will discuss effective ways to pitch accessibility. Learn how to sell this to internal teams, senior management and even to clients, and be one step closer to building more inclusive solutions.
In my presentation we will talk about what is User Experience (UX) and why it is important nowadays.
Also we will briefly talk about Usability of a product and how to contact some easy Usability tests.
Finally we will learn the 10 Heuristics of Nielsen and revers-engineer our way back to designing thoughtful User Interfaces (UI) based on those rules of thumb.
Disclaimer: I am not a UX researcher or expert! I am a UX enthusiast. I am trying to study and learn as much as I can about UX (workshop, seminars, uni classes, articles etc.) and all I am trying to de here is to make people understand the importance of it, through what I have learned so far.
Improving Functional Usability is a short introduction I provide to Product Managers and my team members or anyone who is interested in knowing what is usability.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
10. Visual Load
VIMM Model
Motor LoadMemory LoadIntellectual Load
VIMM is an easy mnemonic to remember the potential ways interfaces can make users think too much
or work too hard.
https://www.hansoninc.com/how-the-vimm-model-can-improve-usability-of-your-site-or-application/
12. Visual Load
Optimize visual comprehension
• Use visual hierarchy to guide the user’s eye
• Emphasize what is important; eliminate or diminish everything else
• Make content grouping and labels intuitive
• Deliver thoughtful and purposeful use of color
• Be meticulous with alignment and text formatting
17. Similarity Continuity
Gestalt Laws of Perception
ClosureProximity
Items closer together are
perceived as related
Items that are similar are
perceived as related
We have a natural tendency to make sense of the world around us by finding patterns or grouping.
Items that are perceived as a
whole if they are co-linear or
follow a direction.
Unfinished or partially
obscured items can be
perceived as whole or
complete
18.
19. Optimize visual comprehension:
• Use visual hierarchy to guide the
user’s eye
• Emphasize what is important;
eliminate or diminish everything else
• Make content grouping and labels
intuitive
• Deliver thoughtful and purposeful use
of color
• Be meticulous with alignment and
text formatting
Visual Load
21. Simplify decision making
• Don’t make users think
• Provide previews and easy escape
• Speak the users’ language, eliminate jargon
• Ensure controls function consistently
• Provide good system feedback
Intellect Load
22. Simplify decision making
Source: https://www.interaction-design.org/literature/article/bad-design-vs-good-design-5-examples-we-can-learn-frombad-design-vs-good-design-5-examples-we-can-learn-from-130706
Don’t make
users think
25. Memory Load
Limit use of memory resources
• Design for recognition versus recall
• Provide clear navigational feedback
• Increase response time
• Make options visible
• Provide sensible defaults
Reference: https://www.nngroup.com/articles/recognition-and-recall/
27. Short-term memory has 3 key aspects:
Short-Term Memory
• Limited capacity
• Only about 7 items can be stored at a time
• Limited duration
• Storage is fragile and information can be lost with distraction or passage of
time
• Encoding
• Paying attention and processing information
28. 3 8 4 8 5 9 0 1 7 3
How well did you remember?
Short-Term Memory
34. Minimize movement & interactions
• Avoid switching input devices
• Use short distances and large targets (Fitt’s Law)
• Optimize for the input devise
• Reduce scrolling, multiple screens and steps
Motor Load
36. Motor Load
Steps for depositing checks:
1. Enter bank card
2. Enter PIN
3. Select account type
4. Select action
5. Enter check
6. Transaction Ends
7. Repeat for each check!!!
39. Visual
Optimize visual comprehension by…
• Matching screen flow to task flow
• Good grouping and labeling
• Careful use of color
Intellect
Simplify decision making by…
• Providing pre-views and easy escapes
• Using controls consistently
• Providing good system feedback
Memory
Conserve memory resources by…
• Making options visible
• Designing for recognition vs. recall
• Providing defaults
Motor
Minimize movement time & interactions by…
• Using short distances and large targets
• Optimizing for the input device
• Using natural response mappings
• Reducing scrolling, windows and steps
VIMM is a mnemonic to help us remember the human effort we’re placing on users. It stands for Visual, Intellect, Motor and Mental.
(I need to briefly introduce HERE VIMM because I want them shouting it )
We’ll start with a discussion of UX and the VIMM Model. Then I’ll explain the different components that make up the model.
When you leave, you’ll have a new tool for improving the user experience of your products.
Often when people talk of UX they speak of it in terms of an interface – website or application. But UX encompasses more than that. (NEXT multi device)
User Experience can happen on desktops, smartphones or tablets – or all 3. When you have a multi-channel product, you want to design for the devices, the context of use and a consistent experience across all of the devices or channels.
Still, user experience encompasses more than that. The definition of user experience (NEXT UX def)
(READ SLIDE)
User experience is more than the look and feel of the interface – although the UI is an important part of it. UX considers the entire experience the user has.
Let’s take LTUX as an example. I want your experience for the next hour to be perfect……. I want to inspire you. I want you to leave this room shouting VIMM, VIMM, VIMM!!!
BUT Ladies that UX for you…the end user is more than the hour we have together. It’s the totality of the experience from …. Signing up, driving to the location, making your way to the meeting place, people that you’ve meet, the conversations you have.
(NEXT – Don Norman quote)
Don Norman is the 1st official user experience professional. He was the first hold the job title UX Architect and that was in 1995 at Apple
Don has said (Read slide)
So, how does VIMM help you with this/UX/UX of your product
This simple mnemonic works from planning to evaluating the full user experience. VIMM helps you understand the underlining mechanisms of how people process information and how they perceive our products
When I learned about VIMM there were cell phones (I have to call them that because I don’t think they were very smart yet) cell phones weren’t as ubiquitous as they are today.
Technology has changed a lot since then, Augmented reality, VR, voice interfaces, chatbots, wearables, but VIMM still applies.
That’s what makes the VIMM model so powerful. It’s is an easy mnemonic to remember the potential ways interfaces – of any kind - can make users think too much or work too hard.
Reducing the visual, intellectual, memory and motor ENERGY your users EXPEND are VITAL COMPONENTS OF DELIVERING A SUCCESSFUL USER EXPERIENCE
(NEXT – Visual)
Let’s talk about ways you can optimize visual comprehension
Your users *first* discover what content and functions can be performed by visually inspecting your product. User experience and learnability are improved when the user can easily and intuitively see what’s available to them. (Read)
There’s a test in usability called the “5-second test”. It works exactly as it sounds. (Next 5-second)
Look for Visibility http://architectingusability.com/2012/06/28/donald-normans-design-principles-for-usability/
.
Where were your eyes drawn?
(NEXT) INTRO TO LING - Too much and poorly planned visuals negatively impacts the users visual understanding of the product and what is offered. It can make your users indecisive, confused or frustrated. Even if they are interested in using your product, they may be unsure of what to do or act on next
Here’s an extreme example of visual overload.
Use visual hierarchy to guide the user’s eye
Emphasize what is important; eliminate or diminish everything else
Make content grouping and labels intuitive
Deliver thoughtful and purposeful use of color
Be meticulous with alignment and text formatting
Based on the homepage, the most important action Ling wants you to take is to, “Play Now!”. I think it might be to win a mug. Anyway, the big play now is not clickable. Neither is the vibrant “click here” text.
The main menu – which should act as a visual cue for the organization of the site - is difficult to find. In fact, it has the lowest visual prominence on the page. It’s a tame tan with black lettering. The labels are right aligned which negatively impacts ease of scanning – not that left aligning the labels will eliminate visual the evils of this site.
NEXT – What are some principles that can help bring visual order to Ling’s site?
There are a number of laws/principles of PERCEPTION we can take from Gestalt psychology that can be helpful to INCREASE VISUAL COMPREHENSION. (READ subtitle)
These (proximity, similarity, continuity and closure) are particularly helpful to understanding ways to minimize visual load. (READ examples on slide)
(Note to self – many more principles.)
(next) My next example applies these principles to increase understanding
LUMA Workplace uses Gestalt principles to enhance visual order and understanding. Items that are visually related are also LOGICALLY related.
Proximity helps us see the different columns for – Looking, Understanding and Making. IN Addition the use of proximity groups the different types of methods in each category.
Similarity of color further strengthens the relationship. They use color and the icons throughout the sight for users to better understand the methods they are accessing.
Text formatting is applied with purpose. Methods are in black, title case. Sub-categories are in all uppercase with the font color corresponding to the method category.
similarity, continuity, closure
(NEXT – Recap Visual)
CONSIDER THIS AS AN ALTERNATIVE WAY TO RECAP EACH SECTION!!!!!!!!!!!!!!!!!!!
Again, these are ways to optimize visual comprehension in your products. Are there any questions before we talk about Intellect?
Intellect is about simplify decision making for your users as away to improve user experience.
Don’t make me think is a great, practical book that examines lifting the intellectual burden interfaces can place on users.
This is much clearer. You barely need to read to understand if it’s safe to park.
I would suggest a step further to reduce Intellectual Load and mark the actual date and time and message, “Park here free until 7 am”
With memory, you want to inspect your product for anywhere you are asking users to unnecessarily access their memory.
Read slide
2 – Your users should always know where they are, where they can go and how to get back
3 – working memory is easily distracted. Avoid having your users forget what they are doing because of slow load time
4 – let them know what their choices are
Human memory has limits and it’s fallible. It’s important to understand and design for how people store information in their minds so that they can make decisions quickly and accurately. You want to help your users make the right decisions that help them achieve their goals.
(NEXT - #s) to demonstrate short term memory I’m going to show some #’s that I’d like you to memorize.
Give audience 15 seconds to memorize
NEXT – Penny question – recognition over recall
We’ve all seen pennies before. Do you remember what the front looks like?
It’s a little tough. This is recall.
Compare this exercise to recognition (NEXT penny out of coins)
Big difference, right! This is an example of recognition. It’s much easier than recall.
The big difference between the two is the amount of cues that help memory retrieval. Recall involves fewer cues.
Consider the difference between these 2 questions:
The 1st question involves recognition. You simply have to recognize if the information is correct.
Conversely, if I asked (read #2) you would use the process of recall to retrieve the right answer from your memory.
The cues in recognition spread activation related to information in the memory. The more cues your interface has for the user, the more likely the user will make the proper choice. It’s the same reason multiple choice questions are easier than open questions.
Minimize movement & interactions
And that’s the VIMM Model. 4 letters, easy to remember.
Try this****** Remembering VIMM helps you make good choices about the human effort or work needed for a user to complete a goal/task
What’s great about VIMM is once you know it and internalize it, it gives you a new strategic knowledge of how to approach the user experience. This isn’t the type of mastery that Malcolm Gladwell suggests in his book Outliers that takes 10,000 hours of “deliberate practice”. Designers, developers, product managers who take into account people’s visual, intellectual, memory and motor capabilities (and limitations) are better at planning and designing products that match human cognition…and ultimately a great user experience.
OLD STUFF FROM DELTED SLIDE
Designers/dev/product who take into account people’s abilities are better at planning and designing products that match human cognition….and ultimately a great user experience.
Internalize the guidelines. If you memorize them, internalize them and apply them
AND VIMM GIVES YOU A LEG UP
Skills/crafts are hard – takes years, Malcolm Gladwell sites 10K hours of deliberative practice to master skill
Memorize a bunch of facts also hard, there are new things you need to know, that’s a lot of work and how do you apply them
Heuristics is a 3rd category of knowledge called Meta cognitive. What’s great about VIMM is once you know it and internalize it, it gives you a new knowledge/strategic knowledge of how you approach problem solving
If adopt it, you’ve gained https://www.youtube.com/watch?v=rdH8Kuku9tA