background preloader

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. Being young and cocky, I decided I would ignore the corporate payroll system. 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. 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. Being the compassionate human being that I am, I’ll try to explain to you what this article is about, so you can make your choice either to continue reading, or not. Words, Words, Words. 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. Here are the top 5 UX articles on branding this week: 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. At the heart of design lies the famous maxim that form follows function. 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. Creating a Good User Experience: Information Architecture Basics. 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. Trouble is, you can't always tell from the window displays what sort of products are on sale inside. 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. Derived from the Greek words Skeuos, meaning vessel or tool, and morph, meaning shape, a skeuomorph is, according to the Oxford Dictionary, a “derivative object that retains ornamental design cues to a structure that was necessary in the original.” The term can apply to either a physical or digital creation.

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. He does not seem to have any bad character traits either; he is nice and serious. And so they move away from 'nice and normal Jack' and instead create characters that have unusual occupations and also unusual emotional attitudes. 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.

A single data-point or price-plan isn’t enough. 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.

Engaging with customers then becomes an ongoing conversation, rather than the stop-start involvement that characterized the 20th century. This makes it much easier for customers to come back, and keep coming back. 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. However, I believe their importance exceeds their prevalence. Dollars And Sense: The Business Case For Investing In UI Design. In their rush to build more features into their electronic devices, companies often lose sight of a key ingredient: basic usability. User-interface design (UI), the art of simplifying complexity into meaningful user experiences, is an increasingly important competitive advantage for technology companies launching new products, as people from consumers to business users seek solutions that offer as much intuitiveness as they do function. Today, usability is a must-have for optimal return on investment with new technologies. Companies focusing on user-experience (UX) and user-interface design in product and application development create better solutions, improving revenue, loyalty, and market share.

Numerous industry studies have stated that every dollar spent on UX brings in between $2 and $100 dollars in return. Usability matters. A 7 Step Guide to Website Usability. What Does a UX Strategist Do? By Paul Bryan. Tools to Make You a Stronger UX Pro. Gifts for User Experience Geeks 2011. The Key To A Consistent Brand Experience: A Consistent UI. I recently went online to pay a credit card bill with a well-known financial institution. Upon logging in, I was presented with a promotional advertisement for the company’s iPad application. 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. By Damian Rees on 03/01/12 at 9:45 am. Veracity Solutions Blog » UX Methodology.

UI Toolkit: 300 Resources for Only $8. I’m always on the lookout for high quality, useful resources and get super excited when I find one – especially when it’s affordable. I came across this UI toolkit via Twitter and purchased it in a heartbeat. After looking through all the resources, I knew I just had to share it with you all! For only $8, you get access to 300 high quality resources created specifically for UI developers and designers. 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 The UX of User Stories, Part 2 - Anders Tilt Gives You 3D Visualization of a Webpage. 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. OK and Cancel Buttons: What's the Right Order?