Cách nhìn mới một website

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 design considerations This methodology is not unique to Web design. Automobile manufacturers, mapmakers, book designers, and just about everyone involved in a design-oriented process 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" How We Communicate Language Gestures Facial Expressions Intonations Space Time Culture Images Actions Silence Inactivity And More… The web … The Web has its own set of cues: image, text, interaction, organization, motion, and sound. On the Web, "thinking before we speak" means far more than simply understanding verbal communication; Thinking about how image, text, organization, interaction, motion, and sound can work together to create successful presentations. Learned "speaking Web." Say it in "Web" The first thing you may ask is, "What am I looking at? And what does it mean?“ You should.. What is my Web site's goal ? Who is my audience Why are they likely to come to my site ? How do they communicate ? 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?" 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 communicates… Using profiles and scenarios Profile: name: Amanda Sample sex: Female age: 28 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 Expectation: Wants to see products organized by materials and cost and wants description of those materials, especially their durability Ideal Outcome: Can compare products in the manner she chooses and easily purchase them 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? 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." 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 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. Space-Less 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. Sort your information in most homes, these utensils share a drawer in the kitchen. They will look in the categories where they expect 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. 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 "digest" portions. Emphasize the similarities between information. Point out the differences between information. Provide "paths" to information. 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. 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. Navigation Elements… global (pertaining to the whole site) or local (pertaining to a subsection or individual page of the site) they all serve the same purpose: orientating your audience 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 Consistent Navigation Home page link Site identification Top-level navigation links Sitewide navigation tools Sitewide utilities Contact information Remember: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? 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…