Thursday, April 29, 2010
WK3 Reading
CH6 Street signs and Breadcrumbs
People won’t use your Web site if they can’t find their way around it.
Web navigation system is similar to a mall system but the actual process is a little more complex. Basically, you use the store’s navigation systems (the signs and the organizing hierarchy that the signs embody_ and your ability to scan shelves full of products to find what you are looking for.
You go through the same process when you enter a We site
1.Try to find something
2.Decode whether to ask first or browse first.
Some people almost always look for a search box as soon as they enter a site. For everyone else, the decision whether to start by browsing or searching depends o their current frame of mind, how much of a hurry they are in, and whether the site appears to have decent browsable navigation.
If you chose to browse, you make your way through a hierarchy, using signs to guide you. However, eventually, if you cannot find what you are looking for, you will leave.
The unbearable lightness of browsing
Looking for things on a web site and in the real world have a lot of similarities. Like moving around in a physical space and surfing on the internet.
Website
No sense of scale, direction, and location. So
Bookmarks, and Home pages are so important because they tell the places where we are.
Using tabs for navigation
Tabs are one of the very few cases where using a physical metaphor in a user interface actually works. Like the tab dividers in a three-ring binder or tabs on folders in a file drawer, they divide whatever they are sticking out of into sections. And they make it easy to open a section by reaching for its tab.
Try the trunk test
1. Choose a page anywhere in the site at random, and print it.
2. Hold it at arm's length or squint so you cannot really study it closely.
3. As quickly as possible, try to find and circle each item in the list below.
How it is done; Site ID, Page name, Sections, Local navigation, indicators, and search.
Three Links of websites
Describe seven steps to easier web navigation system. it might help you
when you create a website.
http://www.smartisans.com/articles/web_navigation.aspx
Here is the website where describe about tabs when and how to use them.
http://www.ainda.info/pestanas_tabs_en.html
You can have search box on your website.
http://www.ixquick.com/eng/link-instructions.html
People won’t use your Web site if they can’t find their way around it.
Web navigation system is similar to a mall system but the actual process is a little more complex. Basically, you use the store’s navigation systems (the signs and the organizing hierarchy that the signs embody_ and your ability to scan shelves full of products to find what you are looking for.
You go through the same process when you enter a We site
1.Try to find something
2.Decode whether to ask first or browse first.
Some people almost always look for a search box as soon as they enter a site. For everyone else, the decision whether to start by browsing or searching depends o their current frame of mind, how much of a hurry they are in, and whether the site appears to have decent browsable navigation.
If you chose to browse, you make your way through a hierarchy, using signs to guide you. However, eventually, if you cannot find what you are looking for, you will leave.
The unbearable lightness of browsing
Looking for things on a web site and in the real world have a lot of similarities. Like moving around in a physical space and surfing on the internet.
Website
No sense of scale, direction, and location. So
Bookmarks, and Home pages are so important because they tell the places where we are.
Using tabs for navigation
Tabs are one of the very few cases where using a physical metaphor in a user interface actually works. Like the tab dividers in a three-ring binder or tabs on folders in a file drawer, they divide whatever they are sticking out of into sections. And they make it easy to open a section by reaching for its tab.
Try the trunk test
1. Choose a page anywhere in the site at random, and print it.
2. Hold it at arm's length or squint so you cannot really study it closely.
3. As quickly as possible, try to find and circle each item in the list below.
How it is done; Site ID, Page name, Sections, Local navigation, indicators, and search.
Three Links of websites
Describe seven steps to easier web navigation system. it might help you
when you create a website.
http://www.smartisans.com/articles/web_navigation.aspx
Here is the website where describe about tabs when and how to use them.
http://www.ainda.info/pestanas_tabs_en.html
You can have search box on your website.
http://www.ixquick.com/eng/link-instructions.html
Thursday, April 22, 2010
Week2 Reading
CH3 Billboard Design 101
There are five important things
-Create a clear visual hierarchy on each page
First make the appearance of the things on the page and see clearly and accurately portray the relationships between the things on the page. The important something is, the more prominent it is.
-Take advantage of conventions
We all learned to read a newspaper. Not the words, but the conventions. We have to know that usually a headline that summarizes the story underneath it, and that text underneath a picture is either a caption that tells me what it is picture of. The various conventions of page layout and formatting make it easier and faster to scan a newspaper and fine the stories we were interested in. all newspaper used the same convention, so knowing the conventions made it easy to read any newspaper
-Break pages up into clearly defined areas
It Is allows users to decide quickly which areas of the page to focus on and which areas they can safely ignore.
-Make it obvious what’s clickable
When you force users to think about something that should be mindless like what’s clickable, you are squandering the limited reservoir of patience and good will that each user brings to a new site.
-Minimize noise
Busy-ness.
Background noise.
Many people have problem with busy pages and background noise. Thus, you are designing Web pages, it is probably a good idea to assume that everything is visual noise until proven otherwise.
CH4 Animal, vegetable, or mineral?
How many times you can expect users to click to get what they want without getting too frustrated. Some sites even have design rules stating that it should never take more than a specified number of clicks to get to any page in the site.
CH5 Omit needless words
Do not repeat words and same sentences. Removing half oh the words is a realistic goal so, use sound excessive space instate of the word but do not lose Value and it has to be clear to understand to audiences.
To remove all those words that no one reads. it give use several beneficial effects
-It reduces the noise level of the page.
-It makes the useful content more prominent.
-It makes the pages shorter, allowing users to see more of each page at a glance without scrolling.
Eliminate instructions and happy talk as much as possible because no one is going to read them.
Three Links related to Reading
ttp://blog.themeforest.net/tutorials/visual-hierarchy-in-web-design/
This site describes principle hierarchy about size, color, contrast, shape, position, and whitespace.
http://vandelaydesign.com/blog/design/unique-website-layouts/
This site is example of layout, you will see good layout of websites.
http://www.webdesign.org/web-design-basics/design-principles/visual-hierarchy.4750.html
This website is the web design library.
There are five important things
-Create a clear visual hierarchy on each page
First make the appearance of the things on the page and see clearly and accurately portray the relationships between the things on the page. The important something is, the more prominent it is.
-Take advantage of conventions
We all learned to read a newspaper. Not the words, but the conventions. We have to know that usually a headline that summarizes the story underneath it, and that text underneath a picture is either a caption that tells me what it is picture of. The various conventions of page layout and formatting make it easier and faster to scan a newspaper and fine the stories we were interested in. all newspaper used the same convention, so knowing the conventions made it easy to read any newspaper
-Break pages up into clearly defined areas
It Is allows users to decide quickly which areas of the page to focus on and which areas they can safely ignore.
-Make it obvious what’s clickable
When you force users to think about something that should be mindless like what’s clickable, you are squandering the limited reservoir of patience and good will that each user brings to a new site.
-Minimize noise
Busy-ness.
Background noise.
Many people have problem with busy pages and background noise. Thus, you are designing Web pages, it is probably a good idea to assume that everything is visual noise until proven otherwise.
CH4 Animal, vegetable, or mineral?
How many times you can expect users to click to get what they want without getting too frustrated. Some sites even have design rules stating that it should never take more than a specified number of clicks to get to any page in the site.
CH5 Omit needless words
Do not repeat words and same sentences. Removing half oh the words is a realistic goal so, use sound excessive space instate of the word but do not lose Value and it has to be clear to understand to audiences.
To remove all those words that no one reads. it give use several beneficial effects
-It reduces the noise level of the page.
-It makes the useful content more prominent.
-It makes the pages shorter, allowing users to see more of each page at a glance without scrolling.
Eliminate instructions and happy talk as much as possible because no one is going to read them.
Three Links related to Reading
ttp://blog.themeforest.net/tutorials/visual-hierarchy-in-web-design/
This site describes principle hierarchy about size, color, contrast, shape, position, and whitespace.
http://vandelaydesign.com/blog/design/unique-website-layouts/
This site is example of layout, you will see good layout of websites.
http://www.webdesign.org/web-design-basics/design-principles/visual-hierarchy.4750.html
This website is the web design library.
Wednesday, April 21, 2010
Thursday, April 15, 2010
Summary Week1
Introduction Read me first: Throat clearing and disclaimers.
“The truth” about the right way to design Web site.
Design web site is really to depend but there are a few ways help you when you design it.
Predictions for the future of the web
(a) Most of the predictions are certainly wrong
(b) The things that will turn out to be important will come as a surprise
Chapter 1. Don’t make me think: Krug’s first law of usability
Look as simple as possible but not lose detail also, Web page can make us stop and think unnecessarily. When you create a site, your job is to get of question marks.
The main point is that the tradeoffs should usually be skewed further in the direction of ”obvious” than we care to think and needless source of question marks over people’s heads is links and buttons that aren’t obviously clickable. As a user, I should never have to devote a millisecond of thought to whether things are clickable or not.
Before you create your site, you should think visitors to a site should not spend their time thinking about. One of approach is to make list like
Where am I?
Where should I begin?
Where did they put_?
What are the most important things on this page ?
Why did they call it that?
Look at the average user. Settle for self-explanatory when you create something complicated.
In conclusion, the best way to do creating pages that are self evident, or at least self- explanatory.
Chapter 2. How we really use the Web: Scanning, satisfying, and muddling.
Follow three facts about real-world Web use are effective Web pages .
1. We do not read pages we scan them for saving time. What we see when we look at a Web page depend on what we have in mind, but it’s usually just a fraction of what’s on the page.
2. We do not make optimal choices. We satisfies. When we are designing pages, we tend to assume that users will scan the page, consider all of the available options, and choose the best one.
3. We do not figure out how things work. One of the thing that becomes obvious as soon as you do any usability testing.
“The truth” about the right way to design Web site.
Design web site is really to depend but there are a few ways help you when you design it.
Predictions for the future of the web
(a) Most of the predictions are certainly wrong
(b) The things that will turn out to be important will come as a surprise
Chapter 1. Don’t make me think: Krug’s first law of usability
Look as simple as possible but not lose detail also, Web page can make us stop and think unnecessarily. When you create a site, your job is to get of question marks.
The main point is that the tradeoffs should usually be skewed further in the direction of ”obvious” than we care to think and needless source of question marks over people’s heads is links and buttons that aren’t obviously clickable. As a user, I should never have to devote a millisecond of thought to whether things are clickable or not.
Before you create your site, you should think visitors to a site should not spend their time thinking about. One of approach is to make list like
Where am I?
Where should I begin?
Where did they put_?
What are the most important things on this page ?
Why did they call it that?
Look at the average user. Settle for self-explanatory when you create something complicated.
In conclusion, the best way to do creating pages that are self evident, or at least self- explanatory.
Chapter 2. How we really use the Web: Scanning, satisfying, and muddling.
Follow three facts about real-world Web use are effective Web pages .
1. We do not read pages we scan them for saving time. What we see when we look at a Web page depend on what we have in mind, but it’s usually just a fraction of what’s on the page.
2. We do not make optimal choices. We satisfies. When we are designing pages, we tend to assume that users will scan the page, consider all of the available options, and choose the best one.
3. We do not figure out how things work. One of the thing that becomes obvious as soon as you do any usability testing.
Subscribe to:
Comments (Atom)