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.

Sakai Visual Style Pres01

831 views

Published on

See http://confluence.sakaiproject.org/confluence/display/3AK/Visual+Design for context.

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

Sakai Visual Style Pres01

  1. 1. 1 Sakai visual style 3x directions Design presentation one Tuesday 9th June 2009
  2. 2. 2 Agenda Refresh our memories with the workshop findings Gather feedback from all three variations of visual style Decide to refine the two screens presented down to one final route based on the strengths and weaknesses of all three routes
  3. 3. 3 Workshop refresher
  4. 4. 4 Objectives Make the out-of-the-box theme so good, people are less inclined to change it Convince people to ‘buy’ after a trial Allow flexibility for institutions (via rules and guidelines)
  5. 5. 5 Audiences Instructional Designers Positive Expectations Powerful Solid and reliable Flexible (but obscure) “What does it do?” Negative Clumsy, clunky Consequences Too many options of actions Hard to identify key things Reassurance Clear feedback “What will this look like to students?” (my audience)
  6. 6. 6 Audiences Educators and researchers Positive Expectations Easy to do simple things Organizes my life Functionality to the fore Simplicity Negative Interface feels antique Not very friendly Confusing terminology Control Cumbersome Insight 80% of users only use 20% of the functionality “Why would I take training on Not necessarily something I don’t want to use” cutting edge “Doesn’t create more work for me”
  7. 7. 7 Audiences Students Positive Expectations Single space for everything Mobile, RSS “Why don’t all my teachers use this system?” AJAX-ey interactions Contemporary Negative Staid Predictability Consistency (between sites) Dashboard to manage across subjects
  8. 8. Attributes to be of service 8 Professional Control Quality Multi- Enterprise purpose ready Safe Personal Straightforward Real world activity Collaborative
  9. 9. Attributes of emotional value 9 Clarity Simple Timeless Quality Flexible Organized
  10. 10. Attributes of emotional value 10 Friendly Innovative Smart Respected Contemporary
  11. 11. Attributes of emotional value 11 Easy Collaborative Autonomous Open Obvious Transparent
  12. 12. Attributes of emotional value 12 Consistent Inspirational Authoritative Trustworthy Activity Respected
  13. 13. Timeless 13
  14. 14. Smart 14
  15. 15. Open 15
  16. 16. Authoritative 16
  17. 17. Authoritative encompasses all routes 17 Authoritative Inspirational Consistent Activity Respected Trustworthy Timeless Smart Open Simple Innovative Collaborative Clarity Friendly Easy Flexible Contemporary Autonomy Organized Respected Obvious Transparent
  18. 18. Weighting of various visual styles 18 Authoritative Authoritative Authoritative Inspirational Inspirational Inspirational Consistent Consistent Consistent Activity Activity Activity Respected Respected Respected Trustworthy Trustworthy Trustworthy Timeless Smart Open Simple Innovative Collaborative Clarity Friendly Easy Flexible Contemporary Autonomy Organized Respected Obvious Transparent Smart Open Timeless Open Smart Timeless Innovative Collaborative Simple Collaborative Innovative Simple Friendly Easy Clarity Easy Friendly Clarity Contemporary Autonomy Flexible Autonomy Contemporary Flexible Respected Obvious Organized Obvious Respected Organized Transparent Transparent Route 01 Route 02 Route 03
  19. 19. 19 Route 01
  20. 20. Route 01 (Focus on timeless) ~ 1 of 8 (No institutional branding) 20
  21. 21. Route 01 (Focus on timeless) ~ 2 of 8 (No institutional branding) 21
  22. 22. Route 01 (Focus on timeless) ~ 3 of 8 (With institutional branding) 22
  23. 23. Route 01 (Focus on timeless) ~ 4 of 8 (With institutional branding) 23
  24. 24. Route 01 (Focus on timeless) ~ 5 of 8 (Any background colour) 24
  25. 25. Route 01 (Focus on timeless) ~ 6 of 8 (Any background colour) 25
  26. 26. Route 01 (Focus on timeless) ~ 7 of 8 (Any background) 26
  27. 27. Route 01 (Focus on timeless) ~ 8 of 8 (Any background) 27
  28. 28. 28 Route 02
  29. 29. Route 02 (Focus on smart) ~ 2 of 4 (With institutional branding) 29
  30. 30. Route 02 (Focus on smart) ~ 3 of 4 (With institutional branding ~ Top) 30
  31. 31. Route 02 (Focus on smart) ~ 4 of 4 (Scrolled) 31
  32. 32. Route 02 (Focus on smart) ~ 1 of 4 (No institutional branding) 32
  33. 33. 33 Route 03
  34. 34. Route 03 (Focus on open) ~ 1 of 5 (No institutional branding) 34
  35. 35. Route 03 (Focus on open) ~ 2 of 5 (No institutional branding ~ Top) 35
  36. 36. Route 03 (Focus on open) ~ 3 of 5 (Scrolled) 36
  37. 37. Route 03 (Focus on open) ~ 4 of 5 (With institutional branding) 37
  38. 38. Route 03 (Focus on open) ~ 5 of 5 (With institutional branding) 38

×