e-portfolio

masayo4mavis

Readng wk7 Ch7

Help! My boss wants me to...

-More personal information than we really need
-Boss expects their site to have more "pizazz".
These usability disasters imposed.

if you need you could explain why this is a really bad idea.

Here are the example of emails. Free use them








Never say never
No mater how appallingly bad can be made usable in the right circumstances.
Almost any good design idea are unusable. You should not be doing any of them unless 1. if you are sure2. a good reason, 3. and you actually test it when you

There is almost always a good intention lurking behind insistence on a bad design idea.


That's all, folks

At the beginning, building a great Web site is an enormous challenge, and anyone who gets it even half right has my admiration.
Just be sure you know which rules you are bending, and that you at least think you have a good reason for bending them.



http://www.usability.gov/

http://www.usabilityfirst.com/

http://dret.net/lectures/web-fall08/usability.pdf

http://www.websiteoptimization.com/services/web-development/usability/

E-commerce

kimuracabasagE

Kiosk

Kimura_kioskcompress

Reading WK6

CH 10 Usability as Common Courtesy

Showing the strike using airline website here are process that
how they leave the website.

The reservoir is limited, and if you treat users badly enough and exhaust it there's food chance
that they'll leave but leaving isn't the only possible negative outcome; they may just not be as eager
to use your site in the future, or they may think less of your organization.

• Some people have a large reservoir, some are not. they are not always same. the point is, you can't count on a very large
  riserve.


• It's situational.


• Best interst made you replenished when you lose your goodwill.


• Sometimes a single mistake can empty it.

Thins that diminish goodwill

Here are a few things that user lose their interests at heart:
1. hiding information that they want like customer support phone numbers, shipping rates, and prices.
2. Punishing me for not doing things your way like many sites perversely insist on no spaces in credit card numbers,
when the space actually make it much easier to get the number right.
3. Asking me for information you don't really need like personal information, and find it annoying if a site asks for more
than what's needed for the task at hand.
4. Shucking and jiving me like particularly annoying things.
5. Putting sizzle in my way like having to wait through a long Flash intro, or wade through pages bloated.
6. Your site looks amateurish when your site sloppy disorganized, or unprofessional it is easy to lose their goodwill.

Note that while people love to make comments about the appearance of sites especially color, almost no one is
ging to leave a site because it does't look great.

You are better to know some of these userunfriendly things deliberately. For instance, Uninvited pop-ups almost always annoy people to some extent but when you need you can have it. Just be sure you do it in an informed way, rather than inadvertently.


Things that increase goodwill

1. know the main thins that people want to do on your site and make them obvious and easy.
It is not difficult to figure out just ask them "What are the three main things your users want to do?"
The problem is that it is not always become the top priority it should be.
2. Tell me what I want to know like shipping costs, hotel daily parking gees, service outages- any thing
you'd rather not be upfront about.
3. Save me steps wherever you can like instead of giving me the shipping company's tracking number for my







Think about potential strike.
FAQ
The airline and their Web site.

it is important that users can understand what it is they are looking at, it is easy to use and user get it also,
component to Web usability: ding right thing that being considerate of the user. Ask yourself dose your site behave like a mensch?

The Reservoir of Goodwill
When you enter a Web site, you should start out with a reservoir of goodwill.

Ecommerce Research

5 bad website

1. Gates N Gences

2. Islamic Clothing

3. DPGraph

4. Car Audio

5. Book & Collectibles online

WK4 Reading

CH7: The first step in recovery is admitting that the Home page is beyond your control.

Think about

-Site identity and mission
-Site hierarchy the site has to offer what can I find and do here?
-Search having search box is required most sites on the Home page.




-Teases Tell hints of the “good stuff”
-Content promos attention the newest, best or most popular pieces of content. (top story and hot deals)
-Feature promos invite users other sections of the site or try out features (personalization and email newsletters)
-Timely content Update frequently for success on your web site.
-Deals Home page space needs to be allocated due to advertising, crossoromoion, branding deals have been made.
-Shortcuts The most requested pieces of content (software updates, for instance) may deserve their own links on the Homepage so people don’t have to hunt for them.
-Registration Need links for new users to register and for old users to sing in , and let me know I am signed in.
-Show me what I am looking for and not Make Home page clear how to get to whatever I want.
-Show me where to start It is the worst that having no idea where to begin.
Establish credibility and trust For visitors, Home page is going to be a good chance to create a good impression.

-Home page is the waterfront property of the Web.



Everybody who has a stake in the site wants a promo or a link to their section on the Home page, and the turf battles for Home page visibility can be fierce. And given the tendency of most users to scan down the page far enough to find an interesting link, the comparatively small amount of space “ above the fold” on the Home page is the choice waterfront property. Even a site is so complex, it has to be the best Home page design and accomplish. The one thing you cannot lose and it is easy to lose that is conveying the big picture. You should make it clear enough what the site is.


-You should concentrate on four questions that the Home page needs and when you create Home page.
1. What is this
2. What can I do here
3. What do they have here
4. Why should I be here and somewhere else



If you get it, you are much more likely to correctly interpret everything you see on the page.


-The top five plausible excuses for not spelling out the big picture on the Homepage
1. If it doesn’t need to it’s obvious
2. After people have seen the explanation once, they will find it annoying
3. Anybody who really needs our site will know what it is :It doesn’t mean the people who don’t get your site right away aren’t your real audience. But it is unusual people who say I’d use that all the time, but it wasn’t clear what it was.
4. That’s what our advertising is for get people’s interest.
5. We’ll just add a “first time visitor?”:link If the site is very complex, link on the Homepage is a good idea. Because it is easy to screw up.

How to get the message across
There are two important places on the page where we expect to find explicit statements of what the site is about.
1. The tagline When we see a phrase that’s visually connected to the ID, we know it’s meant to be a tagline, and we read it as a description of the whole site. We’ll look at taglines in detail in the next section.
2. The welcome blurb It is a terse description of the site. The point is most users will be able to guess what the site is first from the overall content of the Home page.





-Use as much apace as necessary but don’t use any more space than necessary.
Keep it short-just long enough to get the point across, and no longer. Don’t feel compelled to mention every great feature, just the most important ones.

-Don’t use a mission statement as a welcome blurb

-it’s one of the most important things to test.
You need to show the Home page to people from outside to tell you whether the design is getting this job done due to no missing the “main point”.

-Nothing beats a good tagline.
A tagline can tell people what it is and what make and it can give people a good navigation.

On a Web site, the tagline appears right below, above, or next to the Site ID




-Good taglines are clear and informative.



Also, just long enough, differentiation and a clear benefit, personable, lively, and sometimes clever.


-Bad taglines are vague.



Also,generic,

-The handful of sites.
-Some sites do not need a tagline



-Sites that are very well known.




When you enter a new site right after look around the Home page you should say with confidence.

-Here's where to start if you want to search.
-Here's where to start if you want to browse.
-Here's where to start if you want to sample their best stuff.

Ex: make the search box look like a search box, and the list of sections liik like a list of sections.


Home page navigation can be unique
Navigation on the Home page is so important the same as on the rest of the site.

-section description, different orientation, and more space for identity.

It is also important that users can recognize the Home page just two different versions of the same thing. Also, keeping the section names exactly the same: the same order, the same wording, and the same grouping.

The trouble with pulldowns

Pulldowns definitely save space and one common approach is to use pulldown menus.
-seek them out to know where you are trying to expose the site's content.
-They are hard to scan if they use the standard HTML pulldown menu.
-The comes and goes so quickly makes it harder to read.

It is most effective for alphabetized lists of items with known names but much less effective for lists where i don't know the name of thing I'm looking for.

You have to think about yourself how well the Home pages get the job done. Answer these two question and think about for creating a good Home page.
-What's the point of this site?
-Do you know where to start?

http://www.navcen.uscg.gov/mwv/navrules/navrules.htm
Here is navigation rules home page


http://www.opencube.com/index.asp
JavaScript of pulldowns


http://www.ndsu.edu/cms/kb/homepage/example/
Example: move content around to fill out the home page

Deathstars Final

masayo_deathstars

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

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.

Deathstar

Death Star

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.