Eye Movement Patterns in Web Design

One of the most overlooked design principles in web design today is eye movement patterns. All too often, web designers are so overly focused on making their website look “pretty” by adding distracting graphics and animations, using overly complex background images, drop shadows, and glowing form fields, that they forget why they are making the website in the first place.

How could this happen? It seems like a lot of designers have the misconception that “web design” translates to “make a website look pretty”. In fact, this couldn’t be further from the truth.


By: Eric Rowell
http://www.onextrapixel.com/2010/11/05/eye-movement-patterns-in-web-design/

One of the most overlooked design principles in web design today is eye movement patterns. All too often, web designers are so overly focused on making their website look “pretty” by adding distracting graphics and animations, using overly complex background images, drop shadows, and glowing form fields, that they forget why they are making the website in the first place.

How could this happen? It seems like a lot of designers have the misconception that “web design” translates to “make a website look pretty“. In fact, this couldn’t be further from the truth.

Eye Movement Patterns in Web Design

A good web design effectively satisfies the purpose of the website first, and then looks pretty second. Building a poorly designed website is like building a house out of marble, granite, and imported Spanish tiles, and then forgetting to add in windows and doors. A good architect pays keen attention to the purpose of the house – creating living quarters that are accessible– and then filling in the details with nice materials.

Eye movement patterns are the foundation of web page usability. The purpose of this post is to define eye movement theory in web design, explore hot spots, dive into F-patterns, and help get you on track towards effective web design. Let’s get started!

Eye Movement Patterns… Leer más “Eye Movement Patterns in Web Design”

Website Design: Ten Areas Where You Can Learn From User Behaviour

In this report you will find a list of some of the most typical user behaviours taking place while visiting a web site, and while many of these should come as no surprise to you, becoming aware of them may greatly help you to identify what items to give priority to when you have the extra time and resources to do some design and navigation improvements.



Effective and usable web navigation and design are some of the key crucial components of your website communication success. Build clear, easy-to-navigate web pages and people will be happy, click a lot and come back for more. In this report, you will learn about ten typical online user behaviors that can immediately help you understand how and where to improve your own website design, to keep your readers engaged and interested in your content.

website_design_user_behaviour.jpg
Photo credit: Jesper Noer and mashed up by Robin Good

Whether you like it or not, other people don’t see your website the same way you do.

You might think that you have a perfectly-intelligible website design, whereas readers on your site struggle to find the information they look for.

The funny thing is that you and I are not different from the people that visit our websites. In fact, when you and I stroll around the web, we do exactly the same: we go straight to content, we want all the info right away, we often don’t care about reading all the extra stuff surrounding the article, and so on.

That is why you can learn so much from user behavior. It helps you realize what is wrong about your site that you normally cannot see by yourself. Leer más “Website Design: Ten Areas Where You Can Learn From User Behaviour”

Here’s THE Solution To Chatroulette’s Penis Problem


Nicholas Carlson | Apr. 8, 2010
Chatroulette Girl

Image: Casey Neistat

We’ve solved 17-year-old Chatroulette founder Andrey Ternovskiy‘s penis problem.Or rather, a senior project manager from Missouri named John Spyers has.

He’s the guy who submitted the winning entry to our first annual Solve Chatroulette’s Penis Problem And Help It Make Billions And Billions Contest.

(A quick recap: Chatroulette’s penis problem is that according to one study, of the approximately 3.9 million people who visited Chatroulette in February, about 507,000 of them were “perverts” — men using the site without the pants on, doing things to themselves.These pantsless perverts not only make Chatroulette a less than pleasant experience for the other 87% of users, they also reduce Chatroulette’s chances of becoming a profitable, brand-advertising supported site.)

John’s ingenious solution was for Chatroulette to “utilize a facial recognition scan or brief eye tracking scan before making connections.”

Per the contest’s rules, John put together a fantastic presentation demonstrating how his solution would work. (Go check it out >) In it, John explains:

“Not one of the people I’ve encountered displaying their wares on Chatroulette shows their face. So, utilize a facial recognition scan or brief eye tracking scan before making connections. If there’s no facial recognition, then pixelate teh image and prompt to accept cam feed.”

For winning the contest, John gets to have his resume posted here for all our hiring readers out there and have us send it to Andrey and pair of VCs we happen to know have interest in investing in Chatroulette.

So! Here’s John’s resume: Leer más “Here’s THE Solution To Chatroulette’s Penis Problem”