Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

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.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Refinement Production Implementation Design and Development Stages.
Basic Principles of Design How to make your websites and video graphics look more professional.
Interface / navigation COM 366 Web Design & Production.
Usability Information Systems 337 Prof. Harry Plantinga.
Web Writing Ag Media Writing 3/19/03. Web Writing “People who surf the Internet use a special medium that requires concentration and attention, and they.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
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.
Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
LESSON #3 WEB DESIGN. WHAT IS WEEBLY? Weebly.com is web 2.0 like online site builder with some advanced features. Is the perfect tool for creating classroom.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Writing for the Web Paul Lalonde Content Manager MarketingWise
WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Designing Effective Documents
Instructional Guide Original presentation created by EasyBib, adapted by S. Hall for educational purposes following Fair Use Guidelines and permission.
Montana Banana Effective Content Checklist. What is ‘Effective Content’? Effective Content is a badge of distinction we can give to any web page (or website)
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Web-designWeb-design. Web design What is it? Web-design features Before…
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
An Introduction To Websites With a little of help from “WebPages That Suck.
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.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
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.
Effective Web Writing April Overview - Why Content Matters - Reading Online vs Print - Best Practices with Web Writing - Content Plan/Schedule.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.
Innovation AMS Center for Advanced Technologies Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Principles of effective web design NOTES Flo Morris-Duffin.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Web Page Concept and Design :
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
(OF WEB DESIGN) The Seven Deadly Sins. 1. Too Much Template Website templates are a convenient, inexpensive and quick way to create a website. They are.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Web Design Standards. What makes a good website Well Organized, Easy to Navigate – Provide multiple ways to connect to the same page – Use the “Hyper”
Web best practices. Basic needs of ALL websites Utility Usability.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
Essential Elements to Keep in Mind While Designing a Website.
Company LOGO Web site Do’s and Don’ts What Works and What Doesn’t.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
When Graphic/Website Design Meets Online Course Design Applying graphic/website design principles to an online course Quebec City, E-Learn 2007.
Thinking Web > CONTENT DEVELOPMENT
Usability Testing and Web Design
Five simple tips to improve your intranet content
Web-design.
PBA Front-End Programming
Chapter 17 Designing for the web
Term Project Evaluations Guiding Principles Summary
Session I Chapter 18 - How to Design a Web Site
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Web Design Tips.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Presentation transcript:

Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com

Why Do I Care? Because users do! Every website has a function, is yours clear AND easily accomplished? I mean, it works, doesn’t it?! If you build it they will come…SORRY!

The Three Core “Abilities” Navigability – Where do I go? What can I do? Readability – Not just readable…retainable Credibility – Are you trustworthy?

Navigation

Where Am I? Where Do I Go? What Can I Do? The web has started to “settle out” Consistent design elements – – Look the same. Don’t move.

Color Used as a Navigation Tool Color can help our brains establish relationships quickly. * Don’t make the user re-learn the navigation!

Oh the places you’ll go! What can I do here? Where can I go?

Consistent, consistent, CoNsIsTeNt! Adequate signage – Primary navigation on every page – The breadcrumbs had better lead out of the forest Think about structure FIRST – Halls lead to bedrooms…bedrooms have bathrooms and closet space…there is a door from the garage to the house… Link text does matter – Simplify, man! – Don’t obfuscate in an attempt to impress or WOW people

Readability

Make it Scanable! No serifs Bullets, subheadings Short paragraphs

Help Me Scan, please. Bold important points Contrasting colors Links need to look like links

Don’t Make Me Squint! Line Length – Arc of our visual field is only a few inches – As line length increases, reading slows and retention falls – About 12 words per line Source – Max Design [

Credibility

Do You Have Street Cred? (You’d better…) UCLA study: Only 52.8% of web users think online information is credible

Look Within Get inside the heads of your users: – What is the purpose of this organization? – How much does it cost? – What happens if…?

How to Get Cred Prove there’s an actual organization: – Link to external references – Staff bios and pictures – Make contacting you easy – Look professional (design AND structure) – Free stuff or dynamic content – No dead links – Auto- confirmation

Final Thoughts (Conceptual) Don’t make assumptions – “Our site meets our organization’s goals.” What you think matters less than what your users think. – “Our site has all the info our users need.” Let them tell YOU. Users come first. – “Our site is just as good as our competitor’s.” Very risky. What if their site sucks?

Final Thoughts (Technical) Fancy graphics do not a good site make – Large graphics=increased download time – Use a web speed analyzer ( Search function is now standard Frames are bad – Can make pages unprintable – Pages cannot be bookmarked Fancy navigations used sparingly

References Max Design – Webcredible – Webmonkey –