What to Expect in 2010: UX/UI Design Simplicity 107
Guest Post by Chuck Longanecker
In January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we've yielded to client and user requests to pack our website designs full of unrelated features and countless pages of duplicate information. The change we have been waiting for has come - our users have matured. 2010 is the year of Design Simplicity.
Clean and Simple
There are many design trends this year, however, I feel it is important to focus specifically on the movement of Design Simplicity. In fact, as the web evolves, it is our responsibility as designers to keep the order of things. This means fewer pages, less clicks, less clutter and more whitespace. In 2010, clean is King and our users are asking for it. I don't blame them. With access to an increasing amount of information on the web everyday, our attention span is naturally diminishing. Now, more than ever, design needs to engage the user, provide succinct information and allow them to go on their merry way. Who knows, maybe airlines and banks will even clean up their 1990s design.
Now Design Simplicity does not mean removing functionality or access to information. This trend of simplicity is not as easy as reducing the elements and content in your user interface. To achieve the less is more effect, you have to develop a valuable user experience by utilizing a creative toolset. Think of the iPhone - the greatest innovation in modern mobile phones has only one button.
Single Page Websites
Each time a visitor clicks deeper into your site, a fraction of their interest dies. With the evolution of users, you can get to the point quickly. So in order to keep visitors' attention, many designers are providing access to the core items needed to make an impression front and center. Think of the homepage as the main interface to all of the website's content.When you start to layer some of the below items on the list including sliders, modal boxes and toolbars, you can provide pages of information without clicking off the page. iPhone App websites are a great example of single page websites in action.
Sliders
Sliders are a great way to provide indirect and precise content through a simple and visual interface. Instead of giving users heavy navigational options and a smorgasbord of direct content, I expect to see more content available indirectly with the use of slider and decision tree logic on the homepage or main pages of the site. This provides a more distinct website path and an appropriate experience for each user type.
Modal boxes
Modal boxes, inherited from the dying desktop software standard, allow users to interact with the site without interrupting the flow of their experience. Why take the user to a separate page to login or watch a video when you can pop it up instantly on the current layout? Modal boxes will continue to spread in usage and functionality. Expect to see modal boxes used for data input forms, lead generation, account settings and more.

Smart Navigation and Taskbars
Continuing on the path of desktop/web app convergence, smart navigation and taskbars will dynamically shape the user experience. Smart navigation consolidates large categories of content and displays meta data to help determine the best path of navigation. Taskbars allow you to seamlessly interact with web content and enable websites to learn your preferences.
Reuters utilizes both to maintain a simple but powerful interface. Mouse over one of the four navigational items and get live market info or news before choosing your next page. The taskbar allows you to save, watch or read specific content or topics like a feedreader.
Text Is The New Image
Clever use of typography will continue to gain momentum this year thanks to the original influence of designers like 37signals. The proper use of large and bold typography provides a clean and clear message and can, at times, be more compelling than imagery. In some cases, design will see subtle imagery supporting the typography. When you really need to get your point across, you can't beat words.
Larger Page Layouts
As monitor size and screen resolution increases so does the real estate for page layout design. This doesn't mean that we should be laying claim to every available pixel out there. Instead it gives more room for whitespace so designs can present a clear message.
My Trend Wish List
Here are a few items I see when I look into my crystal ball. That doesn't mean they will happen, but here's to hoping.

Mobile Version Of Every Website
It's great that today's smartphones can view webpages in their standard web format, however, it's just not an optimal experience for most websites due to screen size. I think all websites should auto-format based on the viewing device. Gmail, Facebook and Amazon have already taken on this standard. There are great tools out there such as Mobify that enable easy and inexpensive ways to achieve this. I believe that this will lead to more design agencies specializing in only the mobile format.
eCommerce Tweaker Shopping
Live search and filtering powered by AJAX have been present for some time in websites like kayak.com or Google Suggest. However, there are still many verticals that have not yet adapted this intuitive selection process. eCommerce websites should give users control of their shopping experience by allowing them to tweak their search results based on their preferences - color, price, social graph, size, features...etc. Right now, sites like Amazon force users to browse all results based on category or search term and then sort.They give users static results that equire additional searching or copious browsing to refine. The browsing aspect of an online store can be changed to a tweak by implementing AJAX sliders, checkboxes and other filtering inputs that enable the user to narrow down the results that suit them best. Users would spend their time tweaking a large pool of products to find the one that fits all their criteria instead of having to examine each product individually or use product comparison engines.
Smart Forms
Other than eCommerce sales, forms are the number one source of user action on the web. The more intelligent and user-friendly forms become, the better results of their conversions. Forms will continue to be more customized to user input. Forms already feature a lot of on the fly validation to correct errors such as improperly formatted email addresses before submittal. I believe that forms should continue to evolve and adapt to user input. Expect to see forms add, change or remove fields based on certain types of input such as gender, age or preference. This allows the website to better cater to the needs and experience of the user and gather more appropriate information. It should also reduce form bounce rates as they are more customized to the user type.
About the Guest Author
Chuck Longanecker is founder and CEO of digital-telepathy. To see his latest project, SlideDeck, please visit www.slidedeck.com.






Great summary, simple is always better!
Loved the post. ( as always ).
The only problem is to get the clients to the point where they will accept the idea that the web is evolving, and so should they.
Great post! I’m all for clean, uncluttered web design that is intuitive to use. I agree with your wish for a mobile version of every site, and I would add to that “accessibility”! The baby that’s being thrown out with the bathwater. My main focus this year will be adding accessibility to every site I develop.
Always enjoy reading these kind of posts!
Awesome post thanks! I still think several of these are trends that were big in 2009 but I agree they will be around this year also!
Well, I think you’re right. But i still love the websites i can click through
to see something different and new on every site. It’s some sort of adventure for me. Sometimes, making too many reductions, isn’t the best way to fulfil the statement: “simple is always better”.
Hope there’ll be still some adventures waiting for me in the www.
Greets
Christian
Thanks for this post, it was an interesting read. Keep up the greatness!
wow thanks for sharing this. It was fun reading your post..
cheers!
Well said. I agree we must design clean, usable, accessible interfaces that guide the user without excess clutter. The goal is to get as many designers/developers, and clients, to embrace these principles.
Very nicely written. It’s interesting to see how most of these come back to tweaks we can employ to improve the user experience.
super atikel, großes kino
Beautiful round up, I am loving the jQuery comment preview you have here! Sorry that distracted me, which brings me onto my point! I hope to see less distraction in web and application development in 2010.
It would be great to see UX developers working harder to curb, but also enrich the requirements of the marketing and sales departments to create balanced interfaces.
Great collection of trends. It will be interesting to see what the next big thing is, and how we can use it to better our users’ experience and our design and development skills.
Nice article Nick. Bookmarked :)
Sorry: “Nice article Chuck” :)
I also love simplistic web designs, but I think more populated designs (such as this site) is still great to look at as well.
Webdesignerwall’s background had been nicked by www . kefche . com
Love it, that’s the way I like to work! Great article!
Re: Modal forms – Drupal 7 is going all modal for admin overlays… just sayin’
great article. I could not agree more about the desire for a great mobile version of every website. I’m really enamored by the iphone version of appleinsider.com. awesome work there. not just a mobile-optimized site, but also some kick-butt iphone functionality integrated.