1




Sakai visual style
3x directions

           Design presentation one
                   Tuesday 9th June 2009
2
Agenda




                  Refresh our memories with
                    the workshop findings



               Gathe...
3




Workshop
refresher
4
Objectives




             Make the out-of-the-box theme so good,
              people are less inclined to change it

...
5
Audiences

Instructional Designers

Positive
                                Expectations
Powerful
Solid and reliable
Fl...
6
Audiences

Educators and researchers

Positive
                                 Expectations
Easy to do simple things
Or...
7
Audiences

Students

Positive
                                  Expectations
Single space for everything                ...
Attributes to be of service                                                          8




                               ...
Attributes of emotional value                                      9




                                               Cl...
Attributes of emotional value                           10




                                            Friendly
      ...
Attributes of emotional value                                        11




                                       Easy


...
Attributes of emotional value                                        12




                                              ...
Timeless   13
Smart   14
Open   15
Authoritative   16
Authoritative encompasses all routes                                           17




                                    ...
Weighting of various visual styles                                                                                        ...
19




Route 01
Route 01 (Focus on timeless) ~ 1 of 8 (No institutional branding)   20
Route 01 (Focus on timeless) ~ 2 of 8 (No institutional branding)   21
Route 01 (Focus on timeless) ~ 3 of 8 (With institutional branding)   22
Route 01 (Focus on timeless) ~ 4 of 8 (With institutional branding)   23
Route 01 (Focus on timeless) ~ 5 of 8 (Any background colour)   24
Route 01 (Focus on timeless) ~ 6 of 8 (Any background colour)   25
Route 01 (Focus on timeless) ~ 7 of 8 (Any background)   26
Route 01 (Focus on timeless) ~ 8 of 8 (Any background)   27
28




Route 02
Route 02 (Focus on smart) ~ 2 of 4 (With institutional branding)   29
Route 02 (Focus on smart) ~ 3 of 4 (With institutional branding ~ Top)   30
Route 02 (Focus on smart) ~ 4 of 4 (Scrolled)   31
Route 02 (Focus on smart) ~ 1 of 4 (No institutional branding)   32
33




Route 03
Route 03 (Focus on open) ~ 1 of 5 (No institutional branding)   34
Route 03 (Focus on open) ~ 2 of 5 (No institutional branding ~ Top)   35
Route 03 (Focus on open) ~ 3 of 5 (Scrolled)   36
Route 03 (Focus on open) ~ 4 of 5 (With institutional branding)   37
Route 03 (Focus on open) ~ 5 of 5 (With institutional branding)   38
Upcoming SlideShare
Loading in...5
×

Sakai Visual Style Pres01

668

Published on

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

Published in: Technology, Business, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
668
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
39
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×