{"id":6027,"date":"2022-04-21T16:19:42","date_gmt":"2022-04-21T15:19:42","guid":{"rendered":"https:\/\/www.springboard.pro\/?p=2977"},"modified":"2026-09-02T15:26:58","modified_gmt":"2026-09-02T15:26:58","slug":"human-centered-design","status":"publish","type":"blog","link":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/","title":{"rendered":"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This?"},"content":{"rendered":"\n
\n
\n
\n
\n

User experience (UX) explores how a customer interacts with a system, and how they feel when using it. The UX design process makes sure the user interface (UI) addresses user needs and creates a positive and lasting impression. It’s important that UX\/UI designers must empathize with and define users before creating solutions. If this work is skipped it can lead to uninformed decisions and at worst lead to the development of a frustrating-to-use UI. The UX process „testing stage” uses low fidelity prototypes to assess usability early. We want to find errors fast before committing to costly and time-consuming developments.<\/p>\n

\"\"<\/p>\n

Figure 1: UX \/ User-centered design process<\/p>\n

How the UX process creates a user-led UI: Smart asthma inhaler<\/h2>\n

In the UK \u00a3108m is spent every year on GP consultations for asthma, and around half of the people with asthma do not take their medication as prescribed [1]. Smart devices can play a major role in improving the quantity and quality of the data gathered. This data can be used by patients and healthcare professionals to monitor adherence and misuse to make more informed recommendations. Let’s look at a typical UX process to define how a device should be made:<\/p>\n

1. Discover and define: Personas and user journey maps define the user and explore areas of opportunity<\/h3>\n

As this is an example of the UX\/UI design process, our discovery phase comprised of secondary data (e.g. Research from Asthma UK) and insights from a local asthma patient. For in-depth discovery work, Sanner often works with recruitment agencies to conduct contextual inquiries with target user groups.<\/p>\n

Our research phase indicated the millennial demographic has the highest proportion of reported diagnosed asthma in adults [2]. These users want a low-cost solution to help monitor their asthma severity without the need for complex external devices.<\/p>\n

The insights from a local asthma patient enabled us to build the persona of our typical user, Noel Harris (Figure 2). The persona is used as a reference for all decision making as designers can empathize with Noel and put themselves in his shoes. The persona shows the importance of maintaining Noel\u2019s active lifestyle while managing his asthma. It was found the millennial demographic is the highest user of smartwatches and fitness apps. This led us to design a mobile and\/or watch compatible app.<\/p>\n

\"\"<\/p>\n

Figure 2: Personas: Empathize with a realistic representation of your user<\/p>\n

The user journey (Figure 3) is a tool to highlight the pain points of his current routine and shows Noel finds it difficult to keep track of his inhalers, leading to misuse, e.g. forgetting to prime the device. His doctor is aware of the number of inhalers prescribed but cannot tell if he is dosing at the correct times or frequency.<\/p>\n

\"\"

Figure 3: User journey map: Designers can identify steps that could improve the user experience<\/span><\/p><\/div>\n

2. Ideate: UI concepts and prototypes for user testing<\/h3>\n

With our user needs defined we can generate user-led concepts. UI concepts can be presented as simple sketches and wireframes, which allows for quick visualization and iterations. An example is shown in Figure 4.<\/p>\n

\"\"<\/p>\n

Figure\u00a04: Prototype: Adobe XD allows designers to prototype<\/p>\n

Software such as Adobe XD and Sketch is used to design interactive UI prototypes in figure 5. These prototypes can be sent via a web link to clients, key opinion leaders and potential customers for usability testing. Insights from testing can then be fed into the design to ensure the UI meets user needs before developing the back-end.<\/p>\n

\"\"<\/p>\n

Figure 5: Wireframe: a quick and effective way to visualize a solution<\/p>\n

3. Test: An example solution ready for user testing<\/h3>\n

The concept shown in figure 6 and figure 7 consists of a low-cost NFC label used alongside a smartwatch app. The label transfers information on the drug and the device. The app instructs the user to prime (if first-time use) and to shake the device. GPs can ask to see the patient\u2019s dose usage (frequency and time of dose) through the app to recommend better practices.<\/p>\n

\"\"<\/p>\n

Figure 6: Concept for a smartwatch UI to track inhaler usage<\/p>\n

\"\"<\/a><\/p>\n

Figure 7: Video of Adobe XD prototype of a smartwatch app<\/p>\n

Get in touch<\/h2>\n

At Sanner, we use the UX\/user-centered design process<\/a> in various projects to deliver digital and physical products. If you would like to find out how Sanner\u2019s expertise can help you develop custom tailored UX\/UIs, please get in touch<\/a>.<\/p>\n

References<\/p>\n

[1]https:\/\/www.asthma.org.uk\/591e6f4b\/globalassets\/get-involved\/external-affairs-campaigns\/publications\/smart-asthma\/auk_smartasthma_feb2017.pdf<\/a><\/p>\n

[2] http:\/\/healthsurvey.hscic.gov.uk\/media\/81643\/HSE18-Asthma-rep.pdf<\/a><\/p>\n

[3] https:\/\/www.medicalnewstoday.com\/articles\/types-of-asthma<\/a><\/p>\n

[4] https:\/\/www.asthma.org.uk\/591e6f4b\/globalassets\/get-involved\/external-affairs-campaigns\/publications\/smart-asthma\/auk_smartasthma_feb2017.pdf<\/a><\/p>\n

[5] https:\/\/www.emarketer.com\/chart\/240061\/us-smart-wearable-users-by-generation-2020-2024-millions<\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>","protected":false},"featured_media":5325,"template":"","blog_category":[75,96],"class_list":["post-6027","blog","type-blog","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nThe Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sanner-group.com\/hu\/insights\/blog\/human-centered-design\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Sanner Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-02T15:26:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sanner-group.com\/wp-content\/uploads\/2022\/04\/Adobe-screens-on-watch.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"612\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/\",\"url\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/\",\"name\":\"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/hu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.sanner-group.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Adobe-screens-on-watch.jpg\",\"datePublished\":\"2022-04-21T15:19:42+00:00\",\"dateModified\":\"2026-09-02T15:26:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.sanner-group.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Adobe-screens-on-watch.jpg\",\"contentUrl\":\"https:\\\/\\\/www.sanner-group.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Adobe-screens-on-watch.jpg\",\"width\":1500,\"height\":612,\"caption\":\"Adobe-screens-on-watch drug delivery app\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/insights\\\/blog\\\/human-centered-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sanner-group.com\\\/hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sanner-group.com\\\/hu\\\/#website\",\"url\":\"https:\\\/\\\/www.sanner-group.com\\\/hu\\\/\",\"name\":\"Sanner Group\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sanner-group.com\\\/hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sanner-group.com\/hu\/insights\/blog\/human-centered-design\/","og_locale":"hu_HU","og_type":"article","og_title":"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group","og_url":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/","og_site_name":"Sanner Group","article_modified_time":"2026-09-02T15:26:58+00:00","og_image":[{"width":1500,"height":612,"url":"https:\/\/www.sanner-group.com\/wp-content\/uploads\/2022\/04\/Adobe-screens-on-watch.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"1 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/","url":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/","name":"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This? - Sanner Group","isPartOf":{"@id":"https:\/\/www.sanner-group.com\/hu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/#primaryimage"},"image":{"@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanner-group.com\/wp-content\/uploads\/2022\/04\/Adobe-screens-on-watch.jpg","datePublished":"2022-04-21T15:19:42+00:00","dateModified":"2026-09-02T15:26:58+00:00","breadcrumb":{"@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/"]}]},{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/#primaryimage","url":"https:\/\/www.sanner-group.com\/wp-content\/uploads\/2022\/04\/Adobe-screens-on-watch.jpg","contentUrl":"https:\/\/www.sanner-group.com\/wp-content\/uploads\/2022\/04\/Adobe-screens-on-watch.jpg","width":1500,"height":612,"caption":"Adobe-screens-on-watch drug delivery app"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sanner-group.com\/insights\/blog\/human-centered-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sanner-group.com\/hu\/"},{"@type":"ListItem","position":2,"name":"The Wrong User Interface Can Be Unbearable to Use. How Can You Avoid This?"}]},{"@type":"WebSite","@id":"https:\/\/www.sanner-group.com\/hu\/#website","url":"https:\/\/www.sanner-group.com\/hu\/","name":"Sanner Group","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanner-group.com\/hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/blog\/6027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/types\/blog"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/media\/5325"}],"wp:attachment":[{"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/media?parent=6027"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.sanner-group.com\/hu\/wp-json\/wp\/v2\/blog_category?post=6027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}