<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>usability Archives - XABLU</title>
	<atom:link href="https://www.xablu.com/tag/usability/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.xablu.com/tag/usability/</link>
	<description>We build Ventures, Products and Teams</description>
	<lastBuildDate>Wed, 19 Nov 2025 11:52:31 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.xablu.com/wp-content/uploads/2019/08/xablu-favicon-100x100.png</url>
	<title>usability Archives - XABLU</title>
	<link>https://www.xablu.com/tag/usability/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>10 Guidelines to make your app user-friendly</title>
		<link>https://www.xablu.com/2019/06/20/10-guidelines-to-make-your-app-user-friendly/</link>
		
		<dc:creator><![CDATA[Maaike Dokter]]></dc:creator>
		<pubDate>Thu, 20 Jun 2019 08:30:20 +0000</pubDate>
				<category><![CDATA[Insights]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[consistency]]></category>
		<category><![CDATA[heuristics]]></category>
		<category><![CDATA[minimalistic]]></category>
		<category><![CDATA[prevention]]></category>
		<category><![CDATA[recognise]]></category>
		<category><![CDATA[system]]></category>
		<category><![CDATA[usability]]></category>
		<guid isPermaLink="false">https://staging.xablu.com/?p=18314</guid>

					<description><![CDATA[<p>Mobile applications are everywhere and they can be used for many different purposes. However, creating a usable mobile application that also provides a good user experience is not as easy [&#8230;]</p>
<p>The post <a href="https://www.xablu.com/2019/06/20/10-guidelines-to-make-your-app-user-friendly/">10 Guidelines to make your app user-friendly</a> appeared first on <a href="https://www.xablu.com">XABLU</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="18314" class="elementor elementor-18314" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-78efb085 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="78efb085" data-element_type="section" data-e-type="section" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35248b75" data-id="35248b75" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-64f3efb0 elementor-widget elementor-widget-text-editor" data-id="64f3efb0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<div class="x-section e10290-e1 m7xu-0 m7xu-1"><div class="x-container max width e10290-e2 m7xu-4 m7xu-5 m7xu-6"><div class="x-column x-sm x-1-1 e10290-e3 m7xu-a m7xu-b"><div id="" class="x-text"><p>Mobile applications are everywhere and they can be used for many different purposes. However, creating a usable mobile application that also provides a good user experience is not as easy as it might seem. In the previous article, we talked about how it is important to actively involve your users during your development process, since it can solve usability issues early on in the process.</p></div><div id="" class="x-text"><p>Besides applying participatory design to your project, you can also follow some generic rules of thumb for creating usable applications. Back in 1994, Jakob Nielsen presented 10 usability heuristics for user interface designs that are still highly relevant today. By implementing these heuristics, your application is more likely to be deemed usable and provide a good user experience.</p></div></div></div></div><div class="x-section e10290-e6 m7xu-1 m7xu-2 m7xu-3 man"><div class="x-container max width e10290-e7 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-2-3 e10290-e8 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Visibility of System Status</h2><hr class="x-gap" /><div id="" class="x-text"><p>“The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.”</p></div><div id="" class="x-text"><p>This heuristic could be implemented by providing feedback to the user when they have performed an action, showing loading times or the amount of time the user has left to response. Moreover, it is important to indicate when options are clickable (e.g. visual buttons) or if there are links present. By including this heuristic, the user can easily see how they can interact with the system and what happens when they interact with the system.</p></div></div><div class="x-column x-sm x-1-3 e10290-e13 m7xu-a"><hr class="x-line e10290-e14 m7xu-d m7xu-e" /><span class="x-image e10290-e15 m7xu-i m7xu-j m7xu-k"><img fetchpriority="high" decoding="async" src="https://www.xablu.com/wp-content/uploads/2019/07/Visibility-of-System-Status-s.jpg" alt="Visibility of System Status" width="1535" height="1559" /></span></div></div><div class="x-container max width e10290-e16 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e17 m7xu-a"><h2 class="h-custom-headline h3">Match Between System and the Real World</h2><hr class="x-gap" /><div id="" class="x-text"><p>“The system should speak the users&#8217; language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.”</p></div></div></div><div class="x-container max width e10290-e21 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e22 m7xu-a m7xu-c"><div id="" class="x-text"><p>It is important to specify the language of the application to the end-user: avoid jargon and unnecessary difficult vocabulary in your application. You can also apply this heuristics when creating menus: the most important tasks should be on top of the list and the exit or logout function should be at the bottom. Also, you can make use of things people encounter in real life: use icons that are frequently used, which people can relate to a specific function. For example, if your mobile application includes the ability to take a picture, you can add the camera icon: this icon is used regularly and people can directly link it to an action. Colours can also be put to use: make dangerous functions (e.g. reset your application) red, since people subconsciously link red to a warning or stop message.</p></div></div></div></div><div class="x-section e10290-e24 m7xu-0 m7xu-1 m7xu-3"><div class="x-container max width e10290-e25 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e26 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">User Control and Freedom</h2><hr class="x-line e10290-e28 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Users often choose system functions by mistake and will need a clearly marked &#8220;emergency exit&#8221; to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.”</p></div><div id="" class="x-text"><p>This heuristic is very straightforward, yet not always implemented. Here, it is favourable to be able to move back and forth between form-pages. For example, when buying an item online, the user would like to move back to the items he is<br />about to purchase or go to a previous page to double-check his entered address. Moreover, it is advised to always allow exits for users so they never get stuck in an action they did not want to perform.</p></div></div></div><div class="x-container max width e10290-e31 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e32 m7xu-a m7xu-c"><div id="" class="x-text"><p>As stated before, heuristics are general rule of thumbs. When specifying this heuristic to the healthcare domain and, specifically, to the target-group of elderly populations, this heuristic should be avoided: allowing for exits and support undo-buttons can generate much confusion with the end-users. If there are too many options available, they want to try them all. Therefore, you should design an application where the user cannot make mistakes or you include preventative measures such as warning messages. This is something you only find out by testing the product, which is why you should always involve your end-users throughout the development phase of your application.</p></div></div></div></div><div class="x-section e10290-e34 m7xu-0 m7xu-1"><div class="x-container max width e10290-e35 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e36 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Consistency and Standards</h2><hr class="x-line e10290-e38 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.”</p></div></div></div><div class="x-container max width e10290-e40 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e41 m7xu-a m7xu-c"><div id="" class="x-text"><p>Consistency is extremely important for users: it allows them to quickly understand how an application works and remember it in the future. Consistency can be achieved in many different ways: a consistency in design and color usage, using icons that look and feel similar in design, and repeating labels and titles across screens for identical functions. Be creative in your design, but be consistent in your creativity.</p></div><span class="x-image e10290-e43 m7xu-i m7xu-k"><img decoding="async" src="https://www.xablu.com/wp-content/uploads/2019/07/Consistency-and-Standardss-3.jpg" alt="Consistency and Standards" width="1079" height="719" /></span></div></div></div><div class="x-section e10290-e44 m7xu-0 m7xu-1 m7xu-3"><div class="x-container max width marginless-columns e10290-e45 m7xu-5 m7xu-7 m7xu-9"><div class="x-column x-sm x-1-1 e10290-e46 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Error Prevention</h2><hr class="x-line e10290-e48 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.”</p></div></div></div><div class="x-container max width e10290-e50 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e51 m7xu-a m7xu-c"><div id="" class="x-text"><p>As stated, it is better to prevent than to cure. Therefore, to implement this heuristic, you could warn users when they are potentially going to make an error. Also, you could implement case-blind input fields when upper/lower case letters are irrelevant and provide feedback on what type of data needs to be entered (e.g. a date in a specific format or a limit of characters that can be entered). By helping users enter data and interact with the system, you are preventing them from making mistakes. This can positively influence the user experience.</p></div></div></div></div><div class="x-section e10290-e53 m7xu-0 m7xu-1"><div class="x-container max width e10290-e54 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e55 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Recognition Rather than Recall</h2><hr class="x-line e10290-e57 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Minimise the user&#8217;s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.”</p></div></div></div><div class="x-container max width e10290-e59 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e60 m7xu-a m7xu-c"><div id="" class="x-text"><p>The focus of this heuristic is that users should not have to remember information from one screen to another: important information should be shown to them on their current screen. Moreover, it could help to leave a breadcrumb trail of where they are in the application (e.g. which menu item have they selected). When creating menus, ensure the titles are short and concise and try to implement that the first word of the title is the most important one.</p></div></div></div><div class="x-container max width e10290-e62 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e63 m7xu-a"><div id="" class="x-text"><p>Moreover, important information should not only be conveyed through color since not everyone can see this. When implementing links, ensure they are also underlined or bold faced to show it is a different element than plain text. Also, when using color, make sure the contrast with the background is high enough. You can check this with contrast colour tools: if the contrast is not high enough, not everyone will be able to read the information. Furthermore, allowing breathing space around the text will make it easier to read and follow by the user.</p></div></div></div></div><div class="x-section e10290-e65 m7xu-0 m7xu-1"><div class="x-container max width e10290-e66 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e67 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Flexibility and Efficiency of Use</h2><hr class="x-line e10290-e69 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Accelerators &#8212; unseen by the novice user &#8212; may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.”</p></div></div></div><div class="x-container max width e10290-e71 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e72 m7xu-a m7xu-c"><div id="" class="x-text"><p>To incorporate this heuristic, you could implement a search functionality so users can quickly find what they are looking for. This search function could also offer advanced options to help advanced users quickly find what they are looking for. Also, you could differentiate between types of users, such as an expert mode and a beginner mode. Another way to achieve this heuristic is by allowing the user to add or pin actions or items so they can easily access it. Adaptation to the user will affect the user experience in a very positive way.</p></div></div></div></div><div class="x-section e10290-e74 m7xu-0 m7xu-1"><div class="x-container max width e10290-e75 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e76 m7xu-a m7xu-b"><img decoding="async" class="x-img x-img-none" src="https://www.xablu.com/wp-content/uploads/2019/07/Aesthetic-and-Minimalistic-Designs-1.jpg" /><h2 class="h-custom-headline h3">Aesthetic and Minimalistic Design</h2><hr class="x-line e10290-e79 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.”</p></div></div></div><div class="x-container max width e10290-e81 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e82 m7xu-a m7xu-c"><div id="" class="x-text"><p>Aesthetic and minimalistic design tries to limit “over-design.” Therefore, you should avoid including icons that are excessively detailed and images or animations that do not add any value. A lot of applications also struggle with providing too much information, making screens look crowded to the user: avoid this by only providing the information necessary for that specific screen and minimise the amount of text.</p></div></div></div></div><div class="x-section e10290-e84 m7xu-0 m7xu-1"><div class="x-container max width e10290-e85 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e86 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Help Users Recognise, Diagnose and Recover from Errors</h2><hr class="x-line e10290-e88 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.”</p></div></div></div><div class="x-container max width e10290-e90 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e91 m7xu-a m7xu-c"><div id="" class="x-text"><p>Unfortunately, not all errors can be avoided in applications. Therefore, it is important to include error messages that can help users recover from their mistakes. Here, errors should be indicated and help should be offered to the user. For example, if they have entered an invalid mail address, an error message should indicate which field had incorrect data (recognise error), that mail addresses need to contain an “@“ sign (e.g. please enter a mail address with the following structure: janedoe@example.com, diagnose error) and allow the user to correct their mistakes (recover from error). By providing more details on where the error was made and how they can correct it, users can more easily interact with systems.</p><p> </p></div></div></div><div class="x-container max width e10290-e93 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e94 m7xu-a"><div id="" class="x-text"><p>It is also advised not to show any error code messages, since this will only confuse the user. However, in some cases, error code messages might be important to identify or diagnose the error. Check with the actual end-users which information they need to recover from their mistakes.</p></div></div></div></div><div class="x-section e10290-e96 m7xu-0 m7xu-1"><div class="x-container max width e10290-e97 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e98 m7xu-a m7xu-b"><span class="x-image e10290-e99 m7xu-i"><img decoding="async" src="https://www.xablu.com/wp-content/uploads/2019/07/Help-and-Documentation-s.jpg" alt="Help and Documentation" width="1077" height="718" /></span><h2 class="h-custom-headline h3">Help and Documentation</h2><hr class="x-line e10290-e101 m7xu-e m7xu-f m7xu-g" /><div id="" class="x-text"><p>“Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user&#8217;s task, list concrete steps to be carried out, and not be too large.”</p></div></div></div><div class="x-container max width e10290-e103 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e104 m7xu-a m7xu-c"><div id="" class="x-text"><p>Including a help function or page within your application could be useful: it could provide users with instructions on how certain functionalities work. Moreover, additional information could be provided on sections of the application. The goal is that applications are intuitive and easy to use, but it never hurts to have some extra tools integrated that could help the user when interacting with the system. The help information should be very easy to find and easy to search through. If possible, the help information should be accessed while working on a task and the user should be able to switch between both screens without losing any information.</p></div></div></div><div class="x-container max width e10290-e106 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e107 m7xu-a"><div id="" class="x-text"><p>These heuristics are rules of thumb, meaning they are not strict guidelines. Different user groups might react differently to user interface designs. Therefore, testing interfaces with users early on during the development stage is crucial. However, these heuristics can also be tested within your own development team. The heuristics provide a good starting point for creating interfaces to the general public. Per project, you have to determine which heuristics are especially relevant to your product and user-group. Using this process, in combination with participatory design, will allow you to quickly build usable interface designs.</p></div></div></div></div><div class="x-section e10290-e109 m7xu-0 m7xu-1 m7xu-3"><div class="x-container max width e10290-e110 m7xu-5 m7xu-7 m7xu-8"><div class="x-column x-sm x-1-1 e10290-e111 m7xu-a m7xu-b"><h2 class="h-custom-headline h3">Want to read more about this topic? Here is some more reading material:</h2><hr class="x-line e10290-e113 m7xu-e m7xu-f m7xu-g" /></div></div><div class="x-container max width e10290-e114 m7xu-4 m7xu-5"><div class="x-column x-sm x-1-1 e10290-e115 m7xu-a m7xu-c"><div id="" class="x-text cs-ta-left"><ul><li><a href="https://www.nngroup.com/articles/ten-usability-heuristics/">https://www.nngroup.com/articles/ten-usability-heuristics/</a></li><li><a href="https://www.interaction-design.org/literature/article/heuristic-evaluation-how-to-conduct-a-heuristic-evaluation">https://www.interaction-design.org/literature/article/heuristic-evaluation-how-to-conduct-a-heuristic-evaluation</a></li><li><a href="https://www.xablu.com/2019/04/10/participatory-design-creating-applications-with-professionals-instead-of-for-them/">https://www.xablu.com/2019/04/10/participatory-design-creating-applications-with-professionals-instead-of-for-them/</a></li><li><a href="https://www.xablu.com/xamarin-ui-ux-training/"><b>Are you an UI/UX designer looking to deepen your App Design Skills?</b></a></li></ul></div></div></div></div>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1820b61a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1820b61a" data-element_type="section" data-e-type="section" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ac9f2d1" data-id="7ac9f2d1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-42d9303d elementor-widget elementor-widget-text-editor" data-id="42d9303d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;"><i>Curious how Xablu can help your organization ?<br /></i></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-78620360 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="78620360" data-element_type="section" data-e-type="section" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b3e1c44" data-id="7b3e1c44" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5ef0bfe0 elementor-align-center elementor-widget elementor-widget-button" data-id="5ef0bfe0" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="/contact-us/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Contact us Today</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://www.xablu.com/2019/06/20/10-guidelines-to-make-your-app-user-friendly/">10 Guidelines to make your app user-friendly</a> appeared first on <a href="https://www.xablu.com">XABLU</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
