{"id":37,"date":"2007-03-12T16:38:50","date_gmt":"2007-03-12T22:38:50","guid":{"rendered":"http:\/\/techory.com\/sxsw\/?p=37"},"modified":"2007-03-12T16:38:50","modified_gmt":"2007-03-12T22:38:50","slug":"design-patterns-defining-and-sharing-web-interface-design-languages","status":"publish","type":"post","link":"http:\/\/techory.com\/sxsw\/?p=37","title":{"rendered":"Design Patterns: Defining and Sharing Web Interface Design Languages"},"content":{"rendered":"<p><em>Monday, March 12th @ 4:05 pm<\/em><\/p>\n<p><a href='http:\/\/www.lukew.com\/'>Luke Wroblewski<\/a><em>   Principal Designer,   Yahoo! <\/em><\/p>\n<p><strong>Why design patterns?<\/strong><br \/>continuous discussion between all involved<\/p>\n<p>shared language <br \/>giving things a name is a good way to g create shared goals around it<\/p>\n<p>pattern recognition<br \/>as things get more global\/networked, more data<br \/>data about data to bubble up the useful information<\/p>\n<p>looking for visual relationships to tell a story<\/p>\n<p><a href='http:\/\/www.lukew.com\/ff\/entry.asp?347'>http:\/\/www.lukew.com\/ff\/entry.asp?347<\/a><\/p>\n<p>Book: designing interfaces (O&#8217;reily) helps to put patterns together<\/p>\n<p>work positively for specific problems in specific contexts &#8211; THIS solution works for THIS problem.<br \/>principles and guidelines &#8211; patterns are good enough to be practical, but general enough to fit many situations<br \/>design vocabulary &#8211; noticing things in the wild and recognizing.<\/p>\n<p>my.yahoo.com drag-drop interface built around patterns, how long to wait after drag\/drop, how should it look etc.<br \/>autocomplete (email to form)<br \/>progress bar (typical ajax working)<br \/>preview of content (netflix view video-ajax)<br \/>voting<\/p>\n<p>design patterns are solutions to problems <\/p>\n<p><strong>Scope of design patterns<\/strong><br \/>frameworks, documentation<br \/>elements\/widgets used in these patterns<\/p>\n<p>Yahoo grid system is a framework to organize content on screens<br \/>Breadcrumbs provides path to\/from where you are<\/p>\n<p><strong>What&#8217;s in a design pattern?<\/strong><br \/>title<br \/>problem (situation)<br \/>use when (constraints)<br \/>solution<br \/>why (rationale)<br \/>how (to apply)<br \/>examples<br \/>related patterns<br \/>accessibility<br \/>code samples<\/p>\n<p><strong>How are they used?<\/strong><br \/>style recommendations<br \/>tough to document because it is always changing<\/p>\n<p><strong>Does it work for clients?<\/strong><br \/>focus on solutions not rules<br \/>encourages good behavior<br \/>reusable<\/p>\n<p>break down to user center goals and design constraints<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday, March 12th @ 4:05 pm Luke Wroblewski Principal Designer, Yahoo! Why design patterns?continuous discussion between all involved shared language giving things a name is a good way to g create shared goals around it pattern recognitionas things get more global\/networked, more datadata about data to bubble up the useful information looking for visual relationships [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/37"}],"collection":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":0,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=\/wp\/v2\/posts\/37\/revisions"}],"wp:attachment":[{"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/techory.com\/sxsw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}