Cách nhìn mới về website
Ninh Thanh Cầu Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) We will talk about: • Deciding on Content • Preparing for Content Ninh Thanh Cầu (PTNK) 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) 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 Ninh Thanh Cầu (PTNK) 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) How We Communicate • • • • • • Language Gestures Facial Expressions Intonations Space Time Ninh Thanh Cầu (PTNK) • • • • • • 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 Ninh Thanh Cầu (PTNK) Learned "speaking Web." Ninh Thanh Cầu (PTNK) 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 they communicate ? Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) 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 Ninh Thanh Cầu (PTNK) 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 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 Ninh Thanh Cầu (PTNK) 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 Ninh Thanh Cầu (PTNK) Remember: Web lacks any real "physical space." Consistent Navigation “you are here” – How 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) Ninh Thanh Cầu (PTNK) Ninh Thanh Cầu (PTNK) Some other notes… Ninh Thanh Cầu (PTNK) 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… Ninh Thanh Cầu (PTNK)