Академический Документы
Профессиональный Документы
Культура Документы
and Beyond. No part of any chapter or book may be reproduced or transmitted in any form by any means without the prior written permission for reprints and excerpts from the publisher of the book or chapter. Redistribution or other use that violates the fair use privilege under U.S. copyright laws (see 17 USC107) or that otherwise violates these Terms of Service is strictly prohibited. Violators will be prosecuted to the full extent of U.S. Federal and Massachusetts laws.
5/20/12
proquest.safaribooksonline.com.libproxy.temple.edu/print?xmlid=9780321688651/ch02
Username: Temple University Book: The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond. No part of any chapter or book may be reproduced or transmitted in any form by any means without the prior written permission for reprints and excerpts from the publisher of the book or chapter. Redistribution or other use that violates the fair use privilege under U.S. copyright laws (see 17 USC107) or that otherwise violates these Terms of Service is strictly prohibited. Violators will be prosecuted to the full extent of U.S. Federal and Massachusetts laws.
Chapter2.MeettheElements
Theuserexperiencedesignprocessisallaboutensuringthatnoaspectofthe usersexperiencewithyourproducthappenswithoutyourconscious,explicit intent.Thismeanstakingintoaccounteverypossibilityofeveryactionthe userislikelytotakeandunderstandingtheusersexpectationsateverystep ofthewaythroughthatprocess.Itsoundslikeabigjob,andinsomewaysit is.Butbybreakingthejobofcraftingtheuserexperiencedownintoits componentelements,wecanbetterunderstandthetaskasawhole.
TheFivePlanes
Mostpeople,atonetimeoranother,havepurchasedaphysicalproductover theWeb.Theexperienceisprettymuchthesameeverytime:Yougotothe site,youfindtheitemyouwant(maybebyusingasearchengineormaybe bybrowsingacatalog),yougivethesiteyourcreditcardnumberandyour address,andthesiteconfirmsthattheproductwillbeshippedtoyou. Thatneat,tidyexperienceactuallyresultsfromawholesetofdecisions somesmall,somelargeabouthowthesitelooks,howitbehaves,andwhat itallowsyoutodo.Thesedecisionsbuilduponeachother,informingand influencingallaspectsoftheuserexperience.Ifwepeelawaythelayersof thatexperience,wecanbegintounderstandhowthosedecisionsaremade.
TheSurfacePlane
5/20/12
proquest.safaribooksonline.com.libproxy.temple.edu/print?xmlid=9780321688651/ch02
TheSkeletonPlane
TheStructurePlane
TheScopePlane
TheStrategyPlane
proquest.safaribooksonline.com.libproxy.temple.edu/print?xmlid=9780321688651/ch02
2/3
5/20/12
proquest.safaribooksonline.com.libproxy.temple.edu/print?xmlid=9780321688651/ch02
proquest.safaribooksonline.com.libproxy.temple.edu/print?xmlid=9780321688651/ch02
3/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Home [StartaNewSearch]
Entire Site
ThisBook
TheElementsof UserExperience, SecondEdition: UserCentered DesignfortheWeb andBeyond
HtmlView (Key:h)
BuildingfromBottomtoTop
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
Search Contents
TableofContents Index Copyright AbouttheAuthor Acknowledgementsforthe SecondEdition Acknowledgementsforthe FirstEdition IntroductiontotheSecond Edition IntroductiontotheFirst Edition Ch.1.UserExperienceand WhyItMatters Ch.2.MeettheElements TheFivePlanes BuildingfromBottomto Top ABasicDuality TheElementsofUser Experience UsingtheElements Ch.3.TheStrategyPlane: ProductObjectivesandUser Needs Ch.4.TheScopePlane: FunctionalSpecificationsand ContentRequirements Ch.5.TheStructurePlane: InteractionDesignand InformationArchitecture Ch.6.TheSkeletonPlane: InterfaceDesign,Navigation Design,andInformation Design Ch.7.TheSurfacePlane: SensoryDesign Ch.8.TheElementsApplied Index
Thesefiveplanesstrategy,scope,structure, skeleton,andsurfaceprovideaconceptual frameworkfortalkingaboutuserexperience problemsandthetoolsweusetosolvethem. Oneachplane,theissueswemustdealwith becomealittlelessabstractandalittlemore concrete.Onthelowestplane,wearenot concernedwiththefinalshapeofthesite, product,orserviceatallweonlycareabout howthesitewillfitintoourstrategy(while meetingtheneedsofourusers).Onthe highestplane,weareonlyconcernedwiththe mostconcretedetailsoftheappearanceofthe product.Planebyplane,thedecisionswehave tomakebecomealittlemorespecificand involvefinerlevelsofdetail.
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
thoseaboveandbelow,projectsderail, deadlinesaremissed,andcostsbeginto skyrocketasthedevelopmentteamtriesto piecetogethercomponentsthatdontnaturally fit.Evenworse,whentheproductfinallydoes launch,usersoftenhateit,becauseitdoesnt deliverasatisfyingexperience.This dependencemeansthatdecisionsonthe strategyplanewillhaveasortofrippleeffect allthewayupthechain.Conversely,the choicesavailabletousoneachplaneare constrainedbythedecisionswemakeabout issuesontheplanesbelowit.
Thechoicesyoumakeoneachplaneaffect thechoicesavailabletoyouonthenext planeaboveit.
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Ifyouconsideryourdecisionsonlowerplanes tobesetinstonebeforeyoutakeonyour decisionsonhigherplanes,youwillalmost certainlybethrowingyourprojectschedule andpossiblythesuccessofyourfinalproduct intojeopardy. Instead,youshouldplanyourprojectsothat workonanyplanecannotfinishbeforeworkon lowerplaneshasfinished.Theimportant considerationhereistonotbuildtheroofofthe housebeforeyouknowtheshapeofits foundation.
Email Print
HtmlView
Previous Next
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
3/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Home [StartaNewSearch]
Entire Site
ThisBook
TheElementsof UserExperience, SecondEdition: UserCentered DesignfortheWeb andBeyond
HtmlView (Key:h)
ABasicDuality
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
Search Contents
TableofContents Index Copyright AbouttheAuthor Acknowledgementsforthe SecondEdition Acknowledgementsforthe FirstEdition IntroductiontotheSecond Edition IntroductiontotheFirst Edition Ch.1.UserExperienceand WhyItMatters Ch.2.MeettheElements TheFivePlanes BuildingfromBottomto Top ABasicDuality TheElementsofUser Experience UsingtheElements Ch.3.TheStrategyPlane: ProductObjectivesandUser Needs Ch.4.TheScopePlane: FunctionalSpecificationsand ContentRequirements Ch.5.TheStructurePlane: InteractionDesignand InformationArchitecture Ch.6.TheSkeletonPlane: InterfaceDesign,Navigation Design,andInformation Design Ch.7.TheSurfacePlane: SensoryDesign Ch.8.TheElementsApplied Index
Ofcourse,therearemorethanjustfive elementsofuserexperience,andaswithany specializedfield,thisonehasevolveda vocabularyallitsown.Tosomeone encounteringthefieldforthefirsttime,user experiencecanappeartobeacomplicated business.Alltheseseeminglyidenticalterms arethrownaround:interactiondesign, informationdesign,informationarchitecture. Whatdotheymean?Anything?Orarethey justmoremeaninglessindustrybuzzwords? Tofurthercomplicatematters,peoplewilluse thesametermsindifferentways.Oneperson mightuseinformationdesigntorefertowhat anotherknowsasinformationarchitecture. Andwhatsthedifferencebetweeninterface designandinteractiondesign?Isthereone? WhentheWebstarted,itwasallabout information.Peoplecouldcreatedocuments, andtheycouldlinkthemtootherdocuments. TimBernersLee,theinventoroftheWeb, createditasawayforresearchersinthehigh energyphysicscommunity,whowerespread outallovertheworld,toshareandreferto eachothersfindings.HeknewtheWebhadthe potentialtobemuchmorethanthat,butfew othersreallyunderstoodhowgreatitspotential was. PeopleoriginallyseizedontheWebasanew publishingmedium,butastechnologyadvanced andnewfeatureswereaddedtoWebbrowsers andWebserversalike,theWebtookonnew functionalcapabilities.AftertheWebbeganto catchoninthelargerInternetcommunity,it developedamorecomplexandrobustfeature setthatwouldenableWebsitesnotonlyto
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
1/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
distributeinformationbuttocollectand manipulateitaswell.Withthis,theWeb becamemoreinteractive,respondingtothe inputofusersinwaysthatbuiltuponand sometimesmovedbeyondtraditionaldesktop applications. Withtheadventofcommercialinterestsonthe Web,thisapplicationfunctionalityfoundawide rangeofuses,suchaselectroniccommerce, socialmedia,andfinancialservices,among others.Meanwhile,theWebcontinuedto flourishasapublishingmedium,withcountless newspaperandmagazinesitesaugmentingthe waveofWebonlyblogsandezinesbeing published.Technologycontinuedtoadvanceon bothfrontsasallkindsofsitesmadethe transitionfromstaticcollectionsofinformation thatchangedinfrequentlytodynamic, databasedrivensitesthatwereconstantly evolving. WhentheWebuserexperiencecommunity startedtoform,itsmembersspoketwo differentlanguages.Onegroupsawevery problemasanapplicationdesignproblem,and appliedproblemsolvingapproachesfromthe traditionaldesktopandmainframesoftware worlds.(These,inturn,wererootedincommon practicesappliedtocreatingallkindsof products,fromcarstorunningshoes.)The othergroupsawtheWebintermsof informationdistributionandretrieval,and appliedproblemsolvingapproachesfromthe traditionalworldsofpublishing,media,and informationscience. Thisbecamequiteastumblingblock.Verylittle progresscouldbemadewhenthecommunity couldnotevenagreeonbasicterminology.The waterswerefurthermuddiedbythefactthat mostWebsitescouldnotbeneatlycategorized aseitherfunctionalapplicationsorinformation resourcesahugenumberseemedtobeasort ofhybrid,incorporatingqualitiesfromeach world. Toaddressthisbasicdualityinthenatureof theWeb,letssplitourfiveplanesdownthe
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen= 2/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Onthefunctionalityside,wearemainly concernedwithtasksthestepsinvolvedina processandhowpeoplethinkaboutcompleting them.Here,weconsidertheproductasatool orsetoftoolsthattheuseremploysto accomplishoneormoretasks. Ontheoppositeside,ourconcerniswhat informationtheproductoffersandwhatit meanstoourusers.Creatinganinformation richuserexperienceisaboutenablingpeopleto find,absorb,andmakesenseoftheinformation weprovide.
HtmlView (Key:h)
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
3/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Home [StartaNewSearch]
Entire Site
ThisBook
TheElementsof UserExperience, SecondEdition: UserCentered DesignfortheWeb andBeyond
HtmlView (Key:h)
Search Contents
TableofContents Index Copyright AbouttheAuthor Acknowledgementsforthe SecondEdition Acknowledgementsforthe FirstEdition IntroductiontotheSecond Edition IntroductiontotheFirst Edition Ch.1.UserExperienceand WhyItMatters Ch.2.MeettheElements TheFivePlanes BuildingfromBottomto Top ABasicDuality TheElementsofUser Experience UsingtheElements Ch.3.TheStrategyPlane: ProductObjectivesandUser Needs Ch.4.TheScopePlane: FunctionalSpecificationsand ContentRequirements Ch.5.TheStructurePlane: InteractionDesignand InformationArchitecture Ch.6.TheSkeletonPlane: InterfaceDesign,Navigation Design,andInformation Design Ch.7.TheSurfacePlane: SensoryDesign Ch.8.TheElementsApplied Index
TheElementsofUser Experience
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
TheStrategyPlane
Thesamestrategicconcernscomeintoplayfor bothfunctionalityorientedproductsand informationorientedresources.Userneeds arethegoalsforthesitethatcomefrom outsideourorganizationspecificallyfromthe peoplewhowilluseoursite.Wemust understandwhatouraudiencewantsfromus andhowthatfitsinwithothergoalstheyhave. Balancedagainstuserneedsareourown objectivesforthesite.Theseproduct objectivescanbebusinessgoals(Make$1 millioninsalesovertheWebthisyear)or otherkindsofgoals(Informvotersaboutthe candidatesinthenextelection).InChapter3 wellgointomoredetailabouttheseelements.
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
1/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
TheScopePlane
Onthefunctionalityside,thestrategyis translatedintoscopethroughthecreationof functionalspecifications:adetailed descriptionofthefeaturesetoftheproduct. Ontheinformationside,scopetakestheform ofcontentrequirements:adescriptionofthe variouscontentelementsthatwillberequired. Chapter4willcoverthescopeelements.
TheStructurePlane
Thescopeisgivenstructureonthe functionalitysidethroughinteractiondesign, inwhichwedefinehowthesystembehavesin responsetotheuser.Forinformation resources,thestructureistheinformation architecture:thearrangementofcontent elementstofacilitatehumanunderstanding. YoullfindmoredetailsontheseinChapter5.
TheSkeletonPlane
Theskeletonplanebreaksdownintothree
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen= 2/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
components.Onbothsides,wemustaddress informationdesign:thepresentationof informationinawaythatfacilitates understanding.Forfunctionalityoriented products,theskeletonalsoincludesinterface design,orarranginginterfaceelementsto enableuserstointeractwiththefunctionalityof thesystem.Theinterfaceforaninformation resourceisitsnavigationdesign:thesetof screenelementsthatallowtheusertomove throughtheinformationarchitecture.Theres moreabouttheskeletonplaneinChapter6.
TheSurfacePlane
Finally,wehavethesurface.Regardlessof whetherwearedealingwithafunctionality orientedproductoraninformationresource, ourconcernhereisthesame:thesensory experiencecreatedbythefinishedproduct. Itstrickierthanitsoundsyoucanfindoutall aboutitinChapter7.
HtmlView (Key:h)
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
3/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
Home [StartaNewSearch]
Entire Site
ThisBook
TheElementsof UserExperience, SecondEdition: UserCentered DesignfortheWeb andBeyond
HtmlView (Key:h)
UsingtheElements
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
Search Contents
TableofContents Index Copyright AbouttheAuthor Acknowledgementsforthe SecondEdition Acknowledgementsforthe FirstEdition IntroductiontotheSecond Edition IntroductiontotheFirst Edition Ch.1.UserExperienceand WhyItMatters Ch.2.MeettheElements TheFivePlanes BuildingfromBottomto Top ABasicDuality TheElementsofUser Experience UsingtheElements Ch.3.TheStrategyPlane: ProductObjectivesandUser Needs Ch.4.TheScopePlane: FunctionalSpecificationsand ContentRequirements Ch.5.TheStructurePlane: InteractionDesignand InformationArchitecture Ch.6.TheSkeletonPlane: InterfaceDesign,Navigation Design,andInformation Design Ch.7.TheSurfacePlane: SensoryDesign Ch.8.TheElementsApplied Index
Thismodel,dividedupintoneatboxesand planes,isaconvenientwaytothinkaboutuser experienceproblems.Inreality,ofcourse,the linesbetweentheseareasarenotsoclearly drawn.Frequently,itcanbedifficulttoidentify whetheraparticularuserexperienceproblemis bestsolvedthroughattentiontooneelement insteadofanother.Canachangetothevisuals dothetrick,orwilltheunderlyingnavigation designhavetobereworked?Someproblems requireattentioninseveralareasatonce,and someseemtostraddlethebordersidentifiedin thismodel. Fewproductsorservicesfallexclusivelyonone sideofthismodelortheother.Withineach plane,theelementsmustworktogetherto accomplishthatplanesgoals.Separatingthe effectsofdecisionsyoumakeaboutone elementfromallotherelementsontheplaneis verydifficult.Forexample,informationdesign, navigationdesign,andinterfacedesignjointly definetheskeletonofaproduct.Allthe elementsoneveryplanehaveacommon functionindeterminingthelargeruser experienceinthiscase,definingtheproducts skeletoneveniftheyperformthatfunctionin differentways. Thewayorganizationsdelegateresponsibility foruserexperienceissuesoftencomplicates mattersfurther.Insomeorganizations,youwill encounterpeoplewithjobtitleslikeinformation architectorinterfacedesigner.Dontbe confusedbythis.Thesepeoplegenerallyhave expertisespanningmanyoftheelementsof userexperience,notjustthespecialtyindicated bytheirtitle.Itsnotnecessarytohavea
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
1/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
memberofyourteamwhoisaspecialistin eachoftheseareasinstead,youonlyhaveto ensurethatsomeonespendsatleastpartof theirtimethinkingabouteachoftheseissues. Acoupleofadditionalfactorsgointoshaping thefinaluserexperiencethatyouwontfind coveredindetailhere.Thefirstoftheseis content.Theoldsaying(well,oldinWeb years)isthatcontentiskingontheWeb. Thisisabsolutelytruethesinglemost importantthingmostWebsitescanofferto theirusersiscontentthatthoseuserswillfind valuable. UsersdontvisitWebsitestoexperiencethe joyofnavigation.Thecontentthatisavailable toyou(orthatyouhaveresourcestoobtain andmanage)willplayahugeroleinshaping yoursite.Inthecaseofanonlinestore,we mightdecidethatwewanttheuserstobeable toseecoverimagesofallthebookswesell.If wecangetthem,willwehaveawaytocatalog them,keeptrackofthem,andkeepthemupto date?Andwhatifwecantgetphotosofthe bookcoversatall?Thesecontentquestionsare essentialtotheultimateuserexperienceofthe site. Second,technologycanbejustasimportant ascontentincreatingasuccessfuluser experience.Inmanycases,thenatureofthe experienceyoucanprovideyourusersis largelydeterminedbytechnology.Intheearly daysoftheWeb,thetoolstoconnectWebsites todatabaseswerefairlyprimitiveandlimited. Asthetechnologyhasadvanced,however, databaseshavebecomemorewidelyusedto driveWebsites.Thisinturnhasenabledmore andmoresophisticateduserexperience approaches,suchasdynamicnavigation systemsthatchangeinresponsetotheway usersmovethroughthesite.Technologyis alwayschanging,andthefieldofuser experiencealwayshastoadapttoit. Nevertheless,thefundamentalelementsof userexperienceremainthesame. AlthoughIdevelopedtheElementsmodelin
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen= 2/3
5/20/12
The Elements of User Experience, Second Edition: User-Centered Design for the Web and Beyond >
thecourseofmyworkonWebsites,others havesinceappliedittoawiderangeof productsandservices.IfyouworkontheWeb, everythinginthisbookappliestoyou.Ifyou workonotherkindsoftechnologyproducts, youllseestrongparallelstofamiliar considerations.Evenifyouworkonproductsor servicesthathavenothingtodowith technology,youcanmaptheseconceptsto yourownprocesses. Therestofthisbooklooksattheseelements, planebyplane,ingreaterdetail.Welltakea closerlookatsomeofthetoolsandtechniques commonlyusedtoaddresseachelement.Along theway,wellseehowtheseelementscome intoplayinproductsthatarentWebsitesat all.Wellseewhattheelementsoneachplane haveincommon,whatmakeseachone different,andhowtheyaffecteachotherto helpuscreatethetotaluserexperience.
HtmlView (Key:h)
Thumbnail Zoom Zoom Toggleto ViewOut In FullScreen (Key: (Key: (Key: (Key:f) v) ) +)
proquest.safaribooksonline.com.libproxy.temple.edu/9780321688651/ch02lev1sec1?readerfullscreen=
3/3