The Top 5 Website UX Trends of 2012. User interface techniques continued to evolve in 2012, often blurring the lines between design, usability, and technology in positive ways to create an overall experience that has been both useful and pleasurable.
Infinite scrolling, for example, is a technological achievement that also helps the user by enabling a more seamless experience. Similarly, advances in Web typography have an aesthetic dimension but also represent a movement toward greater clarity of communication. 1. Single-Page Sites Single-page websites are everywhere. 2. Infinite scrolling is familiar to everyone, even if they don't realize it. 3. Persistent menus are ideal for complex sites, long scrolling pages, or applications with toolbar functionality. 4. You! Be Inspired! — 20 Awesome Grid based Websites. Inspiration December 27, 2012 Grids is one of the most often used tools by graphic designers and until now the use of a grid system is very imminent.
Massimo Vignelli once stressed that the use of grids is a must for graphic designers because it helps designers to better organize and build their designs. In this post we are showcasing some of the best designed websites that used the grid system to make a seamless and overall visual stunning web interface that visitors and designers would love. Viktoria Klein. Common mistakes when designing for mobile. You already have a great app idea and are working furiously to build and launch it.
Or you’re developing a mobile site, to compliment a desktop build. Or perhaps you’re refining a desktop design to scale responsively on devices. Whatever your goal for mobile development, before you launch, let’s take a quick break from that process to make sure you aren’t making a few of the most common mobile design mistakes. Trust me, it’s worth the time and your clients will thank you. 1. When building software it is easy to get carried away by adding all these great features. If you try to implement too many features, both the quality of the experience and design will suffer, not to mention what will happen to your deadlines. At the same time you don’t want to focus so narrowly that you miss potentially great ideas. In the planning stage put every idea down on paper, no matter how grandiose or ridiculous it sounds. Then, when you decide what to build, select only a few things. 2.
Yui.github. IntuitionHQ - Website Usability Testing. Website Usability Test: TED.com. As you might have noticed by now, most of my blog posts are inspired by people asking questions about how to get started with usability testing , tips and tricks for usability testing , and a range of other advice. Among the more frequent questions that people ask, or more properly, that people would like to see, is a complete website usability test from start to finish. That means from your first look at a website, deciding what questions to write, sharing a test with your testers, and interpreting the results. This sounds to me like a grand idea; there is nothing like having a complete walkthrough to help you from start to finish, and it’s a good exercise to go through for us as well, and so we’d like to introduce the first in our series of Website Usability Tests – TED.com . What is TED? For those who don’t know TED (Technology Entertainment Design) is a conference that features luminaries from a whole range of different areas.
The TED website: The Questions: Sharing the test: The results: Oval wins OpenNTF development contest with XPages responsive design. Mobile web content adaptation techniques. Introduction This article will help you pick from amongst the many techniques for building a mobile website.
It doesn't describe how to do it, rather it instead tries to help you to pick the right approach. Before we begin it's worth clarifying exactly what the goal of the exercise is. Generally speaking, people who are looking to build a mobile site fall into two categories. They're either: trying to make an existing website work passably well on mobile devices or, building a mobile experience from the ground up These two goals are quite different and tend to result in different approaches and solutions. In order to distinguish between the techniques available this article will use the terms resolution independence and content adaptation respectively.
Evolution of content adaptation This article is designed to serve as a reference that describes many of the content adaptation techniques available, and some of the benefits and issues with each one. Responsive Design Progressive Enhancement.