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.