UI / UX / Usability

Facebook Twitter

Overcoming Halfhearted User Adoption. In 1996, I was a database developer at AT&T Solutions (now defunct).

Overcoming Halfhearted User Adoption

AT&T Solutions had two separate payroll systems, one for AT&T Solutions and one for AT&T corporate. Both were excruciatingly slow. My colleagues used to joke that we needed a separate accounting code for the time it took to enter our hours into both systems. Knowing Why Beats Knowing How. Last year around this time, I started following an eating plan called The 4-Hour Body by Tim Ferriss.

Knowing Why Beats Knowing How

At the same time, I was feverishly traveling the globe presenting my talk Design Principles: The Philosophy of UX. Midway through the book, Tim begins a chapter with a quotation from Ralph Waldo Emerson that draws a surprising parallel between his philosophy on eating right and my philosophy on designing right. “Without ambition one starts nothing. Without work one finishes nothing. The Elements Of Navigation. Advertisement When users look for information, they have a goal and are on a mission.

The Elements Of Navigation

Even before you started to read this article, chances are you did because you either had the implicit goal of checking what’s new on Smashing Magazine, or had the explicit goal of finding information about “Navigation Design”. After a couple of seconds of scanning this article, and maybe reading parts of the introduction, you may have started to ask yourself whether the information that you’re consuming at the moment is actually relevant to you—the user. Unfortunately (and as certain as death and taxes), if users cannot find the information they are looking for, chances are they will abandon their track, never to return. Guide to Website Navigation Design Patterns. In web design, there are certain common design patterns that are used for interaction.

Guide to Website Navigation Design Patterns

Site navigation has a wide variety of common and familiar design patterns that can be used as a foundation for building effective information architecture for a website. This guide covers popular site navigation design patterns. For each site navigation design pattern, we will discuss its common characteristics, its drawbacks, and when best to use it. Top Horizontal Bar Navigation Top horizontal bar navigation is one of the two most popular kinds of site navigation menu design patterns out there. Guide to Website Navigation Design Patterns. Top 5 UX (User Experience) Articles of the week - Week 3. Editor's note: Contributor Marcy Kellar is a SharePoint Strategist and User Experience Designer.

Top 5 UX (User Experience) Articles of the week - Week 3

Follow her @marcykellar Last summer, Marcy Kellar began a weekly series of her top picks of UX articles for that week. Marcy is going to pick up the series again so we've gone back to publish her original articles. Good Web Design Is All About The User. It’s easy to get caught up in the private world of web design, spending too much time playing with the latest CSS tricks, or flipping through the coolest design showcases.

Good Web Design Is All About The User

You start forgetting that your work isn’t all about being on the cutting edge and snagging a web design award or two. The reality is that the latest and greatest design trends are irrelevant, and sometimes even alienating, to the majority of audiences. Unfortunately, that kind of work is often only appropriate for an audience of other designers, and those projects are rare. So take a step back from trying to one-up your peers, and consider the basics. 4 Reasons Your UX Investment Isn’t Paying Off. Why Distinct Icon Outlines Help Users Scan Faster. By anthony on 08/04/11 at 10:05 pm Icons are visual cues that help users use interfaces more efficiently.

Why Distinct Icon Outlines Help Users Scan Faster

Instead of reading each word on an interface, users can scan for the icon that represents the task they’re trying to do. However, sometimes scanning icons can take longer than expected if the icons don’t have distinct outlines. Creating a Good User Experience: Information Architecture Basics. Although I spend most of my time working out of my home studio, I recently consulted onsite at a large New York City interactive agency. At this agency, they had two soda machines from two popular soda companies. With the agency subsidy, a can of soda was only 25 cents, and I was a frequent customer. Most days, I stuck with my favorite soda, putting in a dollar, hitting the button, waiting, reaching down to get the drink, then reaching off to the right to get my change. Simple. Learn from your customers for usable Web apps. Imagine the following scenario: You go shopping to buy a loaf of bread.

Learn from your customers for usable Web apps

The shops look gorgeous, decked out in vivid colors and stunning artwork. UI Design for Blogs and Online Magazines. Designing a website user interface can be a struggle match.

UI Design for Blogs and Online Magazines

If you’re building a small portfolio or simple blog layout there isn’t as much to worry about. However an entire magazine requires featured stories and sidebar widgets and author profiles. Can We Please Move Past Apple's Silly, Faux-Real UIs? In recent years, the aesthetic of UIs has followed a dominant ideology that attempts to replicate the physical world.

Can We Please Move Past Apple's Silly, Faux-Real UIs?

With a handful of software/product updates and new releases in the last few months, we’ve begun to see how it might be time to find a new balance (see Clive Thompson’s article in Wired and Sam Biddle’s on Gizmodo. As both Thompson’s and Biddle’s articles describe, the philosophy that drives the majority of contemporary UIs is called skeuomorphism. Past issue - UI Design Newsletter. Taking this need to create personas that represent real people, with all their quirks and eccentricities and also their varied professions, to an extreme, is the technique of Design for Extreme Characters. Djajadiningrat, Gaver and Frens, in their paper Interaction Relabelling and Extreme Characters: Methods for Exploring Aesthetic Interaction present the case of creating a persona and resulting scenarios when designing a PDA.

The scenario may be very detailed in terms of lifestyle. Jack likes wearing Hugo Boss suits and driving his BMW. However, from an emotional point of view Jack seems shallow and completely out of touch with the real world — apart from work, Jack is always keen to go to his next appointment, he is never tired, never bored. Get To Know Your Users. It’s crucial for start-ups to know who uses their application and how. One of our goals with Intercom has been to surface this information, and have a single authoritative screen that tells you everything you’d like to know about a customer. Today, we launched that screen. You need to know your users Customer development, pro-active engagement, price testing, and surveys all work best when you have a good understanding of your customer. User Experience Is The Heart Of Any Company. How Do You Make It Top Priority? The closer you are to your customers, the more relevant your product will be and the more likely you make it for people to choose you.

It may seem obvious, but the gap between those that do and those that talk is widening, despite the immediate bottom-line benefits. But more than this, companies that put usefulness at the heart of what they do become part of their customers’ lives. Cost effective Webcam eye tracking surveys. The Anatomy of an Experience Map. Experience maps have become more prominent over the past few years, largely because companies are realizing the interconnectedness of the cross-channel experience. It’s becoming increasingly useful to gain insight in order to orchestrate service touchpoints over time and space. But I still see a dearth of quality references. When someone asks me for examples, the only good one I can reference is nForm’s published nearly two years ago. Dollars And Sense: The Business Case For Investing In UI Design. A 7 Step Guide to Website Usability. What Does a UX Strategist Do? Tools to Make You a Stronger UX Pro. Gifts for User Experience Geeks 2011.

The Key To A Consistent Brand Experience: A Consistent UI. 5 Ways That Your Crappy Co-Worker Is Like A Crappy UI. Nick Diakopoulos. Gifts for User Experience Geeks 2011. Why Johnny can't build a decent user interface. 6 health IT usability myths and realities. How to Design a Better UX Resume. Veracity Solutions Blog » UX Methodology. UI Toolkit: 300 Resources for Only $8. Design Nav Bar for Web. UX. Best Free UI PSDs of 2011. 10 Heuristics for User Interface Design. Guiding Principles for UX Designers. Usability Is King For Your Product. Here’s How We Can Finally Measure It. DOME. Designs for eradicating medical mistakes. Making the Switch To Agile. Why most UX is shite. Do complex user experiences really cause 50% of product returns? - Customer Experience LabsCustomer Experience Labs. Laws of interaction design « Interaction design.

Foursquare Solves A Basic UI Problem That Eludes Google Maps And Yelp. Paper and computer workarounds challenge but may improve health IT. Making Clients Part of the Design Process. The Anatomy of an Experience Map. The dangerous decade. Computer-based safety surveillance and patient-centered health records. Sending the Questions to the Data. Product Development: 9 Steps for Creative Problem Solving [INFOGRAPHIC] Idolize Bill Gates, Not Steve Jobs - Maxwell Wessel. Ensuring user satisfaction through user-centered design, user experience design, human factors, and software ergonomics.

The UX of User Stories, Part 1 - Anders Ramsay.com. The UX of User Stories, Part 2 - Anders Ramsay.com. Tilt Gives You 3D Visualization of a Webpage. Www.ualberta.ca/~sruecker/links/07_Shiri_Thesaurus.pdf. UI Design Pattern Library. Interaction Design Association - Homepage. Impact of culture on user interface design. Insights and inspiration for the user experience community. Social Patterns. UI-Patterns.com. OK and Cancel Buttons: What's the Right Order?