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 »

How to Play with Color on Interface

 

As UX Designers, we have the power to design a product that can be interacted with million people on the internet. It is our obligation to make sure users can successfully access our website. This means all the users include who have visual impairments, color blind, hearing, cognitive disabilities or problems, who use different devices to access a website, and who uses an old operating system.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 »

Human-centered design or Humane design – role of ethical standards in UX

I accept full responsibility picture with man

UX designers design products for users – this is a statement which can be heard while discussing this profession. In fact, the name of the profession says so. However, very often the reality is different and UX designers need not only to satisfy the interests of users, but also the companies, which pay their wages. This very often puts UX designers in an uncomfortable situation which is questioning their values.… Continue Reading »

Informed Consent and the Six Step Model

Data privacy is a real concern and often, our data isn’t secure. Giant corporations like Facebook and Equifax are in the news for breaching the privacy of millions. Social security numbers, home addresses but also page likes, and page views are hacked, sold or leaked. As more of our lives are spent on the internet, it’s important to consider what is consensual and what is crossing the line in digital design and research.… Continue Reading »

Bring Gestalt Psychology into Design Playground

User Experience design is all about understanding users. In order to be a good UX designer or interaction designer, we have to know that we are not solving our own problems, but users. With Gestalt psychological rules and theories, we can add more value to our products by better understanding users’ behaviors, emotions, and motivations. Using Gestalt principles can not only help the designers create fantastic products, but also assist you to convince your boss, customers, and engineers to say YES!… Continue Reading »

Reducing cognitive overload to Increase usability in online sale

Talking about Amazon, my friends and I all have bad experiences before. We give up selecting a specific product because of thousands of options on Amazon with all kinds of feedback evaluation, and finally, go to Ikea or Target grab one. What’s wrong with Amazon? It gives us choices as more as they can, but why doesn’t it make Amazon competitive?… Continue Reading »

Strategies and Good Examples of Multiscreen UX

In last blog post, I talked about some basic principles to follow when designing for multi-screens. There is 3Cs Framework (Consistent, Continuous, Complementary) I found extremely helpful when analyzing the strategies of multiscreen design.

However, there are more specific strategies could be discussed which I believe can also fit into the 3Cs Framework. The book Multiscreen UX Design provides 17 strategies of multiscreen UX, and I tried to categorize them into the 3Cs Framework:

  • Consistent

    • Mobile First: Concentrate on the smallest device first, which forces a meaningful structure of information
    • Coherence: Individual features are optimized for device capabilities
    • Fluidity: The display is switched between the screens involved
  • Continuous

    • Device shifting: The display of information or content is shifted to a separate device by the user
    • Synchronization: Information is kept in sync and up-to-date across devices.
Continue Reading »