38
1 Design presentation one Tuesday 9th June 2009 Sakai visual style 3x directions

Sakai Visual Style Pres01

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Sakai Visual Style Pres01

1

Design presentation oneTuesday 9th June 2009

Sakai visual style 3x directions

Page 2: Sakai Visual Style Pres01

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

3

Workshop refresher

Page 4: Sakai Visual Style Pres01

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

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

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

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

8Attributes to be of service

Multi-purpose

Enterprise ready

Collaborative

SafePersonal Straightforward

Professional

Real world activity

QualityControl

Page 9: Sakai Visual Style Pres01

9Attributes of emotional value

Timeless

Organized

Simple

Flexible

Clarity

Quality

Page 10: Sakai Visual Style Pres01

10Attributes of emotional value

Smart

Friendly

Innovative

Contemporary

Respected

Page 11: Sakai Visual Style Pres01

11Attributes of emotional value

OpenCollaborative

Easy

ObviousTransparent

Autonomous

Page 12: Sakai Visual Style Pres01

12Attributes of emotional value

AuthoritativeActivity Trustworthy

Inspirational

Respected

Consistent

Page 13: Sakai Visual Style Pres01

13Timeless

Page 14: Sakai Visual Style Pres01

14Smart

Page 15: Sakai Visual Style Pres01

15Open

Page 16: Sakai Visual Style Pres01

16Authoritative

Page 17: Sakai Visual Style Pres01

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

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

19

Route 01

Page 20: Sakai Visual Style Pres01

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

Page 21: Sakai Visual Style Pres01

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

Page 22: Sakai Visual Style Pres01

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

Page 23: Sakai Visual Style Pres01

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

Page 24: Sakai Visual Style Pres01

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

Page 25: Sakai Visual Style Pres01

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

Page 26: Sakai Visual Style Pres01

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

Page 27: Sakai Visual Style Pres01

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

Page 28: Sakai Visual Style Pres01

28

Route 02

Page 29: Sakai Visual Style Pres01

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

Page 30: Sakai Visual Style Pres01

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

Page 31: Sakai Visual Style Pres01

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

Page 32: Sakai Visual Style Pres01

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

Page 33: Sakai Visual Style Pres01

33

Route 03

Page 34: Sakai Visual Style Pres01

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

Page 35: Sakai Visual Style Pres01

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

Page 36: Sakai Visual Style Pres01

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

Page 37: Sakai Visual Style Pres01

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

Page 38: Sakai Visual Style Pres01

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