• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Sakai.Webdesignpattern.Presentation
 

Sakai.Webdesignpattern.Presentation

on

  • 1,730 views

Presentation about UI design patterns given at the Sakai 2006 conference in Vancouver. Authors: David Hong, Kelly Snow, Mano Marks, Tim Dennis

Presentation about UI design patterns given at the Sakai 2006 conference in Vancouver. Authors: David Hong, Kelly Snow, Mano Marks, Tim Dennis

Statistics

Views

Total Views
1,730
Views on SlideShare
1,729
Embed Views
1

Actions

Likes
0
Downloads
17
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Sakai.Webdesignpattern.Presentation Sakai.Webdesignpattern.Presentation Presentation Transcript

  • Web Design Pattern Library www.ui-designpatterns.org Kelly Snow, Mano Marks, Tim Dennis, Dave Hong May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • UC Berkeley Environment
    • Autonomous fiefdoms
    • Lack of coordinated development efforts.
    • Applications based on organizational structure
    • Different strategies and code base
    • Top-down initiatives are doomed
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • UI Design at UC Berkeley
    • No formal training
    • Work in isolation
    • Few resources / many responsibilities
    • No sense of community
    • Developers with non-technical managers
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Sakai
    • Many cooks in the kitchen
    • Distributed and disparate development environments
    • Unique branding for each campus
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Collaborative Tools
    • Working groups
    • Discussion groups
    • Email
    • Wiki
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Common Solutions
    • Templates
    • Hi-fi Wireframes
    • Tags / Markup
    • Styleguides
    • “ Top-down Smackdown”
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Distributed Knowledge
      • “ knowledge about user interface and design is distributed and often not shared”
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Inconsistency
      • “ knowledge about what constitutes good user interface is inconsistent”
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Personalities
      • “ each person has their own ideas and agenda about the interface”
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Web Design Patterns
    • A model for common problems and appropriate solutions in highly diverse development environments.
    • Provide a common language for people to use in their work process.
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Why Design Patterns?
    • Collect and redistribute knowledge of large communities.
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Why Design Patterns?
    • Cooperative & inclusive:
    • a better model and artifact for attaining and capturing consensus.
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Why Design Patterns?
    • Encapsulate rationale and best practices as well as shared interests
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Why Design Patterns?
    • Combine a heavy text-based medium with visual examples
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • Why Design Patterns?
    • Describe design elements allowing for flexible implementation and mixing and matching
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • What We Built
    • Web-based application that contains web design patterns
    • Pattern schema
    • Supports contributions from UC developer community
    May 12, 2006 U.C. Berkeley Web Design Patterns Library
  • How We Did It
    • Surveying and interviewing users
    • Analysis of other pattern collections
    • Analysis of existing campus apps
    • Data Modeling
    • Pattern Writing Methodology
    • User Centered Design
    • Implementation
    May 12, 2006 U.C. Berkeley Web Design Patterns Library