STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.

Slides:

Advertisements

Similar presentations

Author: Steve Krug Presented by: Nicole Wilson

Advertisements

Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.

DON’T MAKE ME THINK Steve Krug.

A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!

Steve Krug Don’t Make Me Think 5 Guidelines to Web Designing.

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.

Starter for 10 Unit 12: Twitter Transform IT SFT12_Twitter.

Clearing your Cookies Google Chrome A short guide to help you navigate our website faster Brought to you by:

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.

Solar Zone SunWare An E- Commerce Evaluation. Solar Zone Sunware Evaluation Of Product Navigability Evaluation Of Product Navigability –Are the paths.

Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

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 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.

Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.

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.

An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.

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

From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.

Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.

Don’t Make Me Think Steve Krug Dean Steuer MFC 215.

© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.

Don’t Make me Think Guiding Principles Summarized by Andrew Piatek

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.

Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.

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.

An Introduction To Websites With a little of help from “WebPages That Suck.

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.

Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.

Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.

Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.

Principles of effective web design NOTES Flo Morris-Duffin.

Why Navigation is So Important in Your Website Design.

Web Usability A simple illustration. Example: WebVoyage Timeout Utility Lets an opac user know how much time is remaining in session (bottom bar) A pop-up.

CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak

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.

Web Page Design The Key to a Successful Web Page by Judy Bogdanets.

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.

CSU Extension Webpage Template Session 4 February 2010.

Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.

MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.

Mary Mehsikomer Region 1 (218) Marketing The Media Center: How Does Your Web Site Stack Up?

Thinking Web > CONTENT DEVELOPMENT

INTERAKSI MANUSIA & KOMPUTER

Creating Website Content CS Programming Languages for Web Applications

Usability Testing and Web Design

Imran Hussain University of Management and Technology (UMT)

Thinking beyond HCI Dr David Tarrant, University of Southampton

A Common Sense Approach to Web Usability By Steve Krug, 2000

图片墨迹时尚商务PPT模板 I’m a great place for you to tell a story and let your users know a little more about you. I’m a great place for you to tell a story and.

Don’t make me think Usability.

Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.

DELIGHT WITH UX DESIGN RACHEL KORPELLA

Creating Website Content CS Programming Languages for Web Applications

Some Assistance May Be Required

Krug Chapter 6 Street signs and Breadcrumbs

Usability 1.0 J. Richard Stevens.

Creating Website Content CS Programming Languages for Web Applications

Presentation transcript:

STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE

PRINCIPLE #1:“DON’T MAKE ME THINK” The web page should allow the users to get to his/her destination very quickly Make the web page self-explanatory, self evident Make clickable links obvious to the user

PRINCIPLE 2: KNOW THE MIND OF THE USERS! How is a web page considered to be a good web page for the user?  Easy to use  Self evident/self explanatory  Short and concise  Sense of confident ( content matches the link the user clicked on)

PRINCIPLE 2: KNOW THE MIND OF THE USERS (CONT.) Why user come to your website?  “ I’m here to get service/products/information from your website.”  “ I only care about what I want, and I need it fast.” How user view/use your web page?  User usually scan through your web page, instead of fully reading it.  Looking for keywords from your web page.  Looking for content that interested them.

PRINCIPLE 2:KNOW THE MIND OF THE USERS (CONT.) Little facts: Once a user get used to your website. He will stick with it. The premise is that the user have to be able to use your website on his/her first use. Therefore, and user friendly website is necessary to increase your webpage’s influence, and the rate of spreading.

PRINCIPLE 3: THE ELEMENT FOR A GOOD WEB PAGE Ways to make your website short and concise  Remove the unnecessary words.  Remove welcome statement.  Remove of reduce the length of the instructions by making the website self explanatory.  Don’t put too much content in one single web page.  Try to use a visual hierarchy to separate the important content from less important content

PRINCIPLE 3: THE ELEMENT FOR A GOOD WEB PAGE (CONT.) Great navigation that let the users keep track of themselves  Provide ways to let the users get to their destination quickly.  Categorizing products and services into section and subsections.  Allow the user to search the for products or service.  Provide a site ID that allow users to get back to home page  Provide utilities to help user understand the web page  Provide breadcrumbs for the users to keep track of where they are, or are they in the correct path.

PRINCIPLE 3: THE ELEMENT FOR A GOOD WEB PAGE (CONT.) Home page properties:  Center of the website.  Provide navigation to other subpage.  Short and concise.  Include all the information a user need to know about this website in a simple form(section and subsections).  Provide tagline to describe what the website is for.

THE END! THANK YOU FOR WATCHING! Contact information: