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.

Mobile first in a conservative company - UXLx 2014

861 views

Published on

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

Mobile first in a conservative company - UXLx 2014

  1. 1. MOBILE FIRST IN A CONSERVATIVE COMPANY © 2014 Susana Vilaça | Euroconsumers
  2. 2. Who we are We are a private, independent and non-profit consumer rights organization working in Belgium, Spain, Portugal, Italy and Brazil.
  3. 3. Belgium
  4. 4. Spain
  5. 5. Portugal
  6. 6. Italy
  7. 7. Brazil
  8. 8. About our web strategy…
  9. 9. We have a global approach
  10. 10. • The basis is the same. We can focus on local markets and specificities. • More effective to manage. • Simplifies communication and collaboration between countries.
  11. 11. Last year…
  12. 12. We started to think MOBILE
  13. 13. We heard a lot of buzzing about…. Responsive Adaptive Design Mobile First
  14. 14. We had some doubts which path to choose
  15. 15. In 2013 at UXLx, we heard Luke Wroblewski talk about Mobile First
  16. 16. • To prioritize and focus on the most important services • To deliver new experiences to users by taking advantage of the capabilities of mobile devices Starting mobile allows …
  17. 17. Mobile First might be the right strategy for us!“ ”
  18. 18. Where do we start?
  19. 19. We had almost no experience with mobile
  20. 20. We are a Developer-Driven company. New to UX. © Maurizio Zanetti
  21. 21. The nature of our services is complex. © nerovivo
  22. 22. Dealing with local markets and its specificities can be hard. © ‫انوار‬
  23. 23. We decided to look for external support
  24. 24. We met Giles Colborne last year, at UXLX!
  25. 25. It was the beginning of a beautiful partnership
  26. 26. • We wanted to develop a good quality service for our users • And to learn. Both technically and methodologically. With this partnership…
  27. 27. How we worked together © bonnie juean woolger
  28. 28. © Severine Lacante September 2013 – Brussels Kick of meeting • Got to know who we would be working with • Clarified the scope • Defined next steps
  29. 29. On the following 2 weeks, we worked remotely
  30. 30. Defining the Experience Map and Behavioral Profiles
  31. 31. Defining the design concept
  32. 32. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements Afterwards, we started to work together 1 week 1 week Design concept
  33. 33. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements 1 week 1 week Design concept
  34. 34. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements 1 week 1 week Design concept
  35. 35. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements 1 week 1 week Design concept
  36. 36. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements 1 week 1 week Design concept
  37. 37. Concept Creation Workshop Sketching & Prototyping User Research Experience map Behavioral Profiles 2 weeks iterations Prototype refinements 1 week 1 week Design concept
  38. 38. 3 iterations 6 weeks
  39. 39. Iteration nr.1 Week #1 • Travel to Brussels • Work on the product selector (compare products) Week #2 • Travel to Brussels • Test the prototype • Refine the prototype
  40. 40. Iteration nr.2 Week #1 • Travel to Brussels • Work on the product selector (compare products) Week #2 • Travel to Brussels • Test the prototype • Refine the prototype Week #3 • Travel to Bristol • Work on the Telecom selector (compare telecom tariffs) Week #4 • Travel to Brussels • Test the prototype • Refine the prototype
  41. 41. Iteration nr.3 Week #1 • Travel to Brussels • Work on the product selector (compare products) Week #2 • Travel to Brussels • Test the prototype • Refine the prototype Week #3 • Travel to Bristol • Work on the Telecom selector (compare telecom tariffs) Week #4 • Travel to Brussels • Test the prototype • Refine the prototype Week #5 • Travel to Lisbon • Work on the Energy selector (compare energy tariffs) Week #6 • Travel to Brussels • Test the prototype • Refine the prototype
  42. 42. The team
  43. 43. Designers Developers Business UXers Belgian, Portuguese, Spanish, French and English
  44. 44. 8 weeks 3 cities 4 languages 100+ wireframes 15 usability testing sessions A lot of travel (and Belgian waffles!) After…
  45. 45. We were able to deliver a fully tested and designed prototype for the Belgian website
  46. 46. We had business buy-in
  47. 47. We are already adopting the same methodology on other projects!
  48. 48. We are already doing the same in Spain!
  49. 49. Lessons Learned
  50. 50. • Helps bringing the right product for our users • Helps focusing on the most important • Gives us the opportunity to connect more closely with our users #1 Having a good User Centered Methodology…
  51. 51. • Helps create a common understanding of what we want to achieve • Makes future project iterations more efficient • Helps getting buy-in from stakeholders • Quickens the decision process #2 Involving people from different areas on the project …
  52. 52. • Creating a good work environment is a must • Working together in the same room instead of remotely is more effective… • … but having people working abroad is physically and emotionally demanding • As tiredness lowers patience, people need to make an effort to be understanding #3 Commitment and effort from everyone involved is required…
  53. 53. • Work follow ups • Light planning • Minor discussions #4 Working remotely is helpful for…
  54. 54. @susanavilaca Q&A

×