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.

Slides:



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

Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu
Low-Literacy Users on the Web. Reading on the Web Most web users read as little as they can They scan the page, picking out important words and sentences.
Group Project. Don’t make me think Steve Krug (2006)
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.
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.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Ben Zacharias
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
MOVE FORWARD WITH MOBILE AGEND A Why the mobile web is now a must What Google has to say about all this Best practices for mobile What are my options?
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
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
Designing for the Web 7 Useful Design Principles.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Social networks and communities Suitable for: Improver.
From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
HBK Contracting Website Rebuild Proposal. This is a list of the weaknesses that we compiled after our analysis Current Website Weaknesses SEO Website.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
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.
Vocab Visual Dictionary
Professional Digital Portfolio Global Economy Increased competition Thomas L. Friedman: The World is Flat –A job that can become routine will be.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
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.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Unstated Requirements And useability 1. Many UI decisions End up being made by the technical development/implementation staff End up being made by the.
Usability Testing October 17, Overview Heuristic Evaluation and Usability Testing (25 min) Client Relationships – Lisa Lowthers (30 min) Review.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
Step 6 Headings And Paragraphs. Background You found a really good web page, with lots of information. But where to begin? There sure is, let’s see how.
SKILLS DEVELOPMENT ACTIVITIES AICE Global Perspectives and Research.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Introduction to Usability By : Sumathie Sundaresan.
How to Design PowerPoint Presentations Which are EASI to Create While Enhancing Accessible, Clear Communication Norm & Beth Coombs.
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
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.
Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.
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.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
13 Key Reading Strategies Skilled readers do these things—that's why they're skilled!
Making your own web site How to use Publisher to do it!
MOVE FORWARD WITH MOBILE
Creating Website Content CS Programming Languages for Web Applications
Usability Testing and Web Design
Imran Hussain University of Management and Technology (UMT)
PBA Front-End Programming
A Common Sense Approach to Web Usability By Steve Krug, 2000
The CZSO Website Usability testing
Homegrown Usability Testing-- Will It Provide Results?
Introduction to Web Authoring Ellen Cushman cushmane
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Creating Website Content CS Programming Languages for Web Applications
Wading Through the Web Conducting Research on the Internet
Introduction to Web Authoring Ellen Cushman cushmane
Krug Chapter 6 Street signs and Breadcrumbs
Creating Website Content CS Programming Languages for Web Applications
Presentation transcript:

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 typically don’t read a whole page. Generally users will scan the page till they see a word, phrase or image that grabs their attention Make choices clear on what they are. - Users usually skim the page and pick an option that seams like the first reasonable choice. By giving links a title on what they actually will talk about, users will receive the information they are looking for quicker. Don’t make the page difficult to navigate. -Most people are in such a rush they don’t take the time to stop and read directions. By making your website as easy as possible it will be more user friendly and less time will be lost.

Principle #2 Street signs and breadcrumbs Be direct. -If users can’t find what they are looking quickly they will be less likely to use your website. Group similar topics together. -If a person is looking for information on a certain topic they maybe able to find it quicker even if they go to the wrong page first because they are in the right area/section/department.(ex. Main section- Jeans Sub- sections-Levis, miss me, True religion and Wranglers. Have a Search box. - for the users who have no idea where to start this will allow them to find what they are looking for without endless browsing.

Principle #3 Making the homepage What is this website. - The homepage lets the user know the name of the website and what information the rest of the website provides. Keep the Homepage discrete. - It’s okay for the homepage to have a slightly different format than the rest of the pages. Some things to keep in mind are make enough space and to keep things consistent (location of navigation bar, names and colors). Avoid pull down menus. They’re more drawbacks to having a pull down menu than not. A user can not scan the page for the topics, you have to locate the pull down menu and they can be difficult to read.

Principle #4 Usability testing on 10 cents a day Testers don’t matter. -who you recruit to test the site doesn’t matter as long as they have basic internet skills. Having a diverse group of users and grading on a curve will give you a more accurate result. Location isn’t a big deal. - As long as you have the proper equipment (a PC, Internet connection and a camcorder) and the tester you will be able to complete the test. When is a good time? - The sooner you start running tests the more likely you will be able to catch smaller problems early in before they become larger ones. Have the testers perform a task and see how well they do.

Principle #5 Usability as common courtesy Representation - The website represents you/the company. By keeping users informed on events that are happening or changes that may occur will show consideration for the user. Preserving goodwill with users. - Goodwill is a way to get users to like your site. Some ways to increase a users level of goodwill are by putting in the effort, apologize for mistakes or errors and have answers to common questions. Reducing goodwill. -although this is something that every web designer wants to avoid the truth is, is that it will more than likely to happen among users. Some ways you can avoid this is by giving all the facts, making the website look professional, and only asking for what you need.

The end! Contact information -