Presentation is loading. Please wait.

Presentation is loading. Please wait.

Benefits of Design Patterns Interaction consistency with design flexibility Facilitate sharing of design knowledge & common language A design pattern applied.

PublishJames McCarthy Modified over 8 years ago

Similar presentations

Presentation on theme: "Benefits of Design Patterns Interaction consistency with design flexibility Facilitate sharing of design knowledge & common language A design pattern applied."— Presentation transcript:

1 Benefits of Design Patterns Interaction consistency with design flexibility Facilitate sharing of design knowledge & common language A design pattern applied to a current Sakai design problem

2 Interaction consistency with design flexibility Style GuideDesign Patterns “Do this.” Reader may ask “why?” “Do this if…” “Here’s one solution.” Solutions are presented in the context of a design problem Rules may be unresponsive to unexpected contexts, new solutions. Designer/implementer chooses solution most appropriate to problem and context Requires conformance? Offers solutions Seems to rule out new solutions, unexpected contexts. Designer chooses solution most appropriate to problem and context

3 Facilitate sharing of design knowledge & common language Style GuideDesign Patterns Sets out page or screen category, elaborates specifics within category; hard to sum up. “Side-by-Side list elements” “Forms View” Does what I have map onto this? Should it? A pattern presents one problem and one solution; easy to grasp and summarize. “Responsive Disclosure” “Multistep Indicator” Tight focus makes patterns easy to grasp and share in an email that offers a url to the pattern or an example of its use.

4 Facilitate sharing of design knowledge & common language Style Guide many details Design Patterns One focus per pattern

5 A design pattern applied to a current Sakai design problem: Multi-step indicator New Sakai Tool, in development: Resource Viewer Early mockups Pattern: Multi-step indicator: - Sakai - Berkeley - A favorite exampleSakaiBerkeleyA favorite example Resource Viewer v5 (Harriet Truscott) – related solutionResource Viewer v5 (Harriet Truscott)

6 References See word doc for useful references Style Guide Style Guide Good multi-step indicator: https://www.emusic.com/registration/1.html?fref=700626&refrsrc=spirevision Berkeley: http://harbinger.sims.berkeley.edu/ui_designpatterns/webpatterns2/webpatterns/pattern.php?id=7 http://developer.yahoo.com/ypatterns/ http://designinginterfaces.com/ Jenifer Tidwellhttp://designinginterfaces.com/ Confluence: http://issues.sakaiproject.org/confluence/display/DESPAT/Library Daphne’s Old Presentation Colin’s Blog page 08/06

Download ppt "Benefits of Design Patterns Interaction consistency with design flexibility Facilitate sharing of design knowledge & common language A design pattern applied."

Similar presentations

POW+TIDE.

POW+TIDE.
Teamwork. Can be in person or virtually. Organizing a Team Project Appoint a group manager Define a clear and definite goal Identify the type of document.

Teamwork. Can be in person or virtually. Organizing a Team Project Appoint a group manager Define a clear and definite goal Identify the type of document.
Writing Reminder THESIS STATEMENTS.

Writing Reminder THESIS STATEMENTS.
Using Visual Patterns to Facilitate Learning. Developed in 1988 by Dr. David Hyerle. A common visual language for learning.A common visual language.

Using Visual Patterns to Facilitate Learning. Developed in 1988 by Dr. David Hyerle. A common visual language for learning.A common visual language.
Interface Design II JMA 462/562 TTH 4:30 – 5:45 College Hall 205.

Interface Design II JMA 462/562 TTH 4:30 – 5:45 College Hall 205.
Language tools How to contribute to the site How to contact the main editors of the site How to access forums How to edit work How to create your own.

Language tools How to contribute to the site How to contact the main editors of the site How to access forums How to edit work How to create your own.
MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.

MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.

Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
PROPOSALS Comm Arts II Mr. Wreford. PROPOSALS ► Writing in order to make an observable difference in the world around you. ► Identify a problem and come.

PROPOSALS Comm Arts II Mr. Wreford. PROPOSALS ► Writing in order to make an observable difference in the world around you. ► Identify a problem and come.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.

Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
IS 213 Presentation Healthy Communities Florance Gee, Ran Li, Nettie Ng March 30, 2004.

IS 213 Presentation Healthy Communities Florance Gee, Ran Li, Nettie Ng March 30, 2004.
Chapter 7 design rules.

Chapter 7 design rules.
How to write a scientific abstract Anne E. Carey Interim director, Undergraduate Research Office August 2, 2011 Anne E. Carey Interim director, Undergraduate.

How to write a scientific abstract Anne E. Carey Interim director, Undergraduate Research Office August 2, 2011 Anne E. Carey Interim director, Undergraduate.
C WRITING A 5-PART PARAGRAPH. Part I: What is a Well-Written Paragraph? A well-written paragraph contains 3 elements: 1. The topic sentence (1 sentence)

C WRITING A 5-PART PARAGRAPH. Part I: What is a Well-Written Paragraph? A well-written paragraph contains 3 elements: 1. The topic sentence (1 sentence)
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre, University of Toronto Bridging the Gap: Design & Development in Sakai.

Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre, University of Toronto Bridging the Gap: Design & Development in Sakai.
Senior Thesis: Review of Literature Samples, Citation help, Search techniques.

Senior Thesis: Review of Literature Samples, Citation help, Search techniques.
Comparison-Contrast Essay

Comparison-Contrast Essay
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.

Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.

Similar presentations

Ads by Google