Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UXBASIS – Getting UX integrated


Published on

UX BASIS is a process and a set of tools to help your organization engage with your users through the online products that you develop. By building an experience around the user, it will enable you to answer their needs whilst ensuring the needs of your business are also fulfilled.

Evidence based design creates a greater value for your business and also encourages collaboration between your teams and results in knowledge sharing between individuals.

This talk was given at a meeting of web project managers (organised by J.Boye) in May 2010.

Published in: Technology, Design
  • Be the first to comment

UXBASIS – Getting UX integrated

  1. 1. Getting UX integrated<br />A presentation for<br />
  2. 2. My professional background<br />Senior web designer >Digital design manager > Information Architect<br />Previously I worked for Reed Elsevier’s business division as an Information Architect responsible for the information organisation, interaction design and quality of the user experience for their major publications. Two years ago I joined Hello group…<br />
  3. 3. Hello Group is a Next Practice agency - characterised by a wide variety of well informed practitioners who are user focussed. We go beyond a ‘best practice’ approach to creative execution and are concerned not just with what works but what can work better.<br />
  4. 4. At Reed Elsevier I experienced a company that went from…<br />The waterfall model of big design up-front and a linear approach to production.<br />
  5. 5. …to this<br />To the iterative model with users very much <br />involved in the concept and testing stages of production.<br />
  6. 6. Collaboration<br />The need for collaborationbetween professionals is fundamental to delivering the bestproducts. This diagram looks at some of the disciplines involved in production. A main success criteria is to gauge the culture you operate in and be in tune with your team member’s needs.<br />
  7. 7. We know this isn’t easy….<br />This is a project timeline for the website that shows how different areas of site production had to be synchronised as development took place.<br />
  8. 8. Userexperience is morethanusability<br />How things look (visual design) how they work (how usable, the interaction and development of functionality) and how the product answers the needs and wants of a user (aligned to the business purpose) all are a part of the user experience.<br />flickr: julianbleeker<br />
  9. 9. Usability tests canvalidateourassumptions…<br />…but they shouldn’t prescribe the solution. Testing need not be an obstructive part of the development of a product – it is a question of timing and validating the work quickly and changing the product immediately upon that feedback. <br />flickr: julianbleeker<br />
  10. 10. How did we get here?<br />Business intelligenceAnalysisStructure<br />InteractionSample<br />Our projects typically feature five phases and often require unique approaches. <br />This approach ensures engaged users, enabling the solution to answer users’ needs whilst ensuring business objectives are met.<br />
  11. 11. The UXBASIS model<br />This is not solely user centred design, but a way of practically applying techniques from a business perspective, whilst aligning the user goals and needs, thus making a product that is successful<br />
  12. 12. UXBASIS – UX in a box<br />An aspect in being involved in this type of work is the ability to convince stakeholders that a certain approach is relevant to their business. We built a physical version of the model so our account people could take the box and discuss the tools with clients.<br />
  13. 13. The cards<br />Each card describes a tool we use in our process. This helps to explain in an easy to understand way what it is, when it is used and why we use it. The cards can be taken out and they become discussion points. The ‘game like ‘ quality encouraging free thinking.<br />
  14. 14. Poster for development rooms<br />We do not make deliverables for the sake of deliverables. All have a purpose and are used towards the end goal of producing a solution with real value. The poster in the working environment keeps the user front of mind and helps initiate conversations.<br />
  15. 15. Business Intelligence tools – Heuristic Evaluation<br />This is a thorough and cost-effective way to look at the different requirements that a website or product needs to fulfill to ensure a good standard of usability<br />
  16. 16. Business – Heuristic Evaluation<br />It looks mainly at the user’s basic goals and sees if the site supports these. It also looks at copy, visual design and interactive elements. It does not address user behaviour (how they think or feel about what they see and their actions that result from this).<br />
  17. 17. Analysis tools – Concept Model<br />Concept models or concept maps are one of the most important tools for any project. Even if the project is an update of a site, a redesign or restructure, this approach allows the team to analyse what is working for users and the business<br />
  18. 18. Analysis – Concept Model<br />A very simple approach to the problem here with general content areas placed next to user needs. This is a less thorough analysis but is good for getting a quick idea of the scale of a site, or the features of a product<br />
  19. 19. Analysis – Concept Model<br />When two different user groups are present (three in this case) the diagram can be split. <br />The alignment of common goals can be seen and those that are unique to one segment of the user group.<br />
  20. 20. Structure tools – User Journeys<br />Unlike user stories (used to define the project backlog in sprint planning as part of the Agile process) user journeys look at the user’s progress within a system from start to end. This would involve many use cases as they typically describe several different tasks on the journey<br />
  21. 21. Structure – User Journeys<br />User journey for the use of email or an SMS for adding a profile to the website <br />Refugees United – dedicated to reuniting refugees with their family.<br />
  22. 22. Structure – User Journeys<br />This is a user journey for a Facebook application. The journey here is more focused on the functionality than the story of what the user wants to do, but it does show the flow between states, something very important when designing applications<br />
  23. 23. Interaction tools<br />A deliverable that is constantly subject to change - every wireframe will be altered during the design and development phases. They are best thought of as a thinking device and are best as collaborative documents with various team members.<br />
  24. 24. Interaction - Wireframes<br />A very simple wireframe for a simple site – Dansk Fibernet, to give users the overview of the availability of fiber optics in the user’s region.<br />
  25. 25. Interaction - Wireframes<br />Some software allows the wireframes to be clickable. This transforms a flat page to a working prototype where user tests can be conducted before any physical code has been written.<br />This is a standard method to reduce development costs further on.<br />
  26. 26. Sample – Eye Tracking<br />Eye tracking really works best on completed visual designs, and are helpful in seeing where a user’s eyes rest. It effectively describes how successful a designer’s use of colour, layout, contrast and font usage is in guiding the use around a page or product interface.<br />
  27. 27. Sample – Eye Tracking<br />Here we see the results on a page for mobile tarif calculation on specific mobile phones. <br />
  28. 28. Getting UX integrated – Corporate sponsorship<br /><ul><li>Ensure your corporate sponsor understands the value of UX
  29. 29. Use the marketing and customer services departments
  30. 30. Do your own quick evaluation
  31. 31. Create a concept model
  32. 32. Speak the voice of the user and the business</li></ul>Make the boss an advocate and champion of this approach. Show the results of improvements to an interface before and after changes have been made. Also show the ‘live’ feedback from Twitter or other social networks. UberVu and TweetMeme are great free tools to help here. <br />
  33. 33. Getting UX integrated – Use internal departments<br /><ul><li>Ensure your corporate sponsor understands the value of UX
  34. 34. Use the marketing and customer services departments
  35. 35. Do your own quick evaluation
  36. 36. Create a concept model
  37. 37. Speak the voice of the user and the business</li></ul>They will have information that will be useful regarding audience behaviour, product usage, requests and complaints. They should also have research that you can use in offering the users what they want and need.<br />
  38. 38. Getting UX integrated – Review your product<br /><ul><li>Ensure your corporate sponsor understands the value of UX
  39. 39. Use the marketing and customer services departments
  40. 40. Do your own quick evaluation
  41. 41. Create a concept model
  42. 42. Speak the voice of the user and the business</li></ul>Download our form to use on your own site and see what issues occur from your own experience and ask colleagues and friends to see if they experience the same issues. <br />The more serious the problem the quicker it needs to be resolved.<br />
  43. 43. Getting UX integrated – Draw a concept model<br /><ul><li>Ensure your corporate sponsor understands the value of UX
  44. 44. Use the marketing and customer services departments
  45. 45. Do your own quick evaluation
  46. 46. Create a concept model
  47. 47. Speak the voice of the user and the business</li></ul>Think about the needs and wants of your users and have this visible in your office or workspace. It will be a map for you and your team to navigate, to reach the desired destination (and will develop over time). It will provide inspiration and motivation.<br />
  48. 48. Getting UX integrated – the voice of the user is carried by you<br /><ul><li>Ensure your corporate sponsor understands the value of UX
  49. 49. Use the marketing and customer services departments
  50. 50. Do your own quick evaluation
  51. 51. Create a concept model
  52. 52. Speak the voice of the user and the business</li></ul>You carry the responsibility of running the teams that builds a quality product that people will use, enjoy and recommend to others. The most important part of getting UX integrated into large projects is face time with the team and remembering who we build for.<br />
  53. 53. Thank you for listening<br />Find out more on<br />Or follow us<br />on Twitter:<br />@uxbasis<br />@hellogroup<br />