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

Slides:

Advertisements

Similar presentations

Advertisements

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

Erin Malone Product Design Director AOL Web Properties Using Flowmaps in a team Steps to increase their effectiveness.

Chapter 3 PART 2 - SPREADSHEET CMPF 112 : COMPUTING SKILLS CALC FOR LINUX.

Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre, University of Toronto Bridging the Gap: Design & Development in Sakai.

Sakai UI Design Patterns Design Patterns WG: Marc Brierley, Colin Clark, Kathy Moore, Daphne Ogle, Judy Stern, (also Tim Archer, Kristol Hancock)

UNIT 24 Selection and use of course book materials 4A1C0064 施俊宇 4A1C0068 曾志豪.

CREATING A PROFESSIONAL 3-FOLD BROCHURE PUBLISHER 2007.

Sakai Tools Designing a User-Centered Sakai Tool Sakai Tools Team Rob Lowden, Daphne Ogle.

Why Design Tips for Sakai? Small teams in higher ed means wearing many hats Not all teams have designers Meant to be a primer for developers doing design.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.

EQ: How can we learn the basics of formatting a college research paper in Microsoft Word? Mini Unit: Typing a Paper Diogene Date: 4/20/2015 Course: ELA-Grade.

Creating Usable Data Usable Data and “Actionable” Information Jonathan Callahan Mazama Science M AZAMA S CIENCE Data – Information – Knowledge.

Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.

WHAT IS AN INFOGRAPHIC Data visualizations that present complex information quickly and clearly. Visual representation of data, information, and/or.

Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School.

Wireframes in Physical Design Yonglei Tao. 1-2 Website Wireframes  A visual guide that represents the framework of a website  Created for the purpose.

AICC Meeting – Minneapolis, MN June 24, 2003 Benefits of Reusable Objects – Design/Development Flexibility Design for Multiple Contexts Smallest Media.

Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.

Sakai UI Design Patterns Design Patterns WG 12-Jun-2007, 14:05 Marc Brierley.

Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.

WRITING THE ACADEMIC PAPER Technical Writing for Information Science In-Bon Kuh GNU OS Lab.

Overview of Statewide AT Program Quality Services & Indicators for Device Demonstrations.

Egypt, there are some rules, protocols, and plans that you need to make in advance. Most of the travelers who are used to travelling know some of these.

2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.

Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-

Click on each button below to learn more about this unit

Chapter 25 Web Pages This chapter presents the rhetorical features of Web page design as well as technologies for creating Web pages. Some of your students.

Section 7.1 Section 7.2 Identify presentation design principles

Color Theory in Web Design

Reading stages Birth-Preschool.

Creating & Managing for Teaching Purposes

HCI – DESIGN RATIONALE 20 November 2018.

Warm Up October 12th Write nothing.

Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.

Warm Up October 6th Write nothing.

Click on Course Guides. Click on Course Guides.

DESIGNING YOUR SYSTEM.

Warm Up Write nothing. Go to the blog and click on the link for today’s lesson.

Introduction to Digital Libraries Assignment #2

Chapter 11 Interaction styles

Introduction to Digital Libraries Assignment #2

ENDANGERED ANIMALS A RESEARCH PROJECT

Chapter 7 design rules.

Chapter 7 design rules.

Chapter 7 design rules.

A Webquest of the Erie Canal

Chapter 7 design rules.

Don’t just listen to music; listen to people

Presentation transcript:

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

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

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 that offers a url to the pattern or an example of its use.

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

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)

References See word doc for useful references Style Guide Style Guide Good multi-step indicator: Berkeley: Jenifer Tidwellhttp://designinginterfaces.com/ Confluence: Daphne’s Old Presentation Colin’s Blog page 08/06