Responsive Design Begins With The URL
The BBC’s Programmes website is huge, and is intended to be a rolling archive of everything that the BBC broadcasts on television and radio. Originally released in 2007, it now has pages for over 1.6...
View ArticleEfficiently Simplifying Navigation, Part 2: Navigation Systems
How do we make navigation as simple and predictable as possible? As explained in part 1 of this series, the first two steps are to structure content in a way that naturally narrows the navigation...
View ArticleBad Things Happen When You Don’t Put Content First
I was having an interesting conversation with a friend-of-a-friend last weekend, discussing the need for pre-CMS content workflow tools (classic lad banter). More specifically, said friend-of-friend...
View ArticleUpcoming Web Design Events (Jun. 2014 – Dec. 2014)
This year has brought a number of changes in the conference scene around the world. Quite a few established conferences have taken their last bow, and a whole bunch of new conferences have appeared —...
View ArticleUpcoming Web Design Events (Jun. 2014 – Dec. 2014)
This year has brought a number of changes in the conference scene around the world. Quite a few established conferences have taken their last bow, and a whole bunch of new conferences have appeared —...
View ArticleThe Web Designers’ Guide to Photo Selection
Photographic images grab our attention and trigger an almost instantaneous response when we encounter them. They are therefore an important part of any website we create. Photos play a significant...
View ArticleHow to Decide Between Static, Lo-Fidelity and Hi-Fidelity Prototypes
Modern technology design requisites a high degree of interactivity: navigation bars change with a user's scroll location, boxes expand on click to show and hide supporting information, lists are...
View ArticleFinding the Path to the Perfect Prototype
Modern technology design requisites a high degree of interactivity: navigation bars change with a user's scroll location, boxes expand on click to show and hide supporting information, lists are...
View ArticleWays To Avoid Overwhelming Users: Lessons Learned From My High-School Teachers
High school. I won’t lie: I did not have the highest grades in my graduating class. Some classes and lessons were so poorly designed and delivered that I would frequently become frustrated and...
View ArticleThink Your App Is Beautiful? Not Without User Experience Design
Lately, every app is “beautiful”. If you read tech news, you’ve seen this pageant: Beautiful charts and graphs 1 . Beautiful stories 2 . Beautiful texting 3 . Beautiful notebooks 4 . Beautiful battery...
View ArticleImproving Smashing Magazine’s Performance: A Case Study
Today Smashing Magazine turns eight years old. Eight years is a long time on the web, yet for us it really doesn’t feel like a long journey at all. Things have changed, evolved and moved on, and we...
View ArticleCreating Clickthrough Prototypes With Blueprint
In a previous article 1 , I discussed using POP 2 to create sketch-based clickthrough prototypes in participatory design exercises. These prototypes capture well the flow and overall layout of early...
View ArticleEfficiently Simplifying Navigation, Part 3: Interaction Design
Having addressed the information architecture 1 and the various systems 2 of navigation in the first two articles of this series, the last step is to efficiently simplify the navigation experience —...
View ArticleImproving Your Information Architecture With Card Sorting: A Beginner’s Guide
Information architecture (IA) is one of those buzzwords you’ve probably heard before. It refers to the organization of the information on your website and how it all fits together. When planning your...
View Article5 Common Web Design “Faux Pas” You Should Avoid
With over 644 million websites gracing the Internet, it’s not easy to stand out from the crowd. Naturally, designers do their best to avoid mundane, forgettable design and instead create something...
View ArticleWhat Everybody Ought to Know About App Design for Windows 8
Windows 8’s touch screen interface and hidden navigational structure allow for some interesting paradigm shifts in User Experience practice. I have recently been working on re-purposing an enterprise...
View ArticleA Frank Lloyd Wright Approach To Digital Design
Frank Lloyd Wright was a century ahead of his time. He was a pioneer, an avant-garde architect who broke free of the traditions of his era. His views on materials, form, function, space and...
View ArticleMeet Tuts+ Survey Prize Winner Tassia Pellegrini
Name: Tassia Pellegrini Location: Amsterdam, Netherlands Topics of Interest: Graphic Design, UX Design, Front-End Development, UI, Information Architecture Occupation: Interface Designer,...
View ArticleDesigning Navigation On Mobile: Prototyping With Keynote
The navigation system is often the most important and complex user interface component of modern websites. In recent years, small screens, responsive website techniques and ever-evolving hardware and...
View ArticleHow to Create a Web Navigation Model
A “navigation model” describes the paths to each user goal on a website. Usually your product will have more than one user, and each user may have multiple goals, so models like this can be pretty...
View Article