Cách nhìn mới về website

Cách nhìn mới về website

Ninh Thanh Cầu (PTNK)

Ninh Thanh Cầu

We will talk about:

• Deciding on Content

• Preparing for Content

design considerations

• few "rules" in Web design

• Each site's unique goals

 points and possible solutions to

consider when deciding what's best for your site design

Ninh Thanh Cầu (PTNK)

follow a similar progression

What is web ?

• A means to communicate

• Whenever you're communicating

• What you're saying, to whom, and how

So: “think before you speak"

Ninh Thanh Cầu (PTNK)

Ninh Thanh Cầu (PTNK)

Learned

"speaking Web."

• Why are they likely to come to my site ?

• How do they communicate ?

Ninh Thanh Cầu (PTNK)

Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

• Who is your client?

2 types of clients

• You – Your clients

• Your Audience – The one whom you want

to see in your sites…

• The real question is "What need is the

Web site going to solve?"

Ninh Thanh Cầu (PTNK)

When Not To Web

• Is the Web the right medium for what we are trying to do here?

What they are looking for

• "What is their purpose for coming to your Web site?

• Visitors come to Web sites with questions and expectations

• When your audience can achieve their

goals quickly and easily

Knowing how your audienc

residence: Tiny, overpriced apartment in Manhattan

hobbies: Fashion magazine browsing, men (of course), New York local theater, and occasional cooking

Reason For Coming To Williams-Sonoma:

Wants to slowly build up a collection of high-quality cookwares that will last for many years She is tired of poor quality cookware that has to be replaced

Ninh Thanh Cầu (PTNK)

Designing For Variety

Determining Content

• The majority of Web users come to the Web for one thing: content

• A good way to make sure that you meet your

audience's needs is to provide the content that they seek.

• Content included in a Web site should meet the needs and expectations of your audience If your audience does not need the content you are

putting online, why is it there?

Ninh Thanh Cầu (PTNK)

Writing It All Down

• Understand your client, their goals, and

their audience

• Sample mission statement: The University of Illinois

Computer Science Department

"The goal of the UIUC CS Department Web site is to communicate information about the department's current activities and available resources The site design needs to reflect the department's position as a leading innovator in computer science research and education In addition, current students, alumni, faculty, corporate sponsors, and the general public need a clear understanding of the information available within the site."

Ninh Thanh Cầu (PTNK)

Sample mission statement: Robert

Randolph.net

"The goal of the Robert Randolph site is to maintain and develop lasting relationships with fans of Robert's music In addition to being visually and emotionally appealing and appropriate to Robert's fan base, the site should be a reliable source for current information on Robert's activities and

provide consistently updated audio and

visual stimuli that encourage repeated

visits from fans."

Preparing for Content

• Organizing Your Site

• Navigating Your Content

–Finding Your Personality –Remembering Your Limitations –Scheduling Your Progress

Ninh Thanh Cầu (PTNK)

Organizing Your Site

• Libraries to books to sentences

• our houses into rooms

• our cities into neighborhoods

• No matter how full our homes get, or how big our cities grow, we can still find what we need in them, because

they are organized in a manner we can understand

• Quite difficult to find your way in a city that sometimes

used numerical addresses, occasional color-coding, and

an irregular system based on building height

• The lack of a clear, consistent organization system would leave most people lost and confused.

• Unlike books and cities, the Web lacks any

"real" physical structure

• As a result, Web users are often

landmark-less and unable to understand

"where" they are within a site

Ninh Thanh Cầu (PTNK)

Sort your information

• in most homes, these utensils share a

drawer in the kitchen

• They will look in the categories where theyexpect to find the information they need And if they can't find it, they will assume it doesn't exist

Most categorization moves from

general to specific.

• House wares > Kitchen utensils> Forks> Dessert Fork

• I see, GoLive is a Web design software

product I know this because I followed the path:

Products ? Software ? Web design ? GoLive.

Ninh Thanh Cầu (PTNK)

When You Don't Want

Organization

• Occasionally, you will come across something you didn't know existed or would have never thought to look for

 discover and explore

Categories: what have they done

for you lately?

• Make finding information easier and faster

• Divide information into smaller, easier to

Ninh Thanh Cầu (PTNK)

Everybody's Doing It

• Labels such as "Jobs," "Products,"

"Support," "Store," and "About Us" show

up on almost every business site

"How can I keep my company unique and still have clear labels?"

Navigating Your Content

• "tell" your audience how your site is

structured  easily get to the things

• Supply them with navigation

• The navigation elements of a Web site

provide your audience with an

understanding of your organization and

give them a sense of where they are within the site structure

Ninh Thanh Cầu (PTNK)

Navigation elements…

Navigation elements include, but are not limited to search boxes, horizontal and vertical menus, indexes, tables of

contents, site maps, directories, charts, hypertext links, and anchor links

they all serve the same purpose:

orientating your audience

Ninh Thanh Cầu (PTNK)

More about navigations

• When users feel "lost" on the Web, it's

because the navigation isn't doing its job

• Navigation should let your audience know where they are, how they got there, and where they can go next

Presenting Levels

Ninh Thanh Cầu (PTNK)

Consistent Navigation

• Home page link

• Site identification

• Top-level navigation links

• Sitewide navigation tools

• Sitewide utilities

• Contact information

Web lacks any real "physical space."

Consistent Navigation  “you are here”

– How do they know what site they are in?

– Where in the site are they?

– What does this new site have to offer them?

Ninh Thanh Cầu (PTNK)

Some other notes…

Hope work !

• Talking about yourself, group, favorite

• Site of your subjects

• Site of our schools

• Site of events…

• Site of an union

• Site of your ideas…