{"id":813,"date":"2009-02-03T22:35:48","date_gmt":"2009-02-03T21:35:48","guid":{"rendered":"http:\/\/www.jurecuhalev.com\/blog\/?p=813"},"modified":"2009-02-08T21:43:30","modified_gmt":"2009-02-08T20:43:30","slug":"find-of-the-day-quince-a-ux-patterns-explorer","status":"publish","type":"post","link":"https:\/\/www.jurecuhalev.com\/blog\/find-of-the-day-quince-a-ux-patterns-explorer\/","title":{"rendered":"Find of the day: Quince: A UX Patterns Explorer"},"content":{"rendered":"<p>Being subscribed to a million of different obscure mailing lists and blogs has some advantages. Every once in a while you grab announcement of a rare gem early. Today I receivend an email about <a href=\"http:\/\/blogs.infragistics.com\/blogs\/ux\/archive\/2009\/02\/02\/introducing-quince-a-ux-design-pattern-explorer.aspx\">Quince &#8211; A UX Patterns Explorer by Infragistics<\/a>.<\/p>\n<p>It&#8217;s a visual representation of some of interface patterns used in <a class=\"zem_slink\" title=\"User interface design\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/User_interface_design\">interface design<\/a> field. Idea behind these patterns is that if we manage to standardize on certain ways of doing things, then the overall usability and <a class=\"zem_slink\" title=\"User experience design\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/User_experience_design\">user experience<\/a> of your interface will benefit from it.<\/p>\n<p>So the big problem is &#8211; <strong>how do I learn patterns<\/strong>? The usual way in * design profession is that you observe the world around you, take note of remarkable work of others and observe the problems of your users to iterate to a solution.<\/p>\n<p>The other approach is to dive into one of these pattern sites, see how others solved similar presentation\/navigation\/input\/ .. problem and get inspiration from it. Quince is one of such solutions.<\/p>\n<figure id=\"attachment_814\" aria-describedby=\"caption-attachment-814\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz066.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-814\" title=\"Quince browser\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz066-300x186.png\" alt=\"Quince browser\" width=\"300\" height=\"186\" srcset=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz066-300x186.png 300w, https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz066.png 1015w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-814\" class=\"wp-caption-text\">Quince browser<\/figcaption><\/figure>\n<p>It has a wide collection of different patterns together with examples, rational and screen shots. All neatly organizable and browsable. It also allows community to add and vote for their own so it has potential to grow with time.<\/p>\n<p><em>The bad?<\/em> It&#8217;s done in Silverlight and has a bit confusing User Interface. But it seems to work nicely on my Mac for now and I plan to evaluate it in my future interface design.<\/p>\n<figure id=\"attachment_815\" aria-describedby=\"caption-attachment-815\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz065.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-815\" title=\"Quince patterns\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz065-300x186.png\" alt=\"Quince patterns\" width=\"300\" height=\"186\" srcset=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz065-300x186.png 300w, https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/safariscreensnapz065.png 1015w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-815\" class=\"wp-caption-text\">Quince patterns<\/figcaption><\/figure>\n<p>And for the ones wondering &#8211; <a href=\"http:\/\/en.wikipedia.org\/wiki\/Quince\">Quince<\/a> is a very nice flower of Asian origin:<\/p>\n<div class=\"zemanta-img zemanta-action-dragged\" style=\"margin: 1em; display: block;\">\n<figure style=\"width: 240px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.flickr.com\/photos\/32454422@N00\/2758382839\"><img loading=\"lazy\" decoding=\"async\" title=\"Quince flower on bush\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2009\/02\/2758382839_30f4b2bde1_m.jpg\" alt=\"Quince flower on bush\" width=\"240\" height=\"180\" \/><\/a><figcaption class=\"wp-caption-text\">Image by Martin LaBar via Flickr<\/figcaption><\/figure>\n<\/div>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><a class=\"zemanta-pixie-a\" title=\"Zemified by Zemanta\" href=\"http:\/\/reblog.zemanta.com\/zemified\/6f2c524c-6b62-4510-8af7-079d427fc20e\/\"><img decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: none; float: right;\" src=\"http:\/\/img.zemanta.com\/reblog_e.png?x-id=6f2c524c-6b62-4510-8af7-079d427fc20e\" alt=\"Reblog this post [with Zemanta]\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Being subscribed to a million of different obscure mailing lists and blogs has some advantages. Every once in a while you grab announcement of a rare gem early. Today I receivend an email about Quince &#8211; A UX Patterns Explorer by Infragistics. It&#8217;s a visual representation of some of interface patterns used in interface design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[41],"tags":[410,677,676,678,936,386,675],"class_list":["post-813","post","type-post","status-publish","format-standard","hentry","category-usability","tag-blog","tag-human-computer-interaction","tag-pattern","tag-quince","tag-usability","tag-user-experience-design","tag-user-interface-design"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/comments?post=813"}],"version-history":[{"count":5,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/media?parent=813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/categories?post=813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/tags?post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}