Website Redesign for Interface Design Course

  • 1,261 views
Uploaded on

This was a university assignment for Social User Interface Design. Our task was to find a health website and improve the user experience for teens. …

This was a university assignment for Social User Interface Design. Our task was to find a health website and improve the user experience for teens.

This does not mean that there is anything wrong with the website we chose, but we had to pick an existing one to do a theoretical redesign.

This project was carried out for the User-System Interaction program at the Eindhoven University of Technology by Loes Ruijs, Nata Gredina, Frank van Gils, Quan Cheng, and Brian Pagán
http://usi.id.tue.nl

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,261
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Online Health for Teens Online Health for Teens Loes, Nata, Frank, Quan, Brian User System Interaction :: June 8, 2009
  • 2. Outline
    • Introduction
    • Guidelines
    • Prototype
    • Evaluation
    • Discussion
  • 3. Introduction Social - Biological - Psychological -
  • 4. Aim
    • Redesign a health website for teenagers so that it satisfies their usability requirements
  • 5. Method - original website -
  • 6. Usability Guidelines How to Design for Teens
  • 7. Usability Guidelines
    • Loranger & Nielsen
  • 8. Usability Guidelines
    • Loranger, Nielsen
    • Visual design
    • Interaction design
    • Multimedia
  • 9. Usability Guidelines
    • Loranger, Nielsen
    • Visual design
    • Interaction design
    • Multimedia
    • Navigation
    • Writing for the web
  • 10. Prototype Applying Design Guidelines
  • 11. Main Goals
    • Visual
    • Aesthetics
  • 12. Main Goals
    • Visual
    • Aesthetics
    Clarity & Consistency
  • 13. Main Goals
    • Visual
    • Aesthetics
    Clarity & Consistency Interactivity & User Engagement
  • 14. The Prototype
    • Original
    Prototype
  • 15. Visual Aesthetics
    • We reused:
    • Color palette
  • 16. Visual Aesthetics
    • We reused:
    • Color palette
    • Page division
    1 3 2 1 3 2
  • 17. Visual Aesthetics
    • We reused:
    • Color palette
    • Page division
    • Page layout
  • 18. Clarity & Consistency
    • Original:
    • Multiple access points
  • 19. Clarity & Consistency
    • Original:
    • Multiple access points
    • However,
    • Here, only conditions
  • 20. Clarity & Consistency
    • Original:
    • Multiple access points
    • However,
    • Here, only conditions
    • There, no teenager section
  • 21. Clarity & Consistency
    • Prototype:
    • General health info and illnesses
  • 22. Clarity & Consistency
    • Prototype:
    • General health info and illnesses
    • Teen-relevant menu items
  • 23. Clarity & Consistency
    • Prototype:
    • General health info and illnesses
    • Teen-relevant menu items
    • Clear breadcrumb navigation
  • 24. Interactivity & User Engagement
    • We reused:
    • Social networking
  • 25. Interactivity & User Engagement
    • We reused:
    • Social networking
    • Update services
  • 26. Interactivity & User Engagement
    • We added:
    • Video
  • 27. Interactivity & User Engagement
    • We added:
    • Video
    • Mini-quizzes
  • 28. Interactivity & User Engagement
    • We added:
    • Video
    • Mini-quizzes
    • Symptom checker
  • 29. Interactivity & User Engagement
    • Next:
    • Hit or miss?
  • 30. User Evaluation Testing the Prototype
  • 31.
    • Online
    • 8 subjects
    • 2 groups
    Evaluation
    • Introduction
    • Tasks
    • Questionnaire
  • 32. Questionnaire
  • 33. Results 1 1 Comprehensible 1,5 0,25 Visual 1 0,75 Navigation 0,75 0,25 Pleasure 7,75 7,25 Overall
  • 34. Discussion What Does It All Mean?
  • 35. Why are the results such as they are?
    • The evaluation was not very relevant - group too small
    • The geographical situation of the users did not allow to make deeper research on how they use the sites
    • So we were able to make only very basic quantitative estimations
  • 36. Conclusions
    • The main result: very positive, since in no component the new site is evaluated worth than the old one
    • Moreover: almost in all components an increase, and sometimes a strong increase
    • In their informal estimations the users also gave positive feedback for redesigned prototype
  • 37. What next?
    • Testing on more users
    • Testing deeper: to see, how the users really use the site
    • To make prototype even more comprehensible
  • 38. Questions? Questions? User System Interaction :: June 8, 2009