Some research about how users view pages and the conventions for designing sign-up forms

How interface design issues affect how likely users are to fill out forms

Interesting articles describing the conventions popular sites use when it comes to sign-up forms.  Bear in mind that this data is based on the usage of 100 popular sites, which is a very small and limited data set.  But perhaps interesting nonetheless.

• Web Form Design Patterns: Sign-Up Forms
• Web Form Design Patterns: Sign-Up Forms, Part 2

How users scan web pages

And here’s a study of people’s eye motions while they view pages online:

• F-Shaped Pattern for Reading Web Content

And another study of whether or not people only view the stuff at the top of the web page “above the fold”:

• Scrolling and Attention

Class 1 – Book e-commerce site requirements (Fall 2011)

Your assignment in class today is to create a set of information architecture diagrams (between 2 and 3 wireframe diagrams, no more) that show how the information on a book e-commerce site should be arranged.

Working off of the concepts outlined in this post about information architectural navigation elements, as well as using these samples of professional wireframes as a set of references,  you should make sure that all the information on this travel destination site is easy to find and the site itself is interesting and easy to navigate.

• show all areas where copy (i.e. text) should go
• show all areas where images should go

When you have finished the assignment, please save each wireframe as an image file (either JPG, PNG, or GIF file type), and post them to your blog.  The title of your blog post should be “Class 1 – Assignment – Book E-Commerce Wireframes”

Your client, the book e-commerce site owner, and you have agreed as part of theRequirements Gathering phase of website development that the site must have the following content and functionality.  In other words, here are the requirements for the site:
search
-author
-title
-isbn code

browse
-genre
-popularity
-recently published
-new vs. used
-ebooks

book reviews

recommended books

book preview

site social media tools (facebook/twitter,etc)

author bios

account management (log-in, register)
-wishlist
-shopping cart

deal of the day

events (book signing, readings, etc)