Posts Tagged ‘User Interface’

POUR: Designing for Accessibility with Robustness in Mind

We’ve come to the final post in this series on the W3C’s Principles “POUR,” designing and coding for the “Robust” principle. In the context of technology, a solution is robust when it comes with a wide range of capabilities, or is able to deal with many different situations. Robust solutions should be navigable and usable […]

POUR: Designing for Accessibility With Operable in Mind

“POUR” has become mainstream lingo for the four main principles (Perceivable, Operable, Understand, and Robust) of web accessibility. These four essential guidelines created by the W3C organization are the “how-to” guide for digital teams of strategists, designers, developers, SEO, and content specialists to create accessible experiences. These guidelines were created so that digital consumers using […]

The Beauty of Simplicity: The Key to Accessible Web Design

In today’s hectic world, humans are increasingly drawn to simplicity. Stemming from a rising need for everyday efficiency and speed, we are in constant search for the next new technology that will make our lives easier. While this inclination toward simplicity is likely intuitive for most aspects of modern life, we often see the opposite […]

Choosing Between Ternaries or && in JSX

There is always the question that runs in the mind of developers, do I choose ternaries or logical && to use in React? Personally, I always prefer logical && over ternaries to handle the truth condition. Let me explain why. Just a few days ago, I was writing the following React code: import React from […]

React: Dealing with ‘This’ and Event Handlers

React is a JavaScript library for building user interfaces (UIs). One of the important aspects of building UIs is that you must be able to react (get it?) to user interaction. React has its way to handle events, but it’s up to the developers to handle the value of the this keyword inside the handle […]

Using Phone At Night

How to Manage State in React

In this recap, I’m going to demonstrate a top-down data flow approach to managing state with React. First I’ll go over a couple of approaches one might take and then refactor to make things nicer and less likely to have bugs. Let’s say you want to add a button that, when clicked, will toggle your […]

Atomic Design: A Visual Designer’s Perspective

Today I’d like to discuss the Atomic Design methodology and how I’ve been applying it to my visual design process. First, let’s start with a little description of what an atomic design is. Coined by Brad Frost, Atomic Design is basically the analogy of chemistry being applied to design systems. In chemistry, we learn that […]

A Few Words About Words: Writing and Managing Microcopy

It goes by different names – microcopy, interface copy, and UX writing, to name a few. It’s the text that guides your customers through interactions with your site or app, and it often gets a lot less attention than the bigger pieces of information that we usually think of when we say “content.” But form […]

Importance Of User Interface Design When Reviewing Clinical Data

In the previous post, I talked about varying levels of scrutiny for data review and what happens when recording the user actions. In this post, I will talk about the importance of the user interface for a review. Successfully navigating requirements, design, development, testing, user acceptance and ongoing support of any application requires user involvement […]

The Separation of Search and State

The topic of migrating from one enterprise search platform to another has come up a few times in recent weeks because of the news discussed here. Migrations of any kind can be painful.  The new search platform will work differently, in unexpected ways, and it will take a while to fully understand those differences.  The new platform will have quirks […]

MIT’s Lincoln Lab Creates a Benchmark for Digital Experience

I had the pleasure of sitting through Vishal Chawla’s session Monday morning at IBM’s Digital Experience conference in Atlanta, where he talked about Lincoln Lab’s process of upgrading Portal and Connections. Vishal is the Senior Manager of Technology Innovation and Integration with Lincoln Lab and was the team lead for their upgrade project. Lincoln was […]

GSA UI: Should I use the on-board XSLT engine?

Out of the Box The Google Search Appliance ships with a full-function — but no thrills — XSL template (XSLT) that we refer to as the ‘out of the box’ user interface.  It looks a little bit like google.com did a few years ago – lots of blue and white, and very few graphics.  But […]

Load More