1 / 8

Part Three: Ultimate Architecture

WIREFRAMES. Part Three: Ultimate Architecture. Magic Number Seven. Perceived channel capacity of a number of human cognitive and perceptual tasks. What we can hold in our heads at any one time Somewhat debated

gordy
Download Presentation

Part Three: Ultimate Architecture

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WIREFRAMES Part Three:Ultimate Architecture

  2. Magic Number Seven Perceived channel capacity of a number of human cognitive and perceptual tasks • What we can hold in our heads at any one time • Somewhat debated • But clear that we have some limit on capacity, so bottom line is that we don’t want to overload on a web page. G.A. Miller (1956) Princeton - The magical number seven – Psychological Review

  3. Hierarchical Thinking Hierarchical structures reduce complexity – the better you manage to provide users with a sense of visual hierarchy, the easier your content will be to perceive. • Based on Gestalt psychology – that the human brain has innate organizing tendencies.

  4. Progressive Disclosure Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone. Sequence information across several screens in order to reduce feelings of being overwhelmed. • A sample of what is next • An introductory task that is most common • A high level view of what is expected • A wizard that walks the user through the task • A button that leads to more advanced functions • New Zealand JakobNeilsen – Neilsen Norman Group

  5. Clear Call to Action Draw the user to the goal of the page. Encourage the next action to be taken

  6. Use Patterns First Innovate Last Know the rules before you break them

  7. Review

  8. Exercise – in pairs • Does the site use good hierarchy? • Does it disclose in good progressive fashion? • Is there a call to action from each page or at least one page? • Are there patterns? http://blog.triphp.com/design/10-of-the-best-examples-of-website-navigation-on-the-web.html

More Related