The couple connection concept redesign
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

The couple connection concept redesign

on

  • 674 views

 

Statistics

Views

Total Views
674
Views on SlideShare
668
Embed Views
6

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 6

http://takaran.insensatez.org 6

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The couple connection concept redesign Presentation Transcript

  • 1. Strategies for enhancing user understanding of the ‘helping process’ on Thecoupleconnection.net Presentation for The couple connection.net, 26 Aug 2009 - Headshift, Ana Roji
  • 2. Bearing in mind the context of where the user is coming from...
  • 3. their expectations, motivations and ways to approach the site... coming from google search? coming from netmums?
  • 4. Aims of the redesign • Making the ‘helping process’ more visible throughout the site • Convey a better understanding of the underlying process • Merge the helping process with the 3 calls to action on the navigation bar
  • 5. Methodologies • Design 2/3 different ways of merging the 5 milestones of the ‘helping process’ within the 3 calls to action on the header • Run a quick internal session to get some feedback on the understanding of these new connections • Gathering the main points from their feedback, distill some conclusions
  • 6. Version 1
  • 7. Feedback • Participants tried to click in all the titles • Confusion between the two levels of titles, different tone, what’s the connection between both? • Interpretation that Check it Out was broken down into two other sections, Explore and Understand • 5 steps on top dilute the 3 clear calls to action that they liked, they preferred the 1,2,3 ones, found them clearer • Too much info, not clear whether that indicates workflow or navigation
  • 8. Version 2
  • 9. Version 2
  • 10. Design Brief • Conveying the idea of a subtle call to the dots on the ‘helping process’ • ‘Hiding’ the complexity, clicking the button ‘show me the helping process’ displays an extra level of information • Offer contextual info on where you are on the process
  • 11. Feedback • Better initial reaction at the simpler header, but once they tried to dig on the meaning of the filled dots it was impossible to grasp • Dots don’t provide the right understanding (why are they filled already when I haven’t used the site yet? why are inconsistently being filled? are there 15 steps in total?) • Dots give the feeling of a progress bar, game mechanic that is interactive, do they evolve while I use the site? • Expectations that bigger circles are clickable, or this layer being interactive somehow
  • 12. Homepage version 1
  • 13. Homepage version 1 • Confusion with the two levels of progress • Did not see what the words on the circles meant, they felt them too abstract, and not actionable • They tried to click on the circles
  • 14. Some conclusions
  • 15. Some conclusions • Merging the helping process steps with the 3 calls to action on the navigation doesn’t work - is not the best way to convey the process underneath the site, confuses people • Try to indicate the helping process on a different way, not only showing the graphic but implying it on the explanation of the 3 sections • Is important to let people browse around the content, give it a try before ‘imposing’ any knowledge on the process
  • 16. Some conclusions • Clear and prominent signposting to the helping process but let people acquire the curiosity for a deeper knowledge, while offering them hints on it • Preference for the tone of voice on the 3 main sections than vocabulary used on the helping process, felt very abstract - maybe reword the title ‘helping process’ to ‘what’s underneath the couple connection’? • Essential to keep users motivated, encourage them to go further to take advantage of Work it Out, show the benefits of it more clearly, make them want to try it
  • 17. our suggested strategy...
  • 18. Strategy focused on Homepage redesign +
  • 19. Strategy focused on Helping Homepage redesign + process + page
  • 20. Strategy focused on Helping Work it out Homepage redesign + process + page + page redesign
  • 21. Strategy focused on Helping Work it out Headers & Homepage redesign + process + page + footer page redesign redesign
  • 22. Strategy focused on Helping Work it out Headers & Homepage redesign + process + page + footer page redesign redesign = Enhance Engage Improve understanding users on signups of process the WIO
  • 23. Suggested new homepage
  • 24. Suggested new homepage Importance of copyright engaging, clear and ‘catchy’
  • 25. Suggested new homepage Importance of copyright engaging, clear and ‘catchy’ Helping process ‘implied’ on the actual calls to action
  • 26. Suggested new homepage Importance of copyright engaging, clear and ‘catchy’ Offer different levels of description on the layout, for different types of users and their motivations and Helping process ‘implied’ expectations on the site on the actual calls to action
  • 27. Suggested new homepage Importance of copyright engaging, clear and ‘catchy’ ‘Elevator pitch’ Offer different levels of description on the layout, for different types of users and their motivations and Helping process ‘implied’ expectations on the site on the actual calls to action Learn more In depth
  • 28. Suggested new homepage Importance of copyright engaging, clear and ‘catchy’ Offer different levels of description on the layout, for different types of users and their motivations and Helping process ‘implied’ expectations on the site on the actual calls to action Very good way to engage users to see the value of the site through seeing other people’s experience on it