{"id":10597,"date":"2019-08-22T13:30:11","date_gmt":"2019-08-22T11:30:11","guid":{"rendered":"https:\/\/www.rnw.media\/?post_type=news&amp;p=10597"},"modified":"2019-08-22T13:30:11","modified_gmt":"2019-08-22T11:30:11","slug":"ux-design-more-than-just-a-pretty-face","status":"publish","type":"news","link":"https:\/\/www.rnw.media\/index.php\/news\/ux-design-more-than-just-a-pretty-face\/","title":{"rendered":"UX design \u2013 more than just a pretty face"},"content":{"rendered":"<p><strong>User Experience (UX) design is a discipline involving much, much more than creating a website that looks good. It\u2019s an approach driven by trying to get into the mind of your potential audience and give them what they want and expect \u2013 not what you might assume they want and expect. Assumptions are the enemy of good UX design \u2013 while research and strategy are the UX designer\u2019s friend.<\/strong><\/p>\n<p>Jan-Willem Muller is part of RNW Media\u2019s Data and Digital team and over the past year he and his colleagues have been transforming the Citizen\u2019s Voice platforms according to UX principles. It begins, says Muller, with questions:<\/p>\n<p><em>I work closely with strategists &#8211; business developers, marketers, managers to identify which goals they want to reach. Then I ask myself questions and ask them questions, look at the data, do you know your user well enough? Have you looked at the tech research? Do you have a business model?<\/em><\/p>\n<p>A business model is traditionally based on making profit \u2013 but, says Muller, it\u2019s also an ecosystem for what can be gained out of a project and what is invested in it. Even though RNW Media\u2019s platforms are not commercial entities, they do have an end goal \u2013 put simply, to engage users in ways that can lead to social change. Donors\u2019 money is invested in the people, the technology, the programmes to make that engagement happen and both quantitative and qualitative data is used to measure the return on that investment \u2013 our impact. In the RNW Media context, our Theory of Change is our business model and the strategic basis for all our platforms and activities.<\/p>\n<p><strong>UX analysis<\/strong><br \/>\nOnce a clear strategy has been agreed and the goal(s) of a platform identified, the next step in the UX process is market research to identify the target audience<\/p>\n<p><em>Age, gender, location, tech standards, needs and wants, income, education, mind-set, occupation &#8211; all of these factors must be considered and there may be multiple target groups. Based on these target groups I can start thinking about how users are going to engage with the platforms and start to create user scenarios e.g., a user is going to buy these products or read this article X in order to achieve Y.<\/em><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-10684\" src=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2019\/08\/IMG_0197.jpg\" alt=\"\" width=\"2048\" height=\"1365\" \/><em>For Masaraat, an intensive analysis phase took place where we used workshops to decide on strategy, target groups, personas<\/em><\/p>\n<p>Creating user scenarios helps to identify the different ways in which a variety of users will engage and move through a platform depends on their needs, their level of interest, the technology they use and a variety of other factors. No one user can wholly represent the target audience, but scenarios aim to reflect them as best as possible, says Muller.<\/p>\n<p><em>Once you\u2019ve described all the possible scenarios it becomes clear what the website should do, what needs the online engagement should fulfil.<\/em><\/p>\n<p><strong>The design process<\/strong><br \/>\nThe next step is transforming these insights into real prototypes, testing those prototypes on users and optimizing and adjusting design as needed. For Muller and his colleagues who are based at RNW Media\u2019s headquarters in The Netherlands, the involvement of in-country teams is essential to successful UX design. The expectations and wishes of a user in Burundi are very different from those of a user in Libya or China, and the implementing teams based in RNW Media\u2019s target countries are vital in ensuring that the platforms truly reflect those needs and aspirations.<\/p>\n<p><em>For China we make a China-specific design because reading patterns are very different. A Western site prioritises clarity, focus, visuals with space between. But that\u2019s not what a Chinese audience wants. I heard from the Chinese team that efficiency is key. White space means scrolling, and scrolling is inefficient. A Chinese audience want more functionality at a glance on one page \u2013 one mobile screen. The number of elements on one screen view in China will be double that of a Western website. And there are also design considerations that come with language \u2013 Chinese uses symmetrical characters and doesn\u2019t have capital letters.<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10681 lazyload\" data-src=\"https:\/\/www.rnw.media\/wp-content\/uploads\/2019\/08\/LoveMatters-Countries-CHina2.jpg\" alt=\"\" width=\"1859\" height=\"1036\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1859px; --smush-placeholder-aspect-ratio: 1859\/1036;\" \/><em>Love Matters China required a full Chinese design\u00a0<\/em><\/p>\n<p>Muller describes UX design as functional art and says good UX design is always a compromise between product goals, tech, creativity and user experience. It\u2019s about what the user wants \u2013 but a user may not always know what they want so the designer needs to provide clear possibilities and choices to guide users through a site. Technology also affects design. If connectivity is difficult and expensive, and users are accessing the internet via older devices, it\u2019s important that platforms are optimised for accessibility<\/p>\n<p>[Read more about <a href=\"https:\/\/www.rnw.media\/news\/inclusion-through-tech-near-ideal-online-experiences-in-less-than-ideal-circumstances\/\">inclusive tech]<\/a><\/p>\n<p>The compromises are driven ultimately by usability \u2013 making the choices needed for the best possible product in the target audience\u2019s context. And a good UX designer is primarily the users\u2019 advocate \u2013 promoting their needs above all other considerations and keeping them at the centre at every stage of design and development.<\/p>\n<p>Examples of platforms Muller and the development team have re-designed following UX principles include <a href=\"https:\/\/masaraat.net\">Masaraat<\/a>, <a href=\"https:\/\/thisisafrica.me\/\">This Is Africa<\/a>\u00a0and <a href=\"https:\/\/www.rnw.media\/\">RNW Media&#8217;s<\/a> corporate site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UX design is about more than creating a website that looks good. It&#8217;s about giving your audience what they actually want \u2013 not what you assume they want.<\/p>\n","protected":false},"author":3,"featured_media":10675,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false},"tags":[],"class_list":["post-10597","news","type-news","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/news\/10597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/news"}],"about":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/types\/news"}],"author":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/comments?post=10597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/media?parent=10597"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rnw.media\/index.php\/wp-json\/wp\/v2\/tags?post=10597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}