Human Computer Interaction CSC 4730 User System Interface CSC 8570

Human Computer InteractionCSC 4730User System InterfaceCSC 8570

Meeting 8October 23, 2012PreliminariesResearch projectPresentationsCalendarQuestionsThe Mobile Wallet ProjectGoal: Create a user interface design for a Mobile Wallet Worth Having (MWWH). The UI design should be:As powerful as possibleAs worthful as possibleAs intuitive as possibleProcess: Divide into design teamsBrainstorm design and features, in several rounds, tonightChoose components for actual design processThe Mobile Wallet Project (2)Design Teams are:

Team P: Andrew D, John, Ken, Shishir Team Q: Donald, James B, James N, KevinTeam R: Andrew L, Anthony, KristinTeam S: Chris, Mike, Tyler

4Shift into design teams and spread out in classroomThe Mobile Wallet Project (3)Move into groups, separating each group from all others as much as possible.Take about 20 minutes to read and discussThe articles linked from: techcrunch.com/tag/mobile-walletThe website paywithisis.comThe definitive (but older) survey from IEEE Communications found at csc.villanova.edu/~beck/csc8570/2004_COMSOC-SURVEYS.pdfThen well think creatively5The Mobile WalletWell approach understanding the design of the Mobile Wallet Worth Having in four ways:By perceptionBy design philosophyBy taskBy physical interface

But first:6The Old WalletList everything that is currently in your wallet and determine:What the reason is for having each of these things in your wallet?Could any of these things be moved elsewhere?

Make union list on next slide7The Old Wallet ContainsCredit cards (several)Medical insurance cards (several)AAA cardShopper loyalty cardsTransportation cardDrivers licenseOther IDs (work, school)Gift cardsSocial security cardCashMedical conditionBusiness cardsPicturesReceiptsStampsKeyTrain ticketBoarding passMembership cardKey cardBandAidPhone numbersCoupons

The Old Wallet (2)What difficulties do you have with the old wallet? How is your old wallet imperfect?Make list on next slide9The Old Wallet DifficultiesToo bigDestroys clothesThings fall outNot well organizedThings not readily visibleWallet costs moneyEasy to use if stolenBreaks credit cardsCan get wetDegrades over timeWatch for the GUEPS and the CDs as you discuss the mental model. 10Mobile Wallet: PerceptionWhat do you think of when someone starts talking about a mobile wallet?What is your mental model of the device?Theories or beliefs about its operationsA space in which problems are solved through a sequence of stepsA representation of the device in a more familiar or easier settingCreated from an understanding of a textual description of the device

Make list on next slide11Perceptions; Mental ModelsAct like a credit, loyalty, membership cardIncorporates loyalty transactionsRapid, easy method of paymentCompare with EZPassFacilitates transactionsMonetaryIdentity verificationBorrowingPricing/buyingMobile Wallet: Design PhilosophyHow does the perception of a MWWH translate to an overall design?An Analogy: A toaster should make toast.A toaster can be easily made to toast more than bread (bagels, English muffins, crullers, )Sometimes the item needing toasted is frozen. A toaster should operate wherever it can be plugged in. But it has to be plugged in to work.Make list on next slide13Design PhilosophyHint: Sometimes you can state a design philosophy by developing a marketing campaign for your product.Simple to useNo cash neededPurchases made easilyThrow away your wallet, go greenImportant information at your fingertipsSecureMobile Wallet: Physical InterfaceWhat should the physical design of the MWWH and its physical interface widgets be?Make list on next slide15Physical InterfaceTransmit w/ near field communicationCamera for scanning inputPower on/offTouch screenGPS (interface or feature)Accelerometer (eg. bump communication)Network connectionSound / tactile feedbackVirtual representation of typical wallet contentsPerhaps hierarchical, perhaps linear, perhaps ?Configuration state

Mobile Wallet: Task ListWhat tasks would you like to accomplish with your mobile wallet?Task ListPay for thingsAdd gratuityMultiple currenciesTransfer money betweenTwo of your accountsYou and someone elseRecord, review, analyze transactionsIncluding locationRecord, review, analyze loyalty bonusesAccess/demonstrate identityAccess/demonstrate medical historyLocation services: find vendors, receive promotions from vendorsSubscription services: Membership services:Transportation services:Manage securityTracking, destruction, if lostPersonalizationManage accountsCloud sourcedSynchronizationMultiple devices Perhaps More TasksThese next slides are extracted from a SXSW 2012 presentation given by Omar Green, Director of Strategic Mobile Initiatives at Intuit

20The mobile wallet works in the context of your life.

WALLET WORTH HAVING

Mobile Wallet: Design TaskEach design team chooses X of the Y tasks in order of preference. Submit choice by 10/29One alternate task can be proposed.Instructor will assign tasks based on preference orderingImportant: The teams are designing the user interface for the functionality described, not the implementation of the functionality itself.Design teams meet Tuesday, 10/30, during class timeInterim design report due by 9:00 p.m. EDT that evening.Final design report due Wednesday, 11/7Mobile Wallet: DT (2)Being as creative as possibleDevelop a task analysisUse an FSM model or a GOMS model, if appropriatePropose a design for the MW to accomplish the teams assigned taskImplement a prototype of the design (implement can mean screen shots or a running program)Analyze the prototype in light of the GUEPs and CDsUse other ideas from course as appropriate to justify your design.Submit a report with the results of your work.

Mobile Wallet: DT (3)Results should be four designs that, when combined, describe a device that is close to a mobile wallet worth having.To DoSubmit choices of mobile wallet tasks by Monday, October 29.Submit (by email) Progress Report 1 by Tuesday, October 30.Meet as an interface design team on Tuesday, October 30. Submit initial design report by 9:00 p.m. EDT.