A Snapshot of Entire Product—User Story Mapping

I learned the user story mapping when I worked as a product design intern at a startup company. They used this method to build their products. I think it is really a powerful technique that helps to organize what functionalities we need to build for users and also serves a good communication between team members. For this article, I’m going to briefly introduce the user story mapping and to demonstrate how to do user story mapping by taking the project I’m doing right now for Pratt Institute Libraries as an example.… Continue Reading »

A Brief Introduction of Affinity Designer

Introduction

Affinity Designer came out in 2014. It features a set of smooth, fast and precise graphic design tools. It has been improving and adding more interesting functionalities in 4 years. Now, it can be not only an equivalent but also a strong competitor of Adobe Illustrator. As an interaction designer, we might also want to create some graphics to make the presentation more visually appealing.… Continue Reading »

Empathy Mapping: Getting into the User’s Head

 

Another mapping technique to get into the head and feelings of a user to better understand problems and begin finding solutions.

There are a number of mapping techniques out there for UX people to use and learn about user behavior such as story mapping and journey mapping. And these are very effective in identifying and understanding problems with the entire user experience with a service or product.
Continue Reading »

Facial Expressions Analysis: How does it work?

Introduction

Emotions instinctually influence our behaviors and every day decisions. As such, emotions are  a great way to understand users’ interactions with products and it helps to inform our designs. But how can we measure emotion?

As the greatest expression of emotion can be seen on our faces, Facial Expression Analysis is a great method of measuring emotion and engagement.… Continue Reading »

Delight Users with Kano Model

Introduction

It is always significant to make users delightful when engaging with the products, however, it can be extremely challengable either to measure their emotional reactions towards products or to prioritize them. This is where Kano Model comes into play, which is used for measuring desirability of different product features. This post will breifly introduce this method and discuss its advantages/disadvantages.Continue Reading »

Measuring and Detecting Emotions: Do We Really Know How You Feel?

Image Credit: MIT News

Think about the apps, websites, and other digital products that we encounter everyday. How do we feel when using them? Have we been pleased by some of them while annoyed by others? Are we aware of our reactions and behaviors when such feelings occur? Think of the times when we have the urge to abandon a website or uninstall an app out of frustration, and we will understand how much emotion weighs in those interactions.… Continue Reading »

Simulating Color Blindness for a More Accessible Interface

Choosing a good color scheme that follows best practices in design theory is a very important factor when creating a digital interface. It’s also important to design in ways that allow as many people as possible to access a product by taking into account the differing ways in which people perceive color.

What is color blindness?Continue Reading »

Do YouTube and Vimeo Meet WCAG 2.1 Keyboard Accessibility Guidelines?

Introduction

A screenshot of the WCAG 2.1 webpage.

The World Wide Web Consortium’s Web Content Accessibility Guidelines 2.1

 

In June 2018 the World Wide Web Consortium (W3C) released the updated Web Content Accessibility Guidelines (WCAG 2.1). The W3C is the main international standards organization for the World Wide Web that develops protocols and guidelines that ensure long-term growth for the Web.… Continue Reading »

WAVE: Web Accessibility Evaluation Tool

WAVE logo

 

WAVE Homepage

Figure 1.1: WAVE Web Accessibility Evaluation Tool webpage.

 

WAVE is an automated web accessibility evaluation tool developed by WebAIM.  WAVE can help developers, designers, and website users quickly evaluate the accessibility of web content after JavaScript and CSS has been applied. WAVE detects potential accessibility issues across a site as a whole, as well as highlight the areas where it does well. … Continue Reading »

Invisible Accessibility: Text Alternatives and Captions

Introduction

Computer-based devices are ubiquitous in our daily lives and most people interact with a computer interface with some regularity. But people are unique and people’s capabilities are different, and vision, hearing, and mobility disabilities are not uncommon. People with hearing and vision disabilities require alternatives for text and multimedia, and people with fine motor control disabilities need interfaces that respond to screen readers, voice commands, and other input methods.… Continue Reading »