background preloader

Johnny Holland

Johnny Holland

Current Issue There’s one thing I’ve noticed in the 15+ years I’ve been practicing user-centered design and leading User Experience (UX) teams: one of the best ways to judge the experience of a User Experience practitioner is to assess the number and variety of the design solutions, or “tools,” they have available in their personal UX “tool belt.” Usability problems come in many shapes and sizes, and the solutions need to be equally varied – seasoned UX professionals don’t often fall into the trap of thinking just because they’ve mastered a standard set of design “hammers,” that every usability problem they see is a “nail.” This being said, most of us User Interface (UI) designers have spent our whole careers using visual tools to solve usability problems. Some of us have branched out to audio tools too, but the other human senses are rarely considered part of our practice. Haptic interfaces are nothing new. Placement of the participant’s chest and wrist vibrationdelivery “actuators”

Understanding Usability Front End Development Guidelines Accessibility What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. Ideally, the HTML5 DOCTYPE should be used. Write Valid Semantic Markup Writing websites with clean, semantic HTML is something we wish we could always do. Headings should be heirarchically created from <h2>onwards, paragraphs should always be in <p> tags and so on and so forth. Which do you think looks cleaner, this? <span class="sectionHeading">A Heading</span><br /><br /> Lorem ipsum dolor sit amet. ... Or this? <h2>A Heading</h2><p> Lorem ipsum dolor sit amet. ... Fallbacks for Middle Mouse Clicks One of the most frustrating accessibility and usability flaws of the modern web stems from the remapping of hyperlink click functions. A modern example of a popular website that is contributing to this problem is the Twitter web app. Another alternative is the use of "hashbangs", that remap normal URLs to hash links and fetch pages via AJAX. Use Microformats Images Need ‘Alt’ Text JavaScript Character Spacing

Usability Thoughts Usable Web ExperienceLab Orange Cone Get Elastic UX Booth Boxes and Arrows Useit UXmatters User Interface Design, Usability, Human Factors, & Ergonomics

Related: