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.

Slides:



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

DON’T MAKE ME THINK Steve Krug.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
GENERAL USABILITY CONSIDERATIONS. Overview of usability Aspects of usability – Learnability, memorability, efficiency, error reduction Techniques 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.
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
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.
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.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
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.
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.
Avoiding the Pitfalls of Bad Slides  Outlines  Slide Structure  Fonts  Color  Background  Graphs  Spelling and Grammar  Conclusions  Questions.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
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.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Avoiding the Pitfalls of Bad Slides  Outlines  Slide Structure  Fonts  Color  Background  Sounds  Graphs  Spelling and Grammar  Conclusions.
Presentation Design.
EDW647: Internet for Educators Dr. Roger Webster Department of Computer Science Millersville University July 23, 2008 Create.
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.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
Avoiding the Pitfalls of Bad Slides The Purpose - remember that the purpose of a presentation is to present information — not overwhelm the audience.
Making PowerPoint Slides Avoiding the Pitfalls of Bad Slides.
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
 Stimulate interest and discussion  Receive feedback on research  Generate contacts.
 Stimulate interest and discussion  Receive feedback on research  Generate contacts.
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.
User eXperience. Don’t make me think  When you looking at a page that doesn’t make you think, all the thought balloons over your head say things like.
Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Creating Powerful Presentations Avoiding the Pitfalls of Bad Presentations.
Principles of effective web design NOTES Flo Morris-Duffin.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Unit 1: Graphics are all around us Design Graphic.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
Do This file can be found at
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
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.
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.
Essential Elements to Keep in Mind While Designing a Website.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Effective PowerPoint Presentations
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Don’t make me think Usability.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Krug Chapter 3 Billboard Design 101
Effective Presentations
Usability 1.0 J. Richard Stevens.
Presentation transcript:

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 things work. We muddle through. Therefore you have to make websites as simple as you can so people don’t get frustrated. We don’t make optimal choices. We satisfice. People often would rather keep clicking things until they find what they want. They use trial and error because it is easier than figuring out how a webpage works and it could also be more fun. Only the important things stick out to us. If we are looking to book a flight, the book a flight link will be the only thing we see. So How Do We Browse a Webpage?

“As a rule, conventions only become conventions if they work. Well- applied conventions make it easier for users to go from site to site without expending a lot of effort figuring out how things work.” If something makes a lot of sense it will become a convention and you will not be penalized for using one. Conventions are a safe bet. There’s a reassuring sense of familiarity, for example, seeing a list of links to the sections of a site on a colored background down the left side of the page or a search bar being found at the top or bottom of the page. When in doubt, always use conventions!! Conventions are your friends

Yes a webpage can have noise. Not just audio which you should be careful with too. In most case music shouldn’t automatically because people don’t want to be surprised by loud music that they may not like and then be forced to find the pause button! There is also visual noise. A common flaw of easy-to-grasp pages is visual noise. There are really two kinds of noise: 1.Busy-ness. -Too much writing and animations or other “noise” can be overwhelming. If you click on a page and instantly feel overwhelmed then there is too much busy-ness. Avoid clutter and having too many things trying to gain your attention. 2. Background noise -Avoid a distracting background, bad complement of colors or other overwhelming things. Keep the noise down

Elements should display a logical order and be clear to the user The more important something is, the more prominent it is. Titles and headings should be in bigger bolder font because it sticks out more and attracts your attention. Use conventions. They are convenient and people will be so used to them that they won’t have to think or wonder about why you did ___ in a certain way. Things that are related logically are also related visually. You want people to not be confused by two elements next to each other that don’t make sense. For example a phone number should be found under a Contact Us section. Things should be “nested” visually to show what’s part of what. Create a clear visual hierarchy

Dividing the page into clearly defined areas is important because it allows users to decide quickly which areas of the page to focus on and which areas they can safely ignore. -Keep paragraphs short --Use bulleted lists --Highlight Key terms Since a large part of what people are doing on the Web is looking for the next thing to click, it’s important to make it obvious what’s clickable and what’s not. -Makes sense right? You will have much fewer people clicking on your links if they have no idea that it is a link. Conventions are blue text. Break up pages clearly and make clickable objects obvious

Make things as mindless and self-explanatory as possible. Avoid lengthy instructions; everyone hates to read (Just think about how many people actually read the Terms and Conditions. “Ain’t nobody have time fo dat!”) The longer something is, the more people who will avoid it and therefore avoid your website. And remember: DON’T MAKE PEOPLE THINK!!! Finally

Name: Nick Donnarumma Phone: Contact info