{"id":1704,"date":"2009-08-11T20:24:56","date_gmt":"2009-08-11T19:24:56","guid":{"rendered":"http:\/\/www.itwriting.com\/blog\/1704-ui-design-patterns-for-rich-internet-applications.html"},"modified":"2009-08-11T20:24:56","modified_gmt":"2009-08-11T19:24:56","slug":"ui-design-patterns-for-rich-internet-applications","status":"publish","type":"post","link":"https:\/\/www.itwriting.com\/blog\/1704-ui-design-patterns-for-rich-internet-applications.html","title":{"rendered":"UI design patterns for Rich Internet Applications"},"content":{"rendered":"<p>We are used to the idea of design patterns for software construction, following the great work of the gang of four \u2013 <a href=\"http:\/\/www.amazon.com\/gp\/product\/0201633612?ie=UTF8&amp;tag=itwriting-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0201633612\" target=\"_blank\">Design Patterns: Elements of Reusable object-oriented software<\/a> by Erich Gamma, Richard Helm, Ralph Johnson and John M Vlissides. But what about patterns for user interface design? What about learning standard UI patterns and how to apply them well, so that you have an immediate head start when sitting down to create a compelling and usable application?<\/p>\n<p>Ryan Stewart\u2019s blog post on <a href=\"http:\/\/blog.digitalbackcountry.com\/2009\/08\/up-leveling-the-flex-user-interface-discussion\/\" target=\"_blank\">up-leveling the Flex User Interface Discussion<\/a> links to the work of <a href=\"http:\/\/www.designgenie.org\/\" target=\"_blank\">Theresa Neil<\/a>, who spoke on Designing Rich Application at the <a href=\"http:\/\/www.delvenyc.com\/\" target=\"_blank\">DelveUI<\/a> conference last week. She\u2019s <a href=\"http:\/\/designingwebinterfaces.com\/designing-rich-applications-at-delveui\" target=\"_blank\">posted<\/a> her slide show, which I\u2019ve also embedded below:<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" style=\"width: 0px; height: 0px; visibility: hidden\" border=\"0\" src=\"http:\/\/counters.gigya.com\/wildfire\/IMP\/CXNID=2000002.0NXC\/bT*xJmx*PTEyNTAwMTY4MDc1NzQmcHQ9MTI1MDAxNzc3MzcxMyZwPTEwMTkxJmQ9c3NfZW1iZWQmZz*yJm89OTliMmU2ZTkwNzdhNGU1NWJhYTE*ZGNhYzYwYjcwZjImb2Y9MA==.gif\" width=\"0\" height=\"0\" \/>  <\/p>\n<div style=\"text-align: left; width: 425px\" id=\"__ss_1831872\"><a style=\"margin: 12px 0px 3px; display: block; font: 14px helvetica,arial,sans-serif; text-decoration: underline\" title=\"Designing Rich Applications \" href=\"http:\/\/www.slideshare.net\/theresaneil\/designing-rich-applications\">Designing Rich Applications <\/a><object style=\"margin:0px\" width=\"425\" height=\"355\"><param name=\"movie\" value=\"http:\/\/static.slidesharecdn.com\/swf\/ssplayer2.swf?doc=delveny4slideshare-090808215304-phpapp02&amp;stripped_title=designing-rich-applications\" \/><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><embed src=\"http:\/\/static.slidesharecdn.com\/swf\/ssplayer2.swf?doc=delveny4slideshare-090808215304-phpapp02&amp;stripped_title=designing-rich-applications\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"425\" height=\"355\"><\/embed><\/object>    <\/p>\n<div style=\"font-family: tahoma,arial; height: 26px; font-size: 11px; padding-top: 2px\">View more <a style=\"text-decoration: underline\" href=\"http:\/\/www.slideshare.net\/\">documents<\/a> from <a style=\"text-decoration: underline\" href=\"http:\/\/www.slideshare.net\/theresaneil\">Theresa Neil<\/a>.<\/div>\n<\/p><\/div>\n<p>I found it fascinating, and while I will never be a designer, this kind of methodical, structured approach to building a UI is one that developers can also appreciate.<\/p>\n<p>She also has a matrix of essential controls showing which UI frameworks support them \u2013 page 21 above \u2013 though the slide only shows controls from A to D; the full set is described <a href=\"http:\/\/theresaneil.wordpress.com\/2009\/02\/04\/30-essential-controls\/\" target=\"_blank\">here<\/a>.<\/p>\n<p>While I\u2019m on the subject, there\u2019s also a thought-provoking <a href=\"http:\/\/www.brandonwalkin.com\/blog\/2009\/08\/10\/managing-ui-complexity\/\" target=\"_blank\">post from Brandon Walkin<\/a> on managing UI complexity. It seems Microsoft can still provide plenty of \u201chow not to do it\u201d examples.<\/p>\n<div style=\"padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px\" id=\"scid:0767317B-992E-4b12-91E0-4F059A8CECA8:38e16e4b-0a89-4e29-8406-40cde3d3b221\" class=\"wlWriterEditableSmartContent\">Technorati Tags: <a href=\"http:\/\/technorati.com\/tags\/flex\" rel=\"tag\">flex<\/a>,<a href=\"http:\/\/technorati.com\/tags\/silverlight\" rel=\"tag\">silverlight<\/a>,<a href=\"http:\/\/technorati.com\/tags\/ria\" rel=\"tag\">ria<\/a>,<a href=\"http:\/\/technorati.com\/tags\/rich+internet+applications\" rel=\"tag\">rich internet applications<\/a>,<a href=\"http:\/\/technorati.com\/tags\/design\" rel=\"tag\">design<\/a>,<a href=\"http:\/\/technorati.com\/tags\/software+development\" rel=\"tag\">software development<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We are used to the idea of design patterns for software construction, following the great work of the gang of four \u2013 Design Patterns: Elements of Reusable object-oriented software by Erich Gamma, Richard Helm, Ralph Johnson and John M Vlissides. But what about patterns for user interface design? What about learning standard UI patterns and &hellip; <a href=\"https:\/\/www.itwriting.com\/blog\/1704-ui-design-patterns-for-rich-internet-applications.html\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">UI design patterns for Rich Internet Applications<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,44,77,80],"tags":[],"class_list":["post-1704","post","type-post","status-publish","format-standard","hentry","category-adobe","category-internet","category-silverlight","category-software-development"],"_links":{"self":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/1704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/comments?post=1704"}],"version-history":[{"count":0,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/1704\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/media?parent=1704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/categories?post=1704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/tags?post=1704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}