UCSF Department of Obstetrics, Gynecology & Reproductive ...



Mobile Input-write/read experiences - yahoo, google don't work with out people adding content to them-new input methods disruptive-web form book-consensus among designers to limit form inputs but look at the number of texts sent a day-but opportunity to collect input anywhere with phone, inspiration can strike at any time-zepco, shoestring lightweight mobile jquery librariesweb vs native-native app - multitasking, integrated placement: app stores-mobile web - instant updates, real time testing, single development platform (not always universal)-app wrapper"breaking development: offline rules""breaking development: web vs. apps"-one thumb design - design for the extremes the rest will take care of itself-rethink standard inputs for mobile-simpler more focused solutions when designing for mobile first-can i do this input without the keyboard?-sencha web component library-iOs components - know what the operating system supports - style guidelines from iOs and Android-set input type i.e. date, month, meter etc -pseudo elements for styling-attributes like autocorrect, capitalize-input masks for formatting and accuracy-smart defaults-Field zoom - top align labels -- need to see the question also a problem with inline labels (but can be fixed programatically)-password masking doesn't increase security but is a usability problem-smart default "hide password" - show by default-phone number input mask-add "optional" text when so-"confirm password" prone to error check after-"hotel tonight"#259 touch principles-touch across all devices- #285 mouse works for touch not vice versagestures as keyboard shortcuts #294indoor location #324-mobile capabilities extending to other devices #339-think about tilt scroll for long text (like instapaper)-placeit #385-flow by amazon-word lens translation-lemon scan receipt-recognizr-photo, say it for text fields could be useful for prime - task rabbit-touch gesture login#449 mirroringchrome feature for syncing phone and computer / google map syncstell eddie about getting photo from phone to bay not native vs mobile web but native & mobile web__________________________________________________One Design for a multi-device web91% tablet traffic on iPadhuman ergonomics - palm, lap, deskFlurry analytics3-5 inch range - 76%Full size tablet - 13% (sessions)Leap touch screen add ontest a right column floated left that drops to bottom of screen on mobileoptimize for touch support keyboard and mousecheck out bbc blog about their responsive sitetest collapsible menu - see mobile____________________________________________________Using Metaphors to Create Better Personas-Personas to account for mobilethin line between archetype and stereotype-photo and demographic - age, demographic, color of skin - making assumptions that could be offensiveClark - doesn't succeed as an archetypeData we collect as UX doesn't always lead to archetypes - doesn't inspirePoetry/metaphors"I swear she cast a shadow white as stone" typifies infaturationUse the qualitative data - but get silly, get dirty - playIf a metaphor is working it's fun when not boring How to practice goofing off"If bachelor number three were a car…" an animal…Pencil - what could it bePractice walking around your environmentVictory > Winning > Competitive advantageMetaphors that reveal:-love and sex-food and shelter-status and competition-possessions and brands-animalsThe FMK Test let's you recognize the personas in an emotional wayGetting the right data in the first place:Hypothetical dimensionscontent vs episodic use of anything)wants the latest vs wants the bestritual vs habit for repeated behaviorsgifts/hoards/displas (knowledge)takes orders vs goes own wayprice is critical vs price doesn't matterloyal vs ficklethe more, the merrier?Over generate 20-30 before persona interviewsDon't script just scoreSummary of every interviewparticipant descriptionbest 3-4 quotesbest 1-3 photosDo some cartooning (represents behavior part of the interview)Whittle down to 6-10 dimensionsTime to goof off**Should we do detailed personas for our audience in general - faculty, staff, student___________________________________________Mobile usability researchbolt.ps/cydtwo hardest thingsproviding the promptcollecting the responseempathy and duct tape ToolsPOP - sketch & snap prototype creationMagitest - mobile screen recording - records gesturesux recorder - ""moderated hugging - flip laptop around to record ipadusabilla - screen shot **Dscout - diary study appblurb mobilewoohoo form generation app typeformFind the right participantsoffer a task - paper prototypescript for customizationstream and record what happens**intercept research**Experience twitter recruitingsms surveys for testing - amazon gift cardAir Stash**proto IO?testing with users phone you need:backup iPhone, Androidpowerstripchargers for all the phonesget app installed in advanceadjust the screen brightnessfor lab devicesbackup phonescharge devices every sessionremove password lok screensdry-run every aspect of the testbroadcasting live can be great for stakeholders who can steer the interview with follow up questionlivescribe?tablet can broadcast screen outProto.ioFluidPhoneGapKDA RevelationUsability testing can be a gateway drug for stake holdersuse tumblr for mobile diary studiesuse google voice for diary studies - transcribe voicemobile diary could be used for intervention apps, social relationships, animal care, public art, transit, shopping, food habitsExperiencing Delightful Contentcontext is what your user needs right nowia + ixd = content delight - pleasure, flow, meaning -- content at the centerWent from frustrating to usable - the next level is delightfulDesign applied to business models -nytimesbusiness models is a ux jobDesignunintentional - self - genius -activity focused - experience focusedMobile Fluidityresponsive design is a hack but a brilliant oneWhat impeads flow?connectivityauthenticationalertslocation awarenessstart up instructionssyncingneed to take ownership of these - magnified on mobiledesigning for flow unlocks engagementmobile isn't mobile it's just convenient - 70% use mobile at home or workNeed to attempt:quick response timeclean affordancesimple, plain feedbackIA = mental modelauto sync across channelsauto sync across devicesmeet expectations in context across time - watch a show on phone pick up where you left off at homeFlowidity: transparent, automatic, integralCheck , the gistgrammar girlpassword saver app??zipcar, uber ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download