Outlining Web Ease of use with a Human-Focused Methodology

Designing web usability with a human centered approach l.jpg
1 / 45
1409 days ago, 464 views
PowerPoint PPT Presentation
clients have Banner visual impairment in the event that it would appear that a commercial, they overlook it ...

Presentation Transcript

Slide 1

Planning Web Usability with a Human-Centered Approach CIS 421 usability.ppt

Slide 2

Agenda Changes to timetable Usability Universal Design Movement - in your reading material Technology ease of use Web Usability

Slide 3

Changes to Schedule DUE Thursday before class: Complete Blackboard tests on : Usability Next Week: DUE Thursday, 11/5 preceding class: Project 2 posted on individual site, with reviewing sheets presented on Blackboard task Delay until week 7 (October 10-12) : Tuesday: Ex. 2 on Cyber Security Fair Thursday:: Blackboard Quizzes: ~ Ch 7 test (Video & Audio) and Color Theory test Week 8, Thurs (11/19) Post Exercise 3 , availability trial of associate's site, posted on Blackboard & site

Slide 4

Universal Design Universal Design standards are utilized as a part of planning more than sites: Housing House and kitchen product Teaching materials What are the fundamental thoughts of all inclusive outline? Imply: consider what your Textbook : Universal Design for Web Accessibility says in regards to the estimation of outlining "hindrance free" sites

Slide 5

3 Usability Gurus are critical Donald Norman, Cognitive Psychologist - innovation all in all: PCs, entryway handles The Psychology [Design] of Everyday Things , 1988, 1991. Things that make us savvy, 1993 Emotional Design 2004 Jakob Nielsen, Computer Scientist - Web Designing Web Usability , New Riders, 2000; With Marie Tahir, Home Page Usability, 2002 With Hoa Loranger, Prioritizing Web Usability, 2006 Minor master: Steve Krug, professional: Web Don't make me think, 2 nd ed. New Riders, 2006

Slide 6

Usability Concepts + Rules Norman : Human-focused plan hypothesis Ideas have influenced innovation outline since 1980s http://www.jnd.org + http://www.nngroup.com Nielsen: Web ease of use Research following client's developments in light of Web pages http://www.useit.com Krug: Popular rendition of Usability Ideas in view of practice http://www.sensible.com

Slide 7

Norman's human-focused approach Technology should be undetectable to us and not hinder doing the errand Knowledge in the innovation ("on the planet ") helps undertaking execution Example: printer symbol proposes catch work Krug calls it "plainly obvious" Require less " learning in the head " particularly when symbol turns into a "standard" utilized by numerous It avoids human mistake Final word: "When all else comes up short, institutionalize!" GUI (& web) outline has turned out to be a great deal more institutionalized since PCs turned out to be broadly received

Slide 8

Norman: How would we pass on what we intend to the client? Affordance is nature of protest that recommends what should be possible to a question An entryway manages opening & shutting "Saw" Affordance Person can tell what the entryway does, as well as how it works by taking a gander at it – PUSH it, PULL it, TURN THE KNOB, and so on. Affordances set desires – Is plainly obvious (Krug) Feedback tells client what happened when they communicate with something on interface Door opens, entryway closes, client hears something Users make sense of what they can do in light of affordances & criticism

Slide 9

Norman's Paradox of Technology offers the possibility to make life less demanding and more agreeable Each new innovation gives expanded advantages in the meantime, innovation can include complexities which can make advancements disappointing to utilize

Slide 10

Jakob Nielsen's Web Usability 101 http://www.useit.com/alertbox/20030825.html Usability is " a quality property that surveys how simple UIs are to utilize " – has 5 quality segments Learnability – How simple to do essential errands? Proficiency – how FAST can client start to perform undertakings? Memorability – how simple to recall how it functions? Blunders – How simple to make mistakes? How taken care of? Fulfillment – How wonderful to utilize outline? passionate On the Web, convenience is a fundamental condition for survival. On the off chance that site is hard to utilize, people  leave

Slide 11

Nielsen's Designing Web Usability governs the web – the individual who taps the mouse chooses everything - including to leave site Jakob's Law of Internet User Experience : Users invest a large portion of their energy in different sites! How can that influence how clients see your site? What are clients contrasting your site with? Page outline is the most quickly unmistakable piece of web plan Users typically take a gander at one page at once Based on what they see, they stay or leave

Slide 12

Nielsen & Hoa, Prioritizing Web Usability (2006) in light of client tests Tested 69 grown-up clients (20-60 years old) 57 in US, 12 in UK At slightest 1 year encounter utilizing web Rated HIGH experience or LOW experience , relying upon whether utilized propelled procedures Not individuals who create innovation or web applications Tested independently, "Verbally processing" Videotaped their developments + PC with 2 isolate cameras 1-3 onlookers watched what they did

Slide 13

Users had 2 sets of undertakings Site-particular errand to comprehend Assigned to one of 25 sites (different kinds & sizes of locales in the test set) far reaching errand to understand Could go anyplace they needed Tasks or issues appraised as: 100% understood 0% tackled Partially fathomed

Slide 14

Success Rates & Experience Average achievement rate for BOTH was 66%, up from 40% in 1990s Self-reported USER SATISFACTION was 4.7 on a size of 0 (low) to 7 (high). Not especially astonishing since their examination demonstrates that clients tend to give liberal scores on client fulfillment notwithstanding when they experience issues utilizing a site

Slide 15

Web-Wide Task comes about: How individuals utilized destinations: What does this mean? 88% utilized a web crawler While doing undertaking, clients found the middle value of 3.2 destinations Probability of returning to a website: 12% by and large, test clients burned through 1 min., 49 sec . going to a site before proceeding onward Average time per page: 22 seconds or this long: Time spent on conclusive site where settled errand: 3 min, 49 sec . 60% of Initial visits to a site were to internal page not landing page. At the point when clients perused, they spent avg of 27 sec on inside page the vast majority of time on substance territory Ignored flags, route, sidebars , and so forth. Half of client snaps were from substance range

Slide 16

SERP : Search Engine Results Page returns two sorts of postings Sponsored Listings "Supports" offer on the amount they will pay for snap throughs on "catchphrase" promoting Top offers get recorded " over the Line " "Natural" postings are best matches on web to watchword look in light of " flytrap" content that is barely engaged Rich "see additionally" connections to related substance & administrations Provide investigation & understanding that draws in individuals Publish a pamphlet to set up associations with clients .

Slide 17

Where clients tap on "natural" postings on SERP – 83% ONLY utilized p. 1 postings

Slide 18

Page Views by Homepage versus Screenful Interior Pages People discover MORE USEFUL data inside the site than on the landing page, however they regularly checked the landing page to see what the site is about.

Slide 19

Scrolling: Users are lethargic, insensible! 35% of pages did not require look down on other 65%: the % who looked down Homepage, 1 st visit 23% Homepage, 2 nd visit 14% Interior pages 42% Search motor results 47% Less experienced clients will probably look down than experienced ones.

Slide 20

Bad Search - Overly exacting web crawlers PDF Files for Online Reading – alright for manuals, however not for pages Not Changing the Color of Visited Links Non-Scannable Text Should utilize 8 th grade perusing level for overall population . Altered Font Size Page Titles With Low Search Engine Visibility Anything That Looks Like an Advertisement – clients have Banner visual impairment – in the event that it would seem that a promotion, they disregard it Violating outline traditions – be predictable Opening New Browser Windows Not Answering Users' Questions – leaving off the cost or aggregate cost, until you present the frame with your name on it. Nielsen's Top Ten Mistakes in Web Design http://www.useit.com/alertbox/9605.html

Slide 21

Conclusions from this study Do clients look down to discover anything? Do clients more often than not go to the landing page when they visit a site from a web index? Do clients tap on more than the initial couple of things on the "natural" part of the SERP? How would you get your page to the highest point of the "natural" rundown?

Slide 22

Solutions to Usability issues Simple ease of use testing Content issues Design issues Use of measures Layout Navigation & signposts Readability

Slide 23

Nielsen's Quick User testing Find 5 clients to test webpage –5 is sufficient to discover vital convenience issues Ask clients to perform delegate errands with the present rendition of your Website Observe what clients do Where do they succeed? Where do they have issues with UI? Listen to what they say Revise the site and retest the modification

Slide 24

Krug Trunk Test: site in work out: http://www.al-eds.com/Look at a your page and answer these inquiries: What site is this? (site id?) What page am I on (page name) What are the significant areas of this site? (segments) What are the choices at this level (neighborhood guide) Where am I in the plan of things? By what method would I be able to seek?

Slide 25

Types of Web testing Eyetracking video Vincent Flanders Web Pages that Suck Worst Web Sites of 2008  - need to look down underneath advertisements to discover ethem Web Pages That Suck - Lack of differentiation

Slide 26

Content: Strategy to support Information searching at your website Based on presumption that clients don't strive unless they should - vitality advancement like creatures chasing for sustenance " Information Scent " idea – in view of "spoor" Users will continue looking the length of they feel they are getting hotter, & nearer to data they wantk or potentially require Analogy to eating routine determination of a fox in a woods with huge bunnies and sma