Web Design Pattern Library www uidesignpatterns org A

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

Tim’s Story Put my REALLY IMPORTANT stuff on the home page. Tim, Can you build this application for us? Today? Tim, can you animate that? Make it rotate 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. May 12, 2006 U. C. Berkeley Web Design Patterns Library 2

Tim is not alone • Surveys • Interviews • Reviewed Sites May 12, 2006 U. C. Berkeley Web Design Patterns Library 3

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. May 12, 2006 U. C. Berkeley Web Design Patterns Library 4

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. May 12, 2006 U. C. Berkeley Web Design Patterns Library 5

What is this like? May 12, 2006 U. C. Berkeley Web Design Patterns Library 6

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

How Did We Know What to Do? • • Anthropology Archeology Innovation Construction May 12, 2006 U. C. Berkeley Web Design Patterns Library 8

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 May 12, 2006 U. C. Berkeley Web Design Patterns Library 9

Questions? www. ui-designpatterns. org May 12, 2006 U. C. Berkeley Web Design Patterns Library 10