Sakai Visual Style Pres01

1

Design presentation oneTuesday 9th June 2009

Sakai visual style 3x directions

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

3

Workshop refresher

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

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

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

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)

8Attributes to be of service

Multi-purpose

Enterprise ready

Collaborative

SafePersonal Straightforward

Professional

Real world activity

QualityControl

9Attributes of emotional value

Timeless

Organized

Simple

Flexible

Clarity

Quality

10Attributes of emotional value

Smart

Friendly

Innovative

Contemporary

Respected

11Attributes of emotional value

OpenCollaborative

Easy

ObviousTransparent

Autonomous

12Attributes of emotional value

AuthoritativeActivity Trustworthy

Inspirational

Respected

Consistent

13Timeless

14Smart

15Open

16Authoritative

17

AuthoritativeInspirational

Consistent

Activity

Respected

Trustworthy

Authoritative encompasses all routes

TimelessSimple

Clarity

Flexible

Organized

SmartInnovative

Friendly

Contemporary

Respected

OpenCollaborative

Easy

Autonomy

Obvious

Transparent

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

19

Route 01

20Route 01 (Focus on timeless) ~ 1 of 8 (No institutional branding)

21Route 01 (Focus on timeless) ~ 2 of 8 (No institutional branding)

22Route 01 (Focus on timeless) ~ 3 of 8 (With institutional branding)

23Route 01 (Focus on timeless) ~ 4 of 8 (With institutional branding)

24Route 01 (Focus on timeless) ~ 5 of 8 (Any background colour)

25Route 01 (Focus on timeless) ~ 6 of 8 (Any background colour)

26Route 01 (Focus on timeless) ~ 7 of 8 (Any background)

27Route 01 (Focus on timeless) ~ 8 of 8 (Any background)

28

Route 02

29Route 02 (Focus on smart) ~ 2 of 4 (With institutional branding)

30Route 02 (Focus on smart) ~ 3 of 4 (With institutional branding ~ Top)

31Route 02 (Focus on smart) ~ 4 of 4 (Scrolled)

32Route 02 (Focus on smart) ~ 1 of 4 (No institutional branding)

33

Route 03

34Route 03 (Focus on open) ~ 1 of 5 (No institutional branding)

35Route 03 (Focus on open) ~ 2 of 5 (No institutional branding ~ Top)

36Route 03 (Focus on open) ~ 3 of 5 (Scrolled)

37Route 03 (Focus on open) ~ 4 of 5 (With institutional branding)

38Route 03 (Focus on open) ~ 5 of 5 (With institutional branding)