Web Site D e s i g n and Usability INBS 510--Introduction to Internet Business Presented by Gita Persad and Virna Wong.

Slides:



Advertisements
Similar presentations
Web Page Design Critical Elements for a Well Designed Web Page.
Advertisements

Web Design and Multimedia Production Mrs. Brandt-White.
About the website: The House of fraser website targets the following target audience and intends to sell the following products to it’s audience:  Main.
Presented By Eyyup Gur Volkan Dogan. Company Background It was established to do toy business in shopping malls locally in Houston. It has been in market.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Chapter 9 Website Evaluation and Usability Testing.
Elements of graphic design White Space ● Unity ● Color ● Typography.
Introduction To Graphic Design. What is graphic design? Graphic design is the process and art of combining text and graphics and communicating an effective.
Effective Presentations
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
GROUP NAME NEWBIE A good website design should be simple and straightforward. It should be simple and straightforward because if the website shows.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Web Development Life Cycle from Beginning to End…and BEYOND!
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
“Understanding color psychology and the subconscious effect of color on the emotions, can help you make your best choice of colors to capture the attention.
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
1 Chapter 11 Implementation. 2 System implementation issues Acquisition techniques Site implementation tools Content management and updating System changeover.
Graphics Design Robert Pastel Figures of this lectures are from McCracken and Wolfe, “User-Centered Website Development”
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Launching a Successful Online Business and EC Project.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!
An Introduction To Websites With a little of help from “WebPages That Suck.
Chapter 5 Designing Web Sites. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 2 OBJECTIVES Why a Website? Life Cycle of Site Building Ways to Build.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
1 Lesson 5.1: Experience Economy Strategies Reflected in Website Information Design Lesson 5.2: Experience Economy Strategies Reflected in Website Interface.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
Visual Texts. What is a visual text? A visual text is a text in which the image plays a major role in the audiences’ response. Although visual texts make.
Web Pages That Suck By Vincent Flanders William Featherstone.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Chapter 6 Website Evaluation & Usability Testing.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Unit 11 Interactive Multimedia Products Task A Product Review –

Consistency Increases usability of your Web site..
Chapter 8 Designing Web Sites. Awad –Electronic Commerce 2/e © 2004 Pearson Prentice Hall 2 OBJECTIVES Why a Web site? Life Cycle of Site Building Ways.
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced pre-production methods for digital animation.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
DESIGN STRATEGIES BY JACOB SEYDEL. Putting stress on something in order to make it stand out is emphasizing something. Emphasis is placed on what the.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
 Look & Feel - T oo many elements working at the same time. (Use of different images and colors) - The colors that are used are bright and shouting colors.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced pre-production methods for web-based digital media.
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
What makes a Good Website?. Examples of Bad Websites For more really.
Reviewing websites DAVE MCDONALD UNIT 13 WEBSITE DEVELOPMENT.
Pre-Production Meet with the client to create a project plan:
Web Design Principles.
Introducing the World Wide Web
Understand typography, multiuse design principles and elements
COLOR SCHEMES.
Web Development Life Cycle from Beginning to End…and BEYOND!
Web Design Tips.
Web Design Principles.
Chapter 9 Website Evaluation & Traffic Management
Web Design Principles.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Web Site D e s i g n and Usability INBS 510--Introduction to Internet Business Presented by Gita Persad and Virna Wong

Your marketing strategy is a success! Once the visitors arrive, they should be presented with well designed and intelligent pages. Your message must come across clearly. The message must be accompanied by good graphics and easy site navigation. The website is maintained and updated frequently. Your website must be properly integrated with your business and marketing strategy BEFORE you launch it.

What makes an exceptional Web Site? Usability Successful web site design is about meeting customer expectation. Entertainment Information Links to related sites Make a purchase Design Good design make positive first impression. But then good design can do little to mask a boring content.

1. Navigation 2. Consistency 3. Performance 4. Appearance 5. Quality Assurance 6. Interactivity 7. Security 8. Scalability Essential Criteria

Navigation Your Web Site should be easy to navigate Figure out what the site is about in 4 sec. Hyperlinks are clear Buttons are label clearly Meet certain conventions

Consistency A web page layout and design should be consistent throughout the site. Elements such as layout, color, fonts, graphics, and navigation aids should remain consistent.

Performance Your web site should be quick to download Web surfer has little patience Speed benchmark is 12 second-rule. Variation – 4 second-rule.

Appearance Your web site should be easy to read Choose text and background colors wisely Match the expectation of the target audience. Designing of a jewelry store different substantially from a car loan company.

Quality Assurance Making sure the web site is properly tested BEFORE and AFTER it is launched.

Interactivity A web site should encourage the visitor to play an active role in learning about the business’ products or services

Security Visitors need to feel safe to interact with the web site. Provide a privacy policy on every page.

Scalability The web site should provide a seamless path for enhancement and future upgrade

Psychology of Color Color affects our emotions and behavior Warm color: magenta, red and orange and yellow Cool color: cyan, violet, blue, light blue and sea green Different meaning in different culture Color create mood and personality A site selling baby products could use vibrant scheme that parent would appreciate as a bright and positive influence. / /

Psychology of Color continued Game sites are one type of site that can get away with in-your face colors, Flash effects, and highly animated graphic Color for Genders and different age group Sites directed at a female audience tend to feature lighter color, usually pastels, with many pictures White is a color.

Conclusion What makes an exceptional web site? The goal of any web site is to deliver quality contents to its intended audience and to do so with an elegant design.