 |
| Example Sequence and Motion http://www.cmyk08.be/animation-sequence-project |
The discipline of film and animation (the process of making a motion picture).
 |
| Example Sequence and Motion |
Thursday, February 27, 2014
Discipline: Sequence and Motion
The discipline of film and animation (the process of making a motion picture).
Discipline: Personas
PERSONAS
Creating personas of website visitors is a powerful technique for helping increase the usability and customer centricity of a website as a part of a user-centered design (UCD) process. Personas are an extremely powerful design tool, which helps you visualize an end-product that you can be confident will suit your users' needs by helping them achieve their goals, and help you test your success.User personas typically focus on the likes, dislikes, and personality of the user. They include things such as:
-Fictional name and photo
-Age, gender, family status, and other demographic information
-Hobbies
-Attitudes
Discipline: Scanning vs. Reading
 |
| Example Scanning vs. Reading |
By design one scans those with a watchful eye to see what's happening in the lives of family, friends, news, business and so much more. When you scan text, you are looking over it entirely, perhaps in search of something specific. When your read, you generally read parts in extended lengths of text.
Discipline: Site Map
 |
| Site Map Example https://www.apple.com/sitemap |
A site map is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web Design or a web page that lists the pages on a website, typically organized in hierarchical order.
Discipline: The Pareto Principle
 |
| The Pareto Principle Example |
The Pareto Principle states that 80% of the effects come from 20% of the causes. This is the basic rule of thumb in business, but can also be applied to design and usability. For instance, dramatic improvements can often be achieved by identifying the 20% of users, customers, activities, products or processes that account for the 80% of contribution to profit and maximizing the attention applied to them.
Take for example a simple UI element like a drop-down list of countries presented in a registration form. Most site developers or content creators recognize that 80% of the time, certain countries will be selected. So although it would seemingly be bad practice for such a long list to break the alphabetizing of the list, the 80/20 rule allows that convention to be broken by putting the most selected countries at the top, as shown in the scree-grab below from Fenn Wright Mansonis checkout page.
Wednesday, February 26, 2014
Discipline: Signals and Cues
 |
| Signal and Cue Example |
As shown in the example, the Signal and Cue methodology works in website design. The navigation is clear, there is good spacing, and the web page has a well define structure. If we take a closer look, we find variance in Signals and Cues (underlined and colored text indicating links and what is clickable).
Discipline: Wireframe
 |
| Wireframe Example |
 |
| Wireframe Example www.notismapp.com |
A typical wireframe includes: page elements and their location, header, footer, navigation, content objects, branding elements. Grouping of elements including side bars, navigation bars, content area, labeling, page title, navigation links, headings to content objects, place holders, content text and images
Discipline: Breadcrumb Trail
 |
| Breadcrumb Trail Example www.google.com |
 |
| Breadcrumb Trail Example www.newegg.com |
A breadcrumb or breadcrumb trail is a type of secondary navigation scheme that reveals the users location in a website or Web application. Breadcrumbs in real-world applications offer users a way to trace the path back to their original landing point.
Usually in the form of:
homepage --> section page --> subsection page
Subscribe to:
Posts (Atom)