Tag - Better

Designing Friction For A Better User Experience

In experience design, friction is anything that prevents users from accomplishing their goals or getting things done. It’s the newsletter signup overlay covering the actual content, the difficult wording on a landing page, or the needless optional questions in a checkout flow. It’s the opposite of intuitive and effortless, the opposite of “Don’t make me think.” Having said that, friction can still be a good thing sometimes. In game design, for example, friction is actually required. Articles on Smashing Magazine [...]

Building Better UI Designs With Layout Grids

(This is a sponsored post.) Designers of all types constantly face issues with the structure of their designs. One of the easiest ways to control the structure of a layout and to achieve a consistent and organized design is to apply a grid system. A grid is like invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together. While grids and layout systems are a part of the [...]

Simple Patterns for Separation (Better Than Color Alone)

Color is pretty good for separating things. That’s what your basic pie chart is, isn’t it? You tell the slices apart by color. With enough color contrast, you might be OK, but you might be even better off (particularly where accessibility is concerned) using patterns, or a combination.Patrick Dillon tackled the Pie Chart thing Enhancing Charts With SVG Patterns:When one of the slices is filled with something more than color, it’s easier to figure out [who the Independents are]:See the [...]

Combining Graphical And Voice Interfaces For A Better User Experience

   With​ ​the​ ​appearance​ ​of​ ​voice​ ​user​ ​interfaces,​ ​AI​ ​and​ ​chatbots,​ ​what is​ ​the​ ​future​ ​of​ ​graphical​ ​user​ ​interfaces (GUIs)?​ ​Don’t​ ​worry: Despite​ ​some dark​ ​predictions​,​ ​GUIs​ ​will​ ​stay​ ​around​ ​for​ ​many​ ​years​ ​to​ ​come. Let​ ​me​ ​share​ ​my​ ​personal, humble predictions​ ​and​ ​introduce​ ​multi-modal​ ​interfaces as​ ​a​ ​more​ ​human​ ​way​ ​of​ ​communication​ ​between​ ​user​ ​and​ machine.The​ ​old​ ​wisdom​ ​that​ ​a​ ​picture​ ​is​ ​worth​ ​a​ ​thousand​ [...]

Template Literals are Strictly Better Strings

Nicolás Bevacqua wrote this a year ago, and I’d say with a year behind us he’s even more right. Template literals are always better. You don’t have to screw around with concatenation. You don’t have to screw around with escaping other quotes. You don’t have to screw around with multiline. We should use them all the time, and adjust our linting to help us develop that muscle memory. Besides the few things you can’t use them for (e.g. JSON), there [...]