{"id":1118,"date":"2014-02-02T17:57:24","date_gmt":"2014-02-02T17:57:24","guid":{"rendered":"http:\/\/blogs.kent.ac.uk\/webdev\/?p=1118"},"modified":"2014-05-30T12:37:03","modified_gmt":"2014-05-30T11:37:03","slug":"user-centered-web-design","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2014\/02\/02\/user-centered-web-design\/","title":{"rendered":"User-centered web design"},"content":{"rendered":"<p>The past couple of years the webdev team has done a lot of work to shift away from (what we see as broken) waterfall development towards an <strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Agile_software_development\">Agile development process<\/a>.<\/strong><\/p>\n<p>Needs change and priorities change. Years ago when we tried to design something from a snapshot of requirements we always seemed to end up coming unstuck. We delivered the wrong thing on time. Or we made something more or less right, but too late.<\/p>\n<p>Agile Scrum development has allowed us to focus more directly on what our stakeholders and users want\u00a0<em>over time<\/em>, as opposed to what they want at a snapshot before development even begins.<\/p>\n<p>It has allowed us to work closely with customers, and be far more realistic about priorities and available resources.<\/p>\n<h2>Putting users first<\/h2>\n<p><strong><\/strong><span style=\"line-height: 1.5em;\">So we have an Agile process that&#8217;s great for working with stakeholders and customers. But it doesn&#8217;t have a lot to say about the other side of the coin: the users of a website.\u00a0<\/span><span style=\"line-height: 1.5em;\">What is the site trying to communicate to its users? Why are users bothering to go to that website, and what do they want from the experience?<\/span><\/p>\n<p>They almost certainly don&#8217;t want what you might imagine.<\/p>\n<p><strong>The Malkovich Bias (Or, the mistaken belief that everyone else is like me)<\/strong><\/p>\n<p>Andres Glusman &#8211; a Lean Startup advocate and cofounder of <a href=\"http:\/\/www.meetup.com\/\">Meetup<\/a> &#8211; calls the fantasy that everyone thinks like you the <em><a href=\"http:\/\/glusman.blogspot.co.uk\/2010\/02\/malcovich-bias-over-years-ive-noticed.html\">Malkovich bias<\/a>.\u00a0<\/em>This is after the film <em>Being John Malkovich<\/em>, in which John Malkovich enters his own mind through a hidden portal, and sees a world where everyone else looks like him and can only say the word &#8216;Malkovich&#8217;. Confused? Trust me, it&#8217;s a great film.<\/p>\n<p>Because no one is quite like you, the only way to know what other people want, or what works for them&#8230; is to ask them.<\/p>\n<p>And I do\u00a0<em>not<\/em> mean literally ask people&#8217;s opinion on every single tiny thing, and implement every piece of &#8220;helpful&#8221; advice. This would give us a total design nightmare. We do <em>not<\/em> want <a href=\"http:\/\/simpsons.wikia.com\/wiki\/The_Homer\">\u201cThe Homer\u201d<\/a>.<\/p>\n<figure id=\"attachment_1119\" aria-describedby=\"caption-attachment-1119\" style=\"width: 315px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/01\/TheHomer.png\"><img loading=\"lazy\" class=\"size-full wp-image-1119 \" style=\"margin: 10px;\" title=\"The Homer\" alt=\"The Homer\" src=\"http:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/01\/TheHomer.png\" width=\"315\" height=\"183\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/01\/TheHomer.png 315w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/01\/TheHomer-300x174.png 300w\" sizes=\"(max-width: 315px) 100vw, 315px\" \/><\/a><figcaption id=\"caption-attachment-1119\" class=\"wp-caption-text\">How many websites end up like &#8220;The Homer&#8221;? I can think of a lot. This is a Bad Thing, in case you were wondering.<\/figcaption><\/figure>\n<p>User testing should be a healthy mix of\u00a0<strong>direct\u00a0feedback<\/strong>, and\u00a0<strong>observation<\/strong>. What people say they want and what people actually want are often two very different things, so the skill of the user-experience (UX) specialist can be in taking direct feedback and augmenting it in the light of hard observational data.<\/p>\n<h2>User-centered design<\/h2>\n<p>In the webdev team we\u2019ve recently been thinking a lot about how we can build on our successes with agile development, and put far greater emphasis on <strong>user-centered design<\/strong>.<\/p>\n<p>There are a host of techniques that can help with this, and one that we&#8217;re very keen to look at more is <strong><a href=\"http:\/\/uxdesign.smashingmagazine.com\/2011\/03\/07\/lean-ux-getting-out-of-the-deliverables-business\/\">Lean UX<\/a><\/strong>. This is an agile methodology which places greater emphasis on <strong>outcomes<\/strong> and <strong>user needs<\/strong>, rather than on the more traditional focus on low-level features and business needs.<\/p>\n<h2>Scientific method<\/h2>\n<p>How would you ever know if you&#8217;ve achieved some goal unless you&#8217;ve got a way of measuring your success or failure?<\/p>\n<p>A key aspect of Lean UX is the\u00a0<strong>measurement<\/strong> of outcomes, and rapidly <strong>learning<\/strong> from and adjusting to the results of the measurement.<\/p>\n<p>Basically we&#8217;re following a basic <a href=\"http:\/\/en.wikipedia.org\/wiki\/Scientific_method\">scientific method<\/a>: set a hypothesis about how a certain outcome might be achieved, test that hypothesis out with an experiment, measure the results, then make an adjustment to develop our original understanding of the problem.<\/p>\n<p>So all we&#8217;re really doing is building an empirical approach to highly\u00a0user-focussed design. Know when you have made a wrong design choice, and adjust quickly. Minimize waste.<\/p>\n<h2>User-centered sprints<strong><br \/>\n<\/strong><\/h2>\n<p>We found the <a href=\"https:\/\/www.gov.uk\/service-manual\">gov.uk service manual<\/a> offers some excellent help on how to approach <a href=\"https:\/\/www.gov.uk\/service-manual\/user-centered-design\/user-centered-design-alpha-beta#researching-in-design-iterations\">user-centered services<\/a>. In particular I really like their sketch of a typical user-centered Agile sprint.<\/p>\n<p>The key thing here is how you never go more than two weeks without some user testing being directly fed back into development and prototyping. Any longer and you risk building the wrong thing from the user&#8217;s perspective. This is wasteful and inefficient.<\/p>\n<h2>Summary<\/h2>\n<p><a href=\"http:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/02\/process-wheel-small.png\"><img loading=\"lazy\" class=\"alignleft size-medium wp-image-1309\" alt=\"process-wheel-small\" src=\"http:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/02\/process-wheel-small-300x282.png\" width=\"300\" height=\"282\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/02\/process-wheel-small-300x282.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2014\/02\/process-wheel-small.png 618w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>We have been working with Agile (scrum) practices for a couple of years in the webdev team. They&#8217;ve worked very well. Customers and stakeholders get the key features they want, and products are delivered on time.<\/p>\n<p>However we&#8217;ve started to feel the need to expand on our successes and put more emphasis on user-centered Agile practices. Make the users happy and you&#8217;ll make your business stakeholders even happier!<\/p>\n<ul>\n<li>Focus on <strong>user needs<\/strong>.<\/li>\n<li>Focus on <strong>outcomes<\/strong>, not features.<\/li>\n<li><strong>Measure<\/strong> whether we&#8217;re achieving the desired outcomes.<\/li>\n<li><strong>Learn<\/strong>, and adjust rapidly to achieve the desired outcomes.<\/li>\n<\/ul>\n<p>With any luck we&#8217;ll start trying out these approaches in the coming weeks and months. It should be an interesting experiment!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The past couple of years the webdev team has done a lot of work to shift away from (what we see as broken) waterfall development &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2014\/02\/02\/user-centered-web-design\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79410,17076,79395,8940],"tags":[442,521,79461,8993,79384,79393,23153,79392],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/1118"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=1118"}],"version-history":[{"count":8,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/1118\/revisions"}],"predecessor-version":[{"id":1310,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/1118\/revisions\/1310"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=1118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=1118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=1118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}