sakai visual style pres01
DESCRIPTION
See http://confluence.sakaiproject.org/confluence/display/3AK/Visual+Design for context.TRANSCRIPT
![Page 1: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/1.jpg)
1
Design presentation oneTuesday 9th June 2009
Sakai visual style 3x directions
![Page 2: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/2.jpg)
2
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
Agenda
![Page 3: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/3.jpg)
3
Workshop refresher
![Page 4: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/4.jpg)
4
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)
Objectives
![Page 5: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/5.jpg)
5Audiences
Instructional Designers
Positive
PowerfulSolid and reliableFlexible (but obscure)
Negative
Clumsy, clunkyToo many optionsHard to identify key things
Expectations
“What does it do?”
“What will this look like to students?”(my audience)
Reassurance
Clear feedback
Consequences of actions
![Page 6: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/6.jpg)
6Audiences
Educators and researchers
Positive
Easy to do simple thingsOrganizes my life
Negative
Interface feels antiqueNot very friendlyConfusing terminologyCumbersome
Insight
80% of users only use 20% of the functionality
“Why would I take training on something I don’t want to use”
Expectations
“Doesn’t create more work for me”
ControlSimplicity
Not necessarily cutting edge
Functionality to the fore
![Page 7: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/7.jpg)
7Audiences
Students
Positive
Single space for everything“Why don’t all my teachers use this system?”
Negative
Staid
Expectations
Dashboard to manage across subjects
AJAX-ey interactions
Predictability
Mobile, RSS
Contemporary
Consistency (between sites)
![Page 8: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/8.jpg)
8Attributes to be of service
Multi-purpose
Enterprise ready
Collaborative
SafePersonal Straightforward
Professional
Real world activity
QualityControl
![Page 9: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/9.jpg)
9Attributes of emotional value
Timeless
Organized
Simple
Flexible
Clarity
Quality
![Page 10: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/10.jpg)
10Attributes of emotional value
Smart
Friendly
Innovative
Contemporary
Respected
![Page 11: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/11.jpg)
11Attributes of emotional value
OpenCollaborative
Easy
ObviousTransparent
Autonomous
![Page 12: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/12.jpg)
12Attributes of emotional value
AuthoritativeActivity Trustworthy
Inspirational
Respected
Consistent
![Page 13: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/13.jpg)
13Timeless
![Page 14: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/14.jpg)
14Smart
![Page 15: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/15.jpg)
15Open
![Page 16: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/16.jpg)
16Authoritative
![Page 17: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/17.jpg)
17
AuthoritativeInspirational
Consistent
Activity
Respected
Trustworthy
Authoritative encompasses all routes
TimelessSimple
Clarity
Flexible
Organized
SmartInnovative
Friendly
Contemporary
Respected
OpenCollaborative
Easy
Autonomy
Obvious
Transparent
![Page 18: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/18.jpg)
18Weighting of various visual styles
Route 01 Route 02 Route 03
AuthoritativeInspirationalConsistent
ActivityRespectedTrustworthy
SmartInnovative
FriendlyContemporary
Respected
OpenCollaborative
EasyAutonomyObvious
Transparent
TimelessSimpleClarityFlexible
Organized
AuthoritativeInspirationalConsistent
ActivityRespectedTrustworthy
TimelessSimpleClarityFlexible
Organized
OpenCollaborative
EasyAutonomyObvious
Transparent
SmartInnovative
FriendlyContemporary
Respected
AuthoritativeInspirationalConsistent
ActivityRespectedTrustworthy
SmartInnovative
FriendlyContemporary
Respected
TimelessSimpleClarityFlexible
Organized
OpenCollaborative
EasyAutonomyObvious
Transparent
![Page 19: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/19.jpg)
19
Route 01
![Page 20: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/20.jpg)
20Route 01 (Focus on timeless) ~ 1 of 8 (No institutional branding)
![Page 21: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/21.jpg)
21Route 01 (Focus on timeless) ~ 2 of 8 (No institutional branding)
![Page 22: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/22.jpg)
22Route 01 (Focus on timeless) ~ 3 of 8 (With institutional branding)
![Page 23: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/23.jpg)
23Route 01 (Focus on timeless) ~ 4 of 8 (With institutional branding)
![Page 24: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/24.jpg)
24Route 01 (Focus on timeless) ~ 5 of 8 (Any background colour)
![Page 25: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/25.jpg)
25Route 01 (Focus on timeless) ~ 6 of 8 (Any background colour)
![Page 26: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/26.jpg)
26Route 01 (Focus on timeless) ~ 7 of 8 (Any background)
![Page 27: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/27.jpg)
27Route 01 (Focus on timeless) ~ 8 of 8 (Any background)
![Page 28: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/28.jpg)
28
Route 02
![Page 29: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/29.jpg)
29Route 02 (Focus on smart) ~ 2 of 4 (With institutional branding)
![Page 30: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/30.jpg)
30Route 02 (Focus on smart) ~ 3 of 4 (With institutional branding ~ Top)
![Page 31: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/31.jpg)
31Route 02 (Focus on smart) ~ 4 of 4 (Scrolled)
![Page 32: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/32.jpg)
32Route 02 (Focus on smart) ~ 1 of 4 (No institutional branding)
![Page 33: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/33.jpg)
33
Route 03
![Page 34: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/34.jpg)
34Route 03 (Focus on open) ~ 1 of 5 (No institutional branding)
![Page 35: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/35.jpg)
35Route 03 (Focus on open) ~ 2 of 5 (No institutional branding ~ Top)
![Page 36: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/36.jpg)
36Route 03 (Focus on open) ~ 3 of 5 (Scrolled)
![Page 37: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/37.jpg)
37Route 03 (Focus on open) ~ 4 of 5 (With institutional branding)
![Page 38: Sakai Visual Style Pres01](https://reader033.vdocuments.us/reader033/viewer/2022051817/5479d2a4b37959582b8b4863/html5/thumbnails/38.jpg)
38Route 03 (Focus on open) ~ 5 of 5 (With institutional branding)