{"id":1149,"date":"2021-11-11T14:09:52","date_gmt":"2021-11-11T14:09:52","guid":{"rendered":"http:\/\/www.southampton.ac.uk\/blog\/digitalteam\/?p=1149"},"modified":"2021-11-11T14:09:52","modified_gmt":"2021-11-11T14:09:52","slug":"pretty-but-vacant-good-looking-digital-services-arent-enough","status":"publish","type":"post","link":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/2021\/11\/11\/pretty-but-vacant-good-looking-digital-services-arent-enough\/","title":{"rendered":"Pretty (but) vacant: good looking digital services aren\u2019t enough"},"content":{"rendered":"<p>I\u2019ve been planning to write this blog post for a good 6 months now, if not longer having just been through a significant digital transformation programme, <a href=\"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/category\/oneweb\/\">OneWeb<\/a>, within a large complex organisation. But I got slightly distracted when I read <a href=\"https:\/\/www.goodreads.com\/author\/show\/5804969.Mike_Monteiro\">Mike Monterio\u2019s<\/a> book <a href=\"https:\/\/www.goodreads.com\/en\/book\/show\/44432844-ruined-by-design\">Ruined by Design<\/a>.<\/p>\n<p>His book is about the:<\/p>\n<ul>\n<li>power of design to influence<\/li>\n<li>lack of designers&#8217; involvement within the design process<\/li>\n<li>absence of ethical considerations within the design process of products and services<\/li>\n<\/ul>\n<p>It\u2019s essential reading for any designer (or indeed non-designer), and it inspired me to write about a topic that has been on my mind for some time: emotional connection with users, and the point at which creatives stop being cool.<\/p>\n<p>I\u2019m going to keep this blog post specific &#8211; it\u2019s a thought piece with some tips and hints on how to avoid commonly held misconceptions, with some practical advice and guidance when it comes to designing experiences.<\/p>\n<h3>Make it pretty (and make it work)<\/h3>\n<p>In the digital user experience team we are committed to representing the voice of our users through the design of services that meet their needs. Having just been through a big digital transformation programme, we\u2019ve learned how to take a user-centred design approach to our work, because we recognise that by solving users\u2019 problems, we will also be able to meet business objectives.<\/p>\n<p>Many organisations say they value the importance of good design and \u2018putting our customers at the heart of all we do\u2019, while their services and systems fail to back up that corporate promise.<\/p>\n<p>On reflection, there is a good reason for this. Generally speaking, digital functions grew out of physical functions such as Marketing, Communications and IT. These were traditionally the \u2018go-to\u2019 areas that were commissioned by stakeholders to create stand-alone platforms, creative campaigns and innovative solutions. As a result, so many companies still focus on stand-alone innovations before people. There seems to be a shared mythology that pleasing aesthetics are all that is needed to capture attention, elicit engagement, and smoothly convert another happy customer. But the more difficult question, with more up-front effort, is <strong>does it DO what it\u2019s SUPPOSED TO DO<\/strong> <strong>in the first place<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1156\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/pretty-vacant-sign.jpg\" alt=\"Pretty vacant street sign left on a pavement by a brick wall\" width=\"600\" height=\"450\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/pretty-vacant-sign.jpg 794w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/pretty-vacant-sign-300x225.jpg 300w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/pretty-vacant-sign-768x576.jpg 768w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: &#8216;Pretty Vacant&#8217; sign, courtesy of <a href=\"https:\/\/www.etsy.com\/uk\/shop\/HandsomeSigns?ref=simple-shop-header-name&amp;listing_id=250963344\">Handsome Signs, Etsy<\/a>\u00a0<\/span><\/p>\n<h3>You don\u2019t go to the cinema to listen to the radio<\/h3>\n<p>We want people who visit us in an online or offline environment to have a seamless, frictionless experience, with very direct outcomes.<\/p>\n<p>We want them, for example, to:<\/p>\n<ul>\n<li>feel connected with us<\/li>\n<li>remember us, even if just for a quick moment<\/li>\n<li>become our advocate<\/li>\n<li>tell their friends and family about the outstanding work we do<\/li>\n<li>carry our message in a crowded and noisy world<\/li>\n<\/ul>\n<p>So that\u2026<\/p>\n<ul>\n<li>they buy our goods and use our services,<\/li>\n<li>we can reduce our support cost and burden<\/li>\n<li>deliver against strategic outcomes&#8230; you get the idea!<\/li>\n<\/ul>\n<p>We hope that in the longer term, it might even translate into a stronger brand advocacy, loyalty and eventually increased revenues. The ultimate utopia: <strong>users\u2019 needs meeting business\u2019 needs.<\/strong><\/p>\n<p>But emotional connection is about more than just pretty pictures and impressive-sounding vocabulary &#8211; it is about meaningful content that helps people achieve something they set out to do. In this scenario, a user walks away from their interaction with us feeling satisfied, and with an innate sense of the great care we took to meet their needs as easily and clearly as possible &#8211; now <strong>there\u2019s<\/strong> a recipe for brand loyalty.<\/p>\n<p>The way we choose to share this content matters, and certain mediums (or channels) are better than others to get that impact. I\u2019ll be the first to admit that a web page on its own is hardly ever enough.<\/p>\n<p>We need to choose the right tools, or channels, for the right job. Just like we can\u2019t expect people who go to the cinema to listen to the radio: select the best tool available for the task.<\/p>\n<p>Let me explain.<\/p>\n<h3>Art vs Design<\/h3>\n<p>The basic <a href=\"https:\/\/www.merriam-webster.com\/dictionary\/design\">definition of design<\/a> is <strong>to create, fashion, execute, or construct according to plan<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.merriam-webster.com\/dictionary\/art\">Art is defined<\/a> as <strong>something that is created with imagination and skill and that is beautiful or that expresses important ideas or feelings.<\/strong><\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/aesthetic-vs-function-nailing-the-balance-in-ux-design-bc7e969f9835\">In Ayesha Ambreen\u2019s article: Aesthetic vs. Function: nailing the balance in UX design<\/a>, she talks about the similarities in the two concepts but also how they are different in their own ways. She says that design is a deliberate practice with intentions to create with a specific purpose and plan. Art is an expression of the artist for decoration, and meant to be interpreted in any number of ways.<\/p>\n<p>Good art is always interpreted, leaving the observer to find the missing pieces dropped on purpose. Whereas, good design should never be open to interpretation; it should be easily understood. In fact, good design when done well is invisible to the user (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Jared_Spool\">Jared Spool<\/a>).<\/p>\n<p>My reflection of that is that in many organisations, \u2018design\u2019 is often mistakenly interpreted as indulgent frosting on a functional interface. The problem with this view is that if design and users\u2019 needs are not considered from the start, it\u2019s extremely hard and costly to do something about it later on.<\/p>\n<p>There\u2019s a good reason why many corporate portals or systems don\u2019t function to meet requirements. They have not been designed from end-to-end with both a carefully considered user and outcome in mind. Factoring into your business case two weeks of UX design before the end of a project may meet the requirement of \u2018doing some design\u2019, but in reality won\u2019t make the user experience any better!<\/p>\n<p><strong>You cannot fix a cake once it\u2019s been baked.<\/strong> <a href=\"https:\/\/twitter.com\/monteiro?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor\">Mike Monteiro\u2019s<\/a> wise words &#8211; not mine. Mike says critique should be embraced at every stage of the design process, by the very people who\u2019ll be using your service. That\u2019s how you increase a project&#8217;s chances of success. Get feedback early and often to decrease the overall costs of maintenance, repairs and doing big projects time and time again!<\/p>\n<h3>The extent to which aesthetics matter<\/h3>\n<p>Aesthetics do matter. It is a simple fact that good-looking products and user interfaces are perceived as more valuable and having more positive qualities, even if it\u2019s not true! This is referred to as <a href=\"https:\/\/en.wikipedia.org\/wiki\/Aesthetic%E2%80%93usability_effect\">the aesthetic-usability effect<\/a>. Users tend to perceive that things which look better, will work better, even if they are not actually more effective or efficient.<\/p>\n<p>Really good design takes this into account. It makes sure that content is presented to users in a way that is aesthetically pleasing, both as a first impression and also consistently at all stages in the user journey. This elicits a sense of trust in users, and rewards that trust by maintaining it throughout their experience.<\/p>\n<p>But&#8230;<\/p>\n<p>Undirected or non-intentional aesthetic design carries its own risks. If this attempt at emotional engagement compromises basic functionality, reliability or usability of an interface, the positive experience you want to promote will mutate into a rant-inducing disaster for our users.<\/p>\n<p>There is no point in presenting an attractive interface that doesn&#8217;t help users do what they came to do\u2026 or worse, gets in their way.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1174\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Teapot.jpg\" alt=\"An example of a well-designed teapot with handle and spout on the right hand side. This tea pot is called &quot;impossible teapot&quot; by Jacques Carelman\" width=\"600\" height=\"393\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Teapot.jpg 728w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Teapot-300x197.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: Jacques Carelman&#8217;s &#8220;impossible teapot&#8221;. Image credit: <a href=\"https:\/\/www.pinterest.fr\/pin\/5207355789802418\/\">Pinterest<\/a><\/span><\/p>\n<p>Real examples include social media posts without punctuation, which puts an added burden on people who use screen readers. Or the use of hashtags that don\u2019t use capital letters to help distinguish words. Or the failure to add alt-text to images. Other examples from physical settings, are special signages in buildings or at events that are meant to help clarify how something works or is accessed. Without these signs, a user is left guessing, creating needless frustration.<\/p>\n<p>It shows how design serves as the communication between object and user. We call this the \u201c<a href=\"https:\/\/99percentinvisible.org\/article\/norman-doors-dont-know-whether-push-pull-blame-design\/\">Norman Doors<\/a>\u201d: where design elements give you the wrong usability signals to the point that special signage is needed to clarify how they work.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1153\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Norman-Doors-example.png\" alt=\"An example of The Norman Door: the signs say 'push' but there are large handles implying the doors should be pulled.\" width=\"312\" height=\"422\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Norman-Doors-example.png 312w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/Norman-Doors-example-222x300.png 222w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: Your sign says \u2018push\u2019 but your handles suggest otherwise. Image credit: <a href=\"https:\/\/medium.theuxblog.com\/the-normandoor-edf695c118a7\">The #NormanDoor<\/a><\/span><\/p>\n<h3>Examples and tips<\/h3>\n<h4>Tip 1: how do we know what to design?<\/h4>\n<p>The answer is &#8211; always -your users know. The solution is firmly held by the people we\u2019re designing the product or experience for. This is why we need to understand them better so we know what they need as well as what is aesthetically pleasing for them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1160\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-answer-is-the-user-knows-e1636463267382-1024x787.jpg\" alt=\"A OneWeb laptop sticker with the caption: 'The answer is always: the user knows statement'\" width=\"600\" height=\"461\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-answer-is-the-user-knows-e1636463267382-1024x787.jpg 1024w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-answer-is-the-user-knows-e1636463267382-300x231.jpg 300w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-answer-is-the-user-knows-e1636463267382-768x590.jpg 768w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-answer-is-the-user-knows-e1636463267382.jpg 1461w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: a OneWeb end of programme sticker: &#8216;The answer is always: the user knows.&#8217;<\/span><\/p>\n<p>Your answer is also to start viewing \u2018design\u2019 as a series of structured, systematic, intentional decisions. Some of these may not look much like &#8220;design&#8221; as it is traditionally (and mistakenly) understood (i.e. visual styling). It could be in the form of processes, or structured data, which are some of the layers we have to consider when we design services or interfaces.<\/p>\n<p>For example, text messages from an organisation may not be designed as an official communication channel, therefore causing confusion and preventing users from taking an action resulting in not meeting users and business outcomes. Or say we want to add entry requirements, or related news in multiple areas within a website, rather than creating content multiple times across multiple pages, we can instead structure and manage it in one place, whether we\u2019re publishing it for the first time or the thousandth.<\/p>\n<h4>Tip 2: keep things simple<\/h4>\n<p>The functionality of products, platforms, and websites must not be undermined. Without it, we are designing our products in the name of art and without a purpose.<\/p>\n<p>Even basics like the photography brief for some new imagery, should always come back to the same principle of fulfilling an intentional purpose: meeting our users\u2019 needs in their own context:<\/p>\n<ul>\n<li>can I discern the image?<\/li>\n<li>can I see myself in these spaces?<\/li>\n<li>are the images authentic?<\/li>\n<li>am I inspired by your work?<\/li>\n<\/ul>\n<p>Fundamentally, this is an essential part of creating accessible images and therefore services. You should test what problems these images are there to solve. Your work should be going in front of users, your actual customers, to increase your chances of success and as already mentioned, de-risk issues when you eventually go live.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1172\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/keep-it-simple-stupid-.jpg\" alt=\"K.I.S.S. Keep It Simple Stupid.\" width=\"600\" height=\"387\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/keep-it-simple-stupid-.jpg 610w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/keep-it-simple-stupid--300x193.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: K.I.S.S. Keep It Stupid Simple. Simplicity is a lot harder than complex, image credit: <a href=\"https:\/\/www.interaction-design.org\/?gclid=Cj0KCQiA-K2MBhC-ARIsAMtLKRuKUpNDnAeOTbK-hv7gfUNGGkXiIct5qUtW6ZGG2JmlRHe2yxxPJlAaAkgOEALw_wcB\">interaction design foundation<\/a><\/span><\/p>\n<h4><strong>Tip 3: persuasion does not happen at pixel level<\/strong><\/h4>\n<p>As beautifully articulated by Mike Monterio, \u201ca pixel is just a point of proof in the execution\u201d. If we want to design the right way, we are going to have to do it by talking to people. Because designers get hired to solve business problems.<\/p>\n<p>Design isn\u2019t marketing. Both are important but different. Marketing is about persuading users that something is a good idea. Design is about making it self-evident. A product\u2019s usability is often cheaper and easier to address than its persuasiveness, but in order to achieve this with good design, we should not just be feeding in at the beginning or the end of work &#8211; good design happens from the start and throughout.<\/p>\n<p>Answering the question of what users want to achieve is done through user research. That is not the same as more traditional market research that has been carried out for years. User research focuses on understanding user needs and how to address them, rather than how to convince them to buy. The emphasis is on observing their behaviour, rather than canvassing their opinion.<\/p>\n<p>As an example, we got insights from user research for some of our study products, which are around building emotional connection. It was all about:<\/p>\n<ul>\n<li>being able to see the university&#8217;s places and spaces, the people (staff and students)<\/li>\n<li>hearing students tell their stories about their experiences in their own words &#8211; all about getting a true insight into their possible future<\/li>\n<li>being able to feel that this is a good choice for them<\/li>\n<\/ul>\n<p>This then informed our content strategy in the selection of which content to show. In many cases this is content that hasn&#8217;t previously been published, or not published in a way that will meet these needs.\u00a0A survey or focus group could have possibly suggested some of these insights, but they wouldn&#8217;t have allowed us to find, try out and validate the best ways to execute our design solutions.<\/p>\n<h4>Tip 4: solving the problem can\u2019t happen until you understand the problem<\/h4>\n<p>That generally means talking to people who are experiencing the problem &#8211; not your colleagues, or your friend, or your next door neighbour &#8211; unless of course they are among the people who will be marginalised as a result of your product design.<\/p>\n<p>There also had to be a socio-economic lens to the design decision making, similar to those in an article by <a href=\"https:\/\/uxdesign.cc\/why-can-inequalities-appear-in-digital-accessibility-c66fbe414a7b\">Gareth Ford Williams on socio-economic accessibility<\/a>. Basically any organisation has to consider the impact of change on users, especially the ones who could be excluded by any bad decisions.<\/p>\n<h4>Tip 5: not understanding the scope of your work is a problem<\/h4>\n<p>Generally speaking, organisations are not very good at articulating business outcomes, and this makes it much harder to understand the scope of the problem you are trying to solve.<\/p>\n<p>Example: \u201cwe need more revenue\u201d is not a problem, it is an observation. Because it is not a problem, it also doesn\u2019t have an actual solution, and if you attempt to seek one, you\u2019ll find yourself bogged down in endless speculation that produces few results.<\/p>\n<p>\u201cOur customers drop off during the onboarding experience, which lowers our conversion rate and is leading to lost revenue\u201d is a problem. It is specific, informed and, perhaps most importantly: actionable. Armed with this, a digital user experience can begin the investigation that will eventually lead to a meaningful answer.<\/p>\n<p>A big part of what design is about is to give us a problem to solve with some measurable outcomes that explain what metrics you are looking to move.<\/p>\n<h4>Tip 6: not doing research to understand the problem is a problem<\/h4>\n<p>Back to the cake metaphor, it\u2019s always a good idea to make sure that the cake is baked with the right ingredients for the right person. And it\u2019s always a good idea to have a good peek behind the curtains to get your assumptions tested. I am forever grateful for challengers who kicked the tyres during usability testing or prototyping. I\u2019d much rather it happened at that point in time, before the team released something that people cannot use. The real value of user research comes from increasing our understanding of who our users are. With every study, every interview, every interaction, our team gets to know our users a little bit better, including the context in which the users work. Then design, test and iterate!<\/p>\n<p>Gathering the right feedback to understand what will drive the connection with users is a gift. \u201cI like it\u201d, or \u201cthis looks good &#8221; is not good feedback because it only gives us part of the picture. It doesn\u2019t tell us if someone can use a service, or what frictions they encounter, and does it do what they need it to do. Data and metrics can&#8217;t fully answer these questions and they can&#8217;t steer you towards the best solutions. This is why we use both qualitative and quantitative research techniques. Data tells you what is happening, qualitative research tells you why and helps you figure out how to solve problems. We talk to people, we get under the surface of what is happening. Good feedback is done through observations in order to identify how to improve a service or a product. Start by outweighing the evidence. Learn what works, learn what doesn\u2019t work (<a href=\"https:\/\/www.hollidazed.co.uk\/2016\/06\/12\/the-weight-of-starting\/\">Ben Holliday<\/a>).<\/p>\n<h3>Frustration costs<\/h3>\n<p>When something is not designed it becomes messy. Not joined up. Annoying. Not user-centric. You make your users work extra hard. In a digital world, extra unnecessary work translates to users going elsewhere to get their needs met.<\/p>\n<p><a href=\"https:\/\/issuu.com\/dansk_design_center\/docs\/design-ladder_en\">The Design Ladder<\/a> was developed by the <a href=\"https:\/\/ddc.dk\/\">Danish Design Centre<\/a> in 2001 as a communicative model for illustrating the variation in companies\u2019 use of design. It suggests that when an organisation adopts design as part of its business strategy, there\u2019s a positive link with higher revenue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1162 size-full\" src=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-Danish-design-ladder.png\" alt=\"The Danish Design Centre\u2019s Design Ladder lists four levels of design: 1. non-design, 2. form-giving, 3. process, 4. strategy\" width=\"491\" height=\"291\" srcset=\"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-Danish-design-ladder.png 491w, https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/the-Danish-design-ladder-300x178.png 300w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><br \/>\n<span style=\"font-size: 10pt\">Caption: <a href=\"https:\/\/ddc.dk\/\">The Danish Design Centre\u2019s<\/a> Design Ladder lists four levels of design.<\/span><\/p>\n<p>We\u2019re seeing many companies that understand this link. But the truth is large organisations are orientated around themselves, not the end-user.<\/p>\n<p>As a design team, we\u2019re in a position to help users make decisions, but also for our university. <a href=\"https:\/\/articles.uie.com\/a-proven-method-for-showing-the-value-of-good-ux\/\">This is because poor design is very costly for organisations<\/a> (Jared Spool). It creates frustrations, generates calls, and increases development costs through rework and waste. It also damages the environment (<a href=\"https:\/\/gerrymcgovern.com\/world-wide-waste\/\">World Wide Waste<\/a>, Gerry McGovern).<\/p>\n<p>We\u2019re therefore in a unique position to research and test where poor design costs our organisation money.<\/p>\n<p>In addition, try to \u2018flip\u2019 the perspective and see the choices you want to present from the outside. Avoid flooding with options, but bear in mind the balance between users\u2019 time and comfort zones for handling options for a digital product. Guiding them to select between clear options that will get them somewhere quickly will take the work out of the user experience and reward the user and organisations alike.<\/p>\n<p>Using common design tools and patterns, colour, line, contrast, help people consume information and make decisions more easily. \u201cThis is specifically the case for designing forms, or when you convince someone to take an action &#8211; the way typeface, colour and layout fit together says a lot about a brand and shapes new users\u2019 perceptions.\u201d (Aaron Walter, <a href=\"https:\/\/www.goodreads.com\/book\/show\/12910715-designing-for-emotion\">Designing for Emotion<\/a>).<\/p>\n<h3>Conclusion<\/h3>\n<p>Bear in mind that the aesthetic-usability effect has its limits. A pretty design can make users more forgiving of minor usability problems, but not of larger ones.<\/p>\n<p>At the end of the day if:<\/p>\n<ul>\n<li>the user can\u2019t find the product, the user can\u2019t buy the product.<\/li>\n<li>the service has multiple interactions that aren\u2019t consistent visually or that haven\u2019t been designed for access, you end up failing those people you were meant to serve in the first place.<\/li>\n<\/ul>\n<p>Even great-looking sites will have no revenue if they suffer from poor findability. <strong>The emotional connection is therefore derived from being able to complete the task efficiently.<\/strong><\/p>\n<p>From a pragmatic point of view, we need to master the right balance between the design, functionalities, and user experience, planning, thinking ahead, doing deep analysis and being careful and considered in constructing something that will be solid, reusable and stable. Form and function should work together. When interfaces suffer from severe usability issues, or when usability is sacrificed for aesthetics, users tend to lose patience. On the web, people are very quick to leave.<\/p>\n<h3><strong>Final notes<\/strong><\/h3>\n<p>There are many important points raised in this article. Many of them are underpinned by good standards and assurance check-points.<\/p>\n<p>If you want to hear more about it, we will be hosting an Ask Me Anything session, and we will be happy to answer your questions then. To find out more first, <a href=\"https:\/\/southampton.us13.list-manage.com\/subscribe?u=d14c4bc31e680281c5d4ef841&amp;id=653839c543\">subscribe to our blog<\/a>.<\/p>\n<p><strong>Huge thanks go to Mark, Kate, Jonny and Claire for helping make this blog post better.<\/strong><\/p>\n<h3>Links to articles and further resources:<\/h3>\n<ul>\n<li><a href=\"https:\/\/uxdesign.cc\/aesthetic-vs-function-nailing-the-balance-in-ux-design-bc7e969f9835\">Aesthetic vs. Function: nailing the balance in UX design<\/a> (Ayesha Ambreen)<\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\">The Aesthetics Usability effect<\/a> (NN Group)<\/li>\n<li><a href=\"https:\/\/www.amazon.com\/exec\/obidos\/ASIN\/0465051359\/donnormanA\/\">Emotional Design: Why we love (or hate) everyday things<\/a> (Don Norman)<\/li>\n<li><a href=\"https:\/\/articles.uie.com\/a-proven-method-for-showing-the-value-of-good-ux\/\">A proven method for showing the value of good UX<\/a>, (Jared Spool)<\/li>\n<li><a href=\"https:\/\/articles.uie.com\/yes-alan-there-is-an-roi-for-ux-design\/\">Yes Alan, there is an ROI for UX design<\/a> (Jared Spool)<\/li>\n<li><a href=\"https:\/\/www.goodreads.com\/en\/book\/show\/44432844-ruined-by-design\">Ruined by Design<\/a> (Mike Monteiro)<\/li>\n<li><a href=\"https:\/\/issuu.com\/dansk_design_center\/docs\/design-ladder_en\">The design ladder<\/a> (Danish Design Council, issuu document)<\/li>\n<li><a href=\"https:\/\/www.goodreads.com\/book\/show\/12910715-designing-for-emotion\">Designing for emotions<\/a> (Aaron Walter)<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2012\/02\/redefining-hicks-law\/\">Redefining Hicks Law<\/a> (Smashing Magazine)<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/intro-to-ux-the-norman-door-61f8120b6086#:~:text=The%20Norman%20door%20is%20basically,%2Dtoo%2Dcommon%20design%20foible.&amp;text=If%20you%20can%27t%20locate,actually%20slides%2C%20the%20door%20fails.\">Intro to UX: The Norman Doors<\/a> (Jesse Russell Morgan, UX Collective)<\/li>\n<li><a href=\"https:\/\/www.hollidazed.co.uk\/2016\/06\/12\/the-weight-of-starting\/\">The Weight of Starting<\/a> (Ben Holliday)<\/li>\n<li><a href=\"https:\/\/gerrymcgovern.com\/books\/world-wide-waste\/\">World Wide Waste<\/a> (Gerry McGovern)<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/why-can-inequalities-appear-in-digital-accessibility-c66fbe414a7b\">Why can inequalities appear in digital accessibility<\/a> (Gareth Ford Williams)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve been planning to write this blog post for a good 6 months now, if not longer having just been through a significant digital transformation programme, OneWeb, within a large complex organisation. But I got slightly distracted when I read Mike Monterio\u2019s book Ruined by Design. His book is about the: power of design to [&hellip;]<\/p>\n","protected":false},"author":185,"featured_media":1156,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[23,8,17,16,6,22],"tags":[],"class_list":["post-1149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-content-design","category-design","category-service-design","category-user-research","category-ux"],"jetpack_featured_media_url":"https:\/\/www.southampton.ac.uk\/blog\/wp-content\/uploads\/sites\/27\/2021\/11\/pretty-vacant-sign.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paLsBb-ix","_links":{"self":[{"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/posts\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/users\/185"}],"replies":[{"embeddable":true,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/comments?post=1149"}],"version-history":[{"count":19,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/posts\/1149\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/posts\/1149\/revisions\/1176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/media\/1156"}],"wp:attachment":[{"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/media?parent=1149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/categories?post=1149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.southampton.ac.uk\/blog\/digitalteam\/wp-json\/wp\/v2\/tags?post=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}