Presentation on theme: "Author: Steve Krug Presented by: Nicole Wilson"— Presentation transcript:
1 Author: Steve Krug Presented by: Nicole Wilson DON’T MAKE ME THINK A Common Sense Approach to Web Usability Second EditionAuthor: Steve KrugPresented by: Nicole Wilson
2 Krug’s First Law of Usability: Don’t make me think! “What is the most important thing I should do if I want to make sure my Web site is easy to use?”“Don’t make me think!”As far as humanly possible, when I look at a Web page it should be self-evident. Obvious. Self-explanatory.Things that make us think:Typical culprits are cute or clever names, marketing-induced names, company-specific names, unfamiliar technical namesLinks and buttons that aren’t obviously clickableSearch bars: how to search
4 How we really use the Web: Scanning, satisficing, and muddling through We’re thinking “great literature” (or at least “product brochure”)Users reality is much closer to “billboard going by at 60 miles an hour”Three facts about real-world web use:We don’t read pages. We scan them.We don’t make optimal choices. We satisfice.We don’t figure out how things work. We muddle through.
6 Billboard Design 101: Designing pages for scanning, not reading Five important things you can do to make sure users see—and understand—as much of your site as possible:Create a clear visual hierarchyTake advantage of conventionsBreak pages up into clearly defined areasMake it obvious what’s clickableMinimize noise
7 Street signs and Breadcrumbs: Designing Navigation Different kinds of users:“Search-dominant” users“Link-dominant” usersEveryone elsePersistent navigation (or global navigation): describes the set of navigation elements that appear on every page of a siteShould include five elements that you most need to have on hand at all times:Site IDA way homeA way to searchSectionsUtilitiesException to this ruleThe Home pageFormsPage names
8 Street signs and breadcrumbs: Designing Navigation “You are here” indicatorsAccomplished by highlighting my current location in whatever navigational bars, lists, or menus appear on the pageMost common failing = too subtleBreadcrumbsShow you where you areGive users some sense of where they are in the grand scheme of things while still allowing the sub-sites to keep their independent navigation schemesBreadcrumbs alone are not a good navigation schemeBreadcrumb “best practices”Put them at the topUse > between levelsUse tiny typeUse the words “You are here”Boldface the last itemDon’t use them instead of a page nameTabsThey’re self evidentThey’re hard to missThey’re slickThey suggest physical spaceExample:
9 Designing Navigation“You are here” indicatorsBreadcrumbs
10 Designing the Home page The Home page has to accommodate:Site identity & missionSite hierarchySearchTeases/Content promos/Feature promosDealsShortcutsRegistrationHas to meet a few abstract objectives:Show me what I’m looking for…and what I’m not looking forShow me where to startEstablish creditability & trustAs quickly as possible the Home page must answer these four questions:What is this?What do they have here?What can I do here?Why am I here—and not somewhere else?How to get the message acrossThe taglineThe Welcome blurbNothing beats a good tagline!
11 The Home page The Home page has to accommodate: Site identity & missionSite hierarchySearchTeases/Content promos/Feature promosDealsShortcutsRegistration
12 Usability as a common courtesy Things that diminish goodwillHiding info that I wantPunishing me for not doing things your wayAsking me for information that you don’t really needPutting sizzle in my wayYour site looks amateurishThings that increase goodwillKnow the main things that people want to do on your site & make them obvious & easySave me steps where ever you canPut effort into itKnow what questions I’m likely to have, & answer themProvide me with creature comforts like printer-friendly pagesMake it easy to recover from errorsWhen in doubt, apologizeAnother important component to Web usability: doing the right thing—being considerate of the userThe reservoir of GoodwillIt’s idiosyncraticIt’s situationalYou can refill itSometimes a single mistake can empty it