The document describes a UX Camp presentation about redesigning a company's homepage using a human-centered design process. The presenter has a degree in advertising and 8 years of web design experience working for clients like Biotherm. They are a UX beginner working at a video hosting company for business founded in 2007. The presentation covers defining the problem by gathering customer feedback, analyzing competitors, conducting card sorting and questionnaires. Ideation involved brainstorming and sketching ideas. Prototyping included both low and high-fidelity prototypes. Testing led to a final design that improved user experience and conversions. The presenter hopes attendees find the experience useful and provide feedback to help find better solutions.

1. UX Camp Brighton 2014

2. Who am I?
Bachelor’s Degree, Advertising and Public Relations!
8 years working on web design!
Clients such as Biotherm, Iberdrola, Danone, Carlsberg !
Web designer and front-end developer at vzaar!
UX beginner!
!

3. Where do I work?
Video Hosting for Business!
Founded in 2007!
Small team (but growing very fast)!

4. How UX has helped us
to do a better job

5. I hope that…
It can give you some ideas from my experience!
Get your feedback and find better solutions!
You have patient with my English!
and first of all… you enjoy it! !
be

6. Redesign of the homepage

7. Redesign of the homepage

8. Redesign of the homepage

9. Redesign of the homepage

10. We needed a plan!!

11. Human Centered Design Process!
Define
Ideate
Prototype
Test

12. Define
Empathize and define the problem

13. þ Customer feedback!
þ Case studies!
þ Google Analytics!
What were we doing already?

14. þ Competitors analysis!
þ Deep customer feedback analysis!
þ Card sorting!
þ Ask lots of questions!
þ Interviews to sales and support!
þ Questionnaire to our managers!
þ Questionnaire to the whole team!
What did we do new?

15. Google Forms: www.google.com/forms/about/!
!
Don't forget to explain the objective of
the questionnaire and say thanks J
þ Goals!
þ Short and specific!
þ Questions direct and neutrals!
þ Logical order!
þ Choose the tool you'll use for the delivery!
þ Test your questionnaire!
Tips
Tool
Questionnaire!

16. In-Page Analytics !

17. ¤ For features section!
¤ Objective: organise the features of our service (61), the number of groups and names!
Card Sorting!
Open Card Sorting
¤ For main navigation of the site!
¤ Objective: hierarchy and cleanup of the content !
Closed Card Sorting

18. Open Card Sorting!
1. Write each feature in a card
2. Explain the task and the goal of the exercise
3. 10 users (one session for each participant)
4. Record of comments and thoughts
5. Record of the number of groups and their names

19. Quantitative Analysis!
Correlation Study
Spreadsheet template:
http://rosenfeldmedia.com/blogs/card-sorting/card-sort-analysis-spreadsheet

20. Ideate
Generating and developing new ideas / solutions

21. Navigation tree!

22. Brainstorming – sketching ideas!

23. Prototype
Time to experiment

24. Low quality prototype
The most agile way to get ideas out and start the discussion

25. High quality prototype
Axure: http://www.axure.com/!
!
Include what the copy will say!
(as close to the final version, the better)!
Tip
Tool

26. Final design

27. Why has UX helped us?
We can justify the design decisions!
Learn during the process!
We save lot of hours!
The team was implicated in the design from the beginning!
23% increase in number of conversions from the features page since the redesign
(compared with last year) !

28. And what about the test?
Thank you for listening!
@Virllin