{"id":91,"date":"2015-12-05T21:22:08","date_gmt":"2015-12-05T21:22:08","guid":{"rendered":"http:\/\/www.hankgrebe.com\/ux\/?p=91"},"modified":"2023-02-15T17:57:41","modified_gmt":"2023-02-16T01:57:41","slug":"ux-diagrams","status":"publish","type":"post","link":"https:\/\/www.hankgrebe.com\/ux\/ux-diagrams\/","title":{"rendered":"UX Process and Skills Diagrams"},"content":{"rendered":"<p><!-- <a href=\"http:\/\/visitmix.com\/Articles\/The-Future-of-Wireframes\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/visitmix.com\/content\/files\/spectrum.jpg\" alt=\"\" width=\"500\" height=\"541\" \/> --><\/p>\n<p>The User-Centered Design (UCD) process outlines the phases throughout a design and development life-cycle all while focusing on gaining a deep understanding of who will be using the product. \u00a0(As a user of the\u00a0diagram below, its spelling of &#8220;centrered&#8221; [sic] makes me feel uneasy).<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png\" rel=\"attachment wp-att-105\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"105\" data-permalink=\"https:\/\/www.hankgrebe.com\/ux\/ux-diagrams\/ucd-process-624x534\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?fit=624%2C534&amp;ssl=1\" data-orig-size=\"624,534\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"UCD-Process-624&amp;#215;534\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?fit=300%2C257&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?fit=624%2C534&amp;ssl=1\" class=\"alignnone size-full wp-image-105\" src=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?resize=624%2C534\" alt=\"UCD-Process-624x534\" width=\"624\" height=\"534\" srcset=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?resize=624%2C534&amp;ssl=1 624w, https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/12\/UCD-Process-624x534.png?resize=300%2C257&amp;ssl=1 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/a><\/p>\n<p>I have created my own version, of which there are many, of this diagram as the title image for this article.<\/p>\n<p>In any product or service\u00a0design process, it is a good idea to take a step back from time to time to candidly assure the team that you are on the right track. \u00a0Here are a few UX process and planning diagrams from UX professionals in the field to provide food for thought.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.uxmatters.com\/mt\/archives\/2007\/05\/sharing-ownership-of-ux.php\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.uxmatters.com\/mt\/archives\/2007\/05\/images\/sharing-ownership-of-ux.jpg?resize=474%2C301\" alt=\"\" width=\"474\" height=\"301\" align=\"aligncenter\" \/><\/a><\/p>\n<p><strong>UX Design Cycle<\/strong><\/p>\n<p>The above diagram simply outlines the multidisciplinary product team sharing ownership of UX. \u00a0The equally sized disks implies the desired balance of influence by each team.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.uxmatters.com\/mt\/archives\/2014\/04\/get-started-in-ux-the-complete-guide-to-launching-a-career-in-user-experience-design.php\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-854\" title=\"Whole UX Sundial\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2011\/06\/Whole_UX_sundial.png?resize=500%2C500\" alt=\"\" width=\"500\" height=\"500\" \/><\/a><\/p>\n<p><strong>User Experience Sundial<\/strong><\/p>\n<p>UX designers may be expected to provide a variety of skills, all contributing to successful design. \u00a0 You can even evaluate your own strengths in this interactive <a href=\"http:\/\/uxmastery.com\/ux-self-assessment-sundial\/\" target=\"_blank\" rel=\"noopener\">UX Self-Assessment Sundial<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p><a title=\"UX Honeycomb\" href=\"http:\/\/semanticstudios.com\/user_experience_design\/\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"UX Honeycomb\" src=\"https:\/\/i0.wp.com\/semanticstudios.com\/wp-content\/uploads\/2004\/06\/honeycomb.jpg?resize=440%2C440\" alt=\"\" width=\"440\" height=\"440\" \/><\/a><\/p>\n<p><strong>User Experience Honeycomb<\/strong><\/p>\n<p>The above illustration is from an excellent article by <a href=\"http:\/\/semanticstudios.com\/about\/\" target=\"_blank\" rel=\"noopener\">Peter Morville<\/a> at Semantic Studios. \u00a0He explains that this diagram helps designers to prioritize their target look and feel, depending on the project&#8217;s\u00a0<span style=\"line-height: 1.5;\">unique balance of context, content and users. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.stephenthomas.com\/about\/images\/what_is_ux.jpg?resize=500%2C386\" alt=\"\" width=\"500\" height=\"386\" \/><\/p>\n<p style=\"text-align: left;\"><strong>The Spectrum of UX Design Skills<\/strong><\/p>\n<p style=\"text-align: left;\">User Experience Design and Development is multi-disciplinary, and when affordable, may consist of a large team. \u00a0This table list of <a href=\"http:\/\/www.usability.gov\/how-to-and-tools\/methods\/project-team.html\" target=\"_blank\" rel=\"noopener\">Project Team Roles and Responsibilities<\/a> is a good reference.<\/p>\n<p style=\"text-align: left;\">Jesse Garrett&#8217;s &#8220;<a href=\"http:\/\/www.jjg.net\/elements\/pdf\/elements.pdf\" target=\"_blank\" rel=\"noopener\">The Elements of User Experience Design<\/a>&#8221; also breaks down the various skill sets that go into the development of user experience on the Web today.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The User-Centered Design (UCD) process outlines the phases throughout a design and development life-cycle all while focusing on gaining a deep understanding of who will be using the product. \u00a0(As a user of the\u00a0diagram below, its spelling of &#8220;centrered&#8221; [sic] makes me feel uneasy). I have created my own version, of which there are many,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":220,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[4,5,6],"tags":[],"class_list":["post-91","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-article","category-design","category-ux"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2016\/02\/User-Centered-Design-process-01.png?fit=1546%2C1375&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p73ygx-1t","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":26,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/91\/revisions\/345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/media\/220"}],"wp:attachment":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}