Connie Hancock University of Nebraska - Lincoln Extension Educator

Slides:



Advertisements
Similar presentations
Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.
Advertisements

E-shop Workshop Building an electronic storefront for your business.
1 On-line Versus Paper Whats the Difference? Characteristics of E-reader Characteristics of Online Communication Techniques for Effective Online Help Techniques.
Online Customer Service Fahri Karakaya, Ph. D. Professor of Marketing Director, S. E. Mass. eCommerce Network University of Massachusetts Dartmouth F.
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.
Back to Table of Contents
1 User Interface Design for the Web Lawrence Najjar Senior Usability Specialist, iXL Presentation available at:
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Conceptual Design of the Website Site Architecture andNavigation.
Selling on the Internet. Source: Small Businesses: Using the Internet Source: Virginia Microenterprise Network Regional Conference.
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
July 1998Thane Terrill Using the Web Thane B. Terrill Summer 1998.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
E-commerce Trends Change is a SURE thing! Pamela J. Brown, Ph.D. Associate Professor & Extension Entrepreneurship Specialist Tucumcari Workshop Basic Track.
AdvWeb-1/11 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Your Website Chat & Live Customer Support Solution "Instant Customer GratificationSM" Brought to you by: Affordable Business Productivity and Communications.
Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.
Electronic Retailing Selling on the Internet. Source: NUA Internet SurveysNUA Internet Surveys.
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.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
Designing for the Web 7 Useful Design Principles.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
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.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Web-designWeb-design. Web design What is it? Web-design features Before…
CCRI – Instructional Support Team Creating Class Presentations using PowerPoint.
E-Commerce and the Entrepreneur
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Giving Your Web Customers a Reason to Stay.  Web visitors only take 5 SECONDS to decide whether they want to stay on your site  “Users don’t read, they.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
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.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Electronic Commerce Web Site Analysis E-Commerce: Selling on the Internet Know why you are on the Web???
Introduction to Web Page Design. General Design Tips.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
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.
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.
Principles of effective web design NOTES Flo Morris-Duffin.

Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology.
Visual Elements. Can set the tone Complement an image Makes presentations lively.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.
Remote Access: Guide for Windows
Color Theory in Web Design
15 Basic Web Designing Tips
Web-design.
Objective % Explain concepts used to create websites.
PowerPoint Slide Design
Do’s and Don’t of a Good PowerPoint Presentation
Presentation transcript:

Connie Hancock University of Nebraska - Lincoln Extension Educator

Know why you are on the Web?

 Easy to place an order  Large selection of products  Cheaper prices  Faster service and delivery  Detailed and clear product information  No sales pressure  Easy payment procedure Reference: Reasons Why People Shop the Web…

 High Quality  Ease of use  Minimal download time  Updated often Reference: Forrester Survey Factors driving repeat visits to a Web Site

 Home page  Navigation  Bandwidth  Browser compatibility  User interface  Color palette  Frames  Accessibility Elements to consider…

 Where am I?  Where have I been?  Where can I go?  Where is the home page?  Where is the home “home” page?

3 clicks and you’re out!

GONE!!  1 – 2 seconds  < 13 seconds  > 20 seconds Download time…

 Designing for 56k modem  Keeping page sizes < 75k  Applying the KISS rule Decrease download time by…..

“Remove graphic; increase traffic. It’s that simple.” Reference: Dr. Jakob Nielsen; Web Usability Speciality;

NETSCAPE EXPLORER

NETSCAPE EXPLORER

 Netscape  Explorer  Foxfire  Mozilla Browser Testing –  Opera  AOL  Web TV  Lynx

 Desktop  Laptop  Hand-held  Web TV How are your customers accessing your site?

 PC  Mac How are your customers accessing your site?

Color Considerations….  Artistic  Cultural  Sales  Technical

Black – United States & Europe White White – China & Japan Yellow Yellow – Egypt & Burma Purple Purple – Thailand Blue Blue – Iran Red Red – South Africa

 Browsers don’t like them  Printers don’t like them  Search engines don’t like them  People/customers don’t like them Frames...

FRAMES

How’s this for readability?

Recommendations...  Good background/text contrast  Avoid patterned backgrounds  Easy to read fonts  Make words count  Short paragraphs  Bulleted lists

serif sans-serif

 The visually impaired use special readers that read only text.  Blinking text can trigger seizures in some visitors.  Poor color choices may render text unreadable to color blind visitors.  Mouse-dependent site navigation can be difficult for visitors with physical limitations.  Information contained in sound clips is inaccessible to hearing-impaired visitors. For Example...

 Fun and easy to navigate sites  Pages that appear professional  Clear and accurate product information  Real time answers  Good prices and clear representation of all charges The key is consumer confidence…

 Payment options  Secure transactions  Easy to use return or exchange policy  Quick processing time and delivery  Shopper privacy The key is consumer confidence…

The Bottom Line...  Getting customers to come to your site,  Getting customers to make a purchase once they get to your site, and  Getting customers to return to your site and purchase again, again, and again!

Designing Web Usability, The Practice of Simplicity by Jakob Nielsen, Web Pages That Suck, Learn Good Design by Looking at Bad Design by V. Flanders & M. Willis, Don’t Make Me Think!, A Common Sense Approach to Web Usability by Steve Krug, Business to Consumer E-Commerce: Selling on the Internet, Beth Duncan, Ph.d Small Business Specialist, Mississippi State University Extension Service, Resources

Connie Hancock University of Nebraska - Lincoln Extension Educator