webpattern.final.presentation2 1

10
May 12, 2006 U.C. Berkeley Web Design Patterns Library 1 Web Design Pattern Library www.ui-designpatterns.org A project by Kelly Snow, Mano Marks, Tim Dennis, Dave Hong Advised by Bob Glushko

Upload: uc-berkeley-libtech

Post on 16-Jan-2015

567 views

Category:

Technology


0 download

DESCRIPTION

Presentation about web design patterns given at UC Berkeley iSchool on May 12, 2006. Authors: David Hong, Mano Marks, Kelly Snow & Tim Dennis

TRANSCRIPT

Page 1: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library

1

Web Design Pattern Library

www.ui-designpatterns.org

A project byKelly Snow, Mano Marks, Tim Dennis,

Dave Hong

Advised by Bob Glushko

Page 2: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 2

Tim’s Story

Tim, can you animate that? Make it rotate

Tim, Can you build this application for us? Today?

We don’t have money to send you to training. But you’ll figure it out.

Tim, build this application in JSP, that one in PHP and that other one in Java.

Put my REALLY IMPORTANT stuff on the home page.

Page 3: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 3

Tim is not alone

• Surveys• Interviews• Reviewed Sites

Page 4: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 4

Helping Tim

• UI resources to meet needs where developers lack formal training.

• Increasing demand for sophisticated applications from users.

• Created a library of web patterns.

Page 5: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 5

What is a Pattern?

• A statement of a problem and a general solution that anyone can use.

• Web around long enough to see patterns emerging.

• A number of them together form a library.

Page 6: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 6

What is this like?

Page 7: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 7

Library Demo

Page 8: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 8

How Did We Know What to Do?

• Anthropology• Archeology• Innovation• Construction

Page 9: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library 9

Web Patterns Library

• Building a community • Evolves over time• Consistency• Works independent of programming

environment• A single resource to go to• Give Tim a better starting point

Page 10: Webpattern.Final.Presentation2 1

May 12, 2006 U.C. Berkeley Web Design Patterns Library

10

Questions?

www.ui-designpatterns.org