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.

Slides:



Advertisements
Similar presentations
Author: Steve Krug Presented by: Nicole Wilson
Advertisements

Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Marketing Communications Update Plan Communications Group March, 2007.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Final project Steve Krug Don’t make me think. Principle #1 How we really use the web Have something on the page that catches the readers interest. -Users.
Steve Krug’s -5- Guiding Principles of Good Web Design & Usability
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
Usability Information Systems 337 Prof. Harry Plantinga.
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
Web Design, Usability, and Aesthetics 3
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Ben Zacharias
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Don’t Make Me Think Explained Justin Sattelberg. Welcome This presentation is about… Steve Krug’s Book Don’t Make Me Think: A Common Sense Approach to.
Writing for the Web Paul Lalonde Content Manager MarketingWise
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Improving the customer experience on a council website The journey from 1 star to 4 star.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Connie Hancock University of Nebraska - Lincoln Extension Educator
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
CS5714 Usability Engineering Web Introduction Copyright © 2003 H. Rex Hartson and Deborah Hix.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
CSC 8560Fall 2000 Computer NetworksBhargavi Balasubramanian & Bob Viola Project 1 Description: E-Commerce Objective:Build a web storefront to sell videos.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Jacob Mortensen 2/8/13. Visual design is the look of the Web page and the colors and graphics used. VISUAL DESIGN.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Client Website Chris Dunn Web Design Year 1. For this brief I chose to create a notional client website for a charity named after my Dad called The Brian.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Build Your Own Website Review of week 6 You should now have your website pretty complete You should now have your website pretty complete Are there any.
Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
Don’t Make Me Think Steve Krug. Don’t Make Me Think What To Do & Not To Do:  Use short and to the point titles on links and buttons  Use links and buttons.
DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
DON’T MAKE ME THINK KRISTEN ABELL. TAKEAWAYS Accessibility Usability testing Good design does not always equal good usability.
Prof. James A. Landay University of Washington Autumn 2004 Design Patterns for the Web #1 October 21, 2004.
I MPORTANT E LEMENTS IN R ESPONSIVE D ESIGNING OF E COMMERCE W EBSITES By TOPS Technologies
Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.
An extension of who you are...
Getting an account with WordPress.com
Creating Website Content CS Programming Languages for Web Applications
Usability Testing and Web Design
Imran Hussain University of Management and Technology (UMT)
Top Six Web Design Tips for eCommerce Website
Web Design and Development
Krug Chapter 6 A: Navigation
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Creating Website Content CS Programming Languages for Web Applications
Krug Chapter 3 Billboard Design 101
Krug Chapter 6 Street signs and Breadcrumbs
Creating Website Content CS Programming Languages for Web Applications
Presentation transcript:

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 scan ”  Avoid “Visual Clutter”  Apply the “Chunking” principle when creating a layout for your pages  “Don’t Make Me Think!” (Steve Krug)

This is what you want to say:  1. This is who we are  2. This is where you are  3. This is what you can find here  4. This is how you can find it  5. This is what makes us awesome

David Leggett, who writes for a popular user-experience blog, "UXbooth.com", states these things for starters:  SITE ID (make it clear to the visitor what your site will give them)  Page Name (never leave a user wondering where they are)  Navigation by Browsing (clear navigation menus, top, bottom, or side)  Navigation by Search (for those visitors who are looking for something specific)  Current Location (akin to what you see in many shopping carts, like "payment", "update address", etc) Tagline / Site Description (almost like a motto or slogan, but more of a short description of what your site does)  Tagline / Site Description (almost like a motto or slogan, but more of a short description of what your site does)  Clear Visual Page Hierarchy (this is most effectively done with headers)  ( )

 “Five Second Test”  “Usability Checklist”  “E Commerce Gallery”

  