Attitude Adjustment Valuing Developers in UX and Usability

  • View
    184

  • Download
    0

Embed Size (px)

DESCRIPTION

You've been tasked a project and you're part of a team. They're talking UX, persona's, testing, requirements and research. Where do you fit in and become an invaluable part of the development process? What IS the UX process? In this session you'll learn how, as a developer both back and front end, you ARE a valued and integral part of a successful product working within a UX/UI team and workflow. We'll briefly take a project or premise through a stepped iteration. We'll look at the team structure, why it flows the way it does and the advantage of working within a UX team. From a developers point of view, we'll discuss where you fit in and what part in the collaboration UX process you play. This is a participatory session so be prepared to raise your hand and collaborate!

Transcript

  • 1. Attitude AdjustmentValuing Developers in UX and UsabilityMarcella Missirian11/16/14SoCalCodeCamp.com

2. Marcella MissirianUX DirectorPresident, UXPALAEntrepreneur, visual designer, developer, user experience evangelistand cook. Marcella grew up in the LA area and is the rare Los Angelesnative as well as worldwide traveler.Marcella has a background in economics, business and politicalscience but spent most of her higher education years immersed in art,visual and performance experiences and as well as being aprofessional pastry chef.Marcella's work has been seen and used globally and has inspired anentire generation of designers and continues to set the standard forusability and user experience that is not only functional but is rich inemotional experience as well as delightful!Marcella is a digital expert, entrepreneur, innovator and thinker and isthe Executive Director of UXPA (User Experience ProfessionalAssociation of Los Angeles) and active participant at many design, uxand technology events throughout the world.Everyone is welcome to UXPA of LA events. If you're in theTechnology, UX, design or the like field, join our meetup page to getupdates on events, forum discussion on issues and resources relatedto your field.UXPALA http://www.meetup.com/UXPALA/@Marcella_UXwww.linkedin.com/in/marcellamissirian/11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 2 3. Today well talk aboutyou, the developer andyour valuable and integralrole working within aUX/UI team and workflow.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 3 4. Youre on a new project and the teams talking UX, persona's, testing, prototypes, iterations, andresearch. Where do you fit in and become an invaluable part of the development process? WhatIS the UX process?11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 4 5. LETS START WITH WHAT IS UX ANDUSABILITY?Wikipedia User Experience:User Experience (UX) involves a person's behaviors, attitudes, and emotionsabout using a particular product, system or service.Marcellas definition:UX is the study of the human and everything that is not human and how werelate and use those objects around us.Wikipedia Usability:Ease of use and learnability of a human-made object.Marcellas definition:Usability means structuring things so you don't leave your users angry,frustrated, and complaining about you on Facebook or Twitter.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 5 6. UX WORKFLOW BASICS Idea Lets make a new widget Persona Development (testing) Prototyping (testing) User Journey (testing) Wire Framing (testing) Back/Front End Development (testing) User Interface (testing) Release (testing)11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 6 7. The cycle of development keeps turning around and if youre doing it right,youre always improving.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 7 8. THE IMPORTANT OF UX AND USABILITYWhat is the first thing people will do when a site isdifficult to use?11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 8 9. DOES THIS SOUND FAMILIAR?1. Its hard to use & ugly!2. I just dont understandhow to use this!3. The performance of thisapplication sucks!4. Was this applicationdesigned for me or anengineer?11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 9 10. SO WHERE DO YOU START? Who are your users? What do you want them to do on your site? What do they want to do on your site? How tech-savvy are your users? Where will your users go if your site isn'tworking for them?11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 10 11. BUILDING THE PROJECT-REQUIREMENTSAND IDEATION Requirements Create a script/list of themost common procedures or tasks on yoursite.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 11 12. BUILDING THE PROJECT-PERSONADEVELOPMENT Create Personas an aggregate user basedon common traits in a group of users. Onaverage there are at least 3 personas perproject/product.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 12 13. BUILDING THE PROJECT-STRATEGY Strategy Identify success criteria.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 13 14. BUILDING THE PROJECT-TESTING Testing Sit down with users individually andgive them one task at a time. Ask them neutralquestions and tasks. Record each session forreview. What to test? Old design Competitor's websites Sites popular with your users Proposed site11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 14 15. BUILDING THE PROJECT-PROTOTYPING Mock-up the project or product. Use paper and pencil, clay, PowerPoint,Word, use anything that quick and you feelcomfortable using. Test the prototype. Draw screens for eachswipe or tap or touch. Test on family and friends. Make adjustments.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 15 16. BUILDING THE PROJECT-USER JOURNEYAND EXPERIENCE MAPPING Story board your product. Where does the user start? Do they login? Do they get to their home page? How do they find information? Whats the end result?11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 16 17. BUILDING THE PROJECT-WIREFRAMING Create skeleton layouts that show functionand form but no graphics Test these layoutswith people that fityour personadevelopment Adjust, tweek, test,adjust, tweek, test11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 17 18. BUILDING THE PROJECT-DEVELOPMENT Based on: Persona characteristics and behavior User Journey Experience Mapping Testing through each step Strategy Success indicators Back and front end coding begins User Interface Design begins11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 18 19. BUILDING THE PROJECT-TESTING,TESTING, TESTING When development is in process, do moretesting11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 19 20. BUILDING THE PROJECT-RELEASE Nothing will ever be perfect. MVP = Most Viable Product If you think youre done, you would be wrong Iterative process means you keep going andchanging things based on user feedback andtesting11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 20 21. CASE STUDY-MOBILE APP Working with a developer, Jon, who didntwant to be involved. Very grouchy Just tell him what we wanted done Jon didnt like meetings and thought theywere useless Jon didnt understand all the post-its andwhite boards and didnt read any of the notes. Jon didnt care what a persona was. BUT he would have all changes completedvery quickly11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 21 22. CASE STUDY-MOBILE APP The team wanted Jons input When they showed him wireframes anddesigns and explained to him function hewould sigh, grumble and respond withThat cant be done.This language is limited and that stuff wouldbreak so I dont think you should build it.I know what Im doing and I know whatpeople like to use. BUT again, he would have all changescompleted very quickly regardless of thecomplaining.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 22 23. CASE STUDY-MOBILE APP Without Jons participation and input, theproject dragged on and he was doing morework than necessary. The team was frustrated and felt the processwas not moving forward and they were gettingresentful of Jon. Jon was frustrated and felt like he wasntbeing listened to. BUT Jon worked really fast. But now the costs were going up because ofre-work.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 23 24. CASE STUDY-MOBILE APP The UX process at its fundamental core iscollaboration. It often involves stepping on each otherstoes. Getting messy. Breaking things. This is all for the Identified User. Every thought, every post-it, every function isto simplify and make delightful.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 24 25. CASE STUDY-MOBILE APP-THE USER Know your user, and you are not that user. Don't overwhelm the user. Consistency, consistency, consistency. The user should control the system. Thesystem should not control the user. The useris the boss and the system should show it. User should be able to do what they want. Strive to empower the user, not speed up thesystem. Minimize the need for a mighty memory-dontmake them think.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 25 26. SOLUTION TO CASE STUDY I brought lunch intothe office. I picked up Jonsfavorite Bay CitiesDeli.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 26 27. SOLUTION TO CASE STUDY I set up all thesandwiches in theconference room.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 27 28. SOLUTION TO CASE STUDY With the TV on.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 28 29. SOLUTION TO CASE STUDY To the moderated user testing we hadcompleted the week before.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 29 30. SOLUTION TO CASE STUDY Jon watched, paused, rewound and fast-forwardedall three tapes for hours.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 30 31. SOLUTION TO CASE STUDY The next day, I brought coffee and bagelsinto our situation room. (work area)11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 31 32. SOLUTION TO CASE STUDY Jon was told of the bagels and coffee anddidnt just grab 3 and leave He stayed.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 32 33. SOLUTION TO CASE STUDY The grumpy, grouchy attitude came out fullthrottle, even after 2 cups of coffee andprobably 2-3 bagels.11/18/2014 Attitude Adjustment Valuing Developers in UX and Usability 33 34. SO