<?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>UX UI Design</title>
	<atom:link href="https://cusacka.com/category/ux-ui-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://cusacka.com</link>
	<description>Creative Visual Designer</description>
	<lastBuildDate>Wed, 29 Jul 2020 21:35:08 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.10</generator>

<image>
	<url>/wp-content/uploads/2017/01/cropped-site-icon-512x512-32x32.png</url>
	<title>UX UI Design</title>
	<link>https://cusacka.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Positivity app</title>
		<link>https://cusacka.com/2020/07/03/positivity-app/</link>
		
		<dc:creator><![CDATA[cusacka]]></dc:creator>
		<pubDate>Fri, 03 Jul 2020 23:00:12 +0000</pubDate>
				<category><![CDATA[UX UI Design]]></category>
		<guid isPermaLink="false">https://www.cusacka.com/?p=1021</guid>

					<description><![CDATA[<p>With the recent global pandemic, I created a space for maintaining good mental health, for adults living/working remotely alone. There has been increasing evidence that &#8230; </p>
<p>The post <a rel="nofollow" href="https://cusacka.com/2020/07/03/positivity-app/">Positivity app</a> appeared first on <a rel="nofollow" href="https://cusacka.com"></a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h3>With the recent global pandemic, I created a space for maintaining good mental health, for adults living/working remotely alone. </h3>



<p>There has been increasing evidence that shows how a global pandemic is having a negative impact on peoples mental health.</p>



<p><strong>Recent evidence:</strong></p>



<div class="wp-block-buttons">
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://www.cdc.gov/coronavirus/2019-ncov/daily-life-coping/managing-stress-anxiety.html">Center for Disease Control &amp; Prevention</a></div>



<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://www.mentalhealth.org.uk/our-work/research/coronavirus-mental-health-pandemic/covid-19-inequality-briefing">Mental Health Foundation</a></div>
</div>



<div class="wp-block-cover alignfull has-background-dim-70 has-background-dim has-parallax" style="background-image:url(/wp-content/uploads/2020/07/Positivity-Affinity-Diagram.png)"><div class="wp-block-cover__inner-container">
<h2 class="has-buttons-text-color has-text-color">UX Research</h2>



<p>To get a better understanding of the potential users of the app. I undertook screener surveys using Google Forms. Interviews were documented using Miro. This enabled a better understanding of users needs, pain points and how they use their wellbeing apps to maintain their wellbeing. </p>



<p>Key findings were that users preferred tools that are quick and easy to use. Gamification is a great incentive for users.</p>
</div></div>



<h2>Design: Concepts &amp; Sketching</h2>



<p>Ideating using the crazy 8’s technique, whilst building the affinity map, it was evident that a needed feature of the product is a task list-based design and gamification to encourage users to add and complete more tasks to better their mental wellbeing.</p>



<p>A key idea for the wording on the “How are you feeling” screen came about from one of the participant interviews. When the user selects the neutral face, the question “That’s ok, what would you do differently tomorrow?” appears above the comments field. The interviews helped shape the tone and language used for the app.</p>



<div class="wp-block-cover alignwide has-background-dim-40 has-buttons-text-background-color has-background-dim" style="background-image:url(/wp-content/uploads/2020/07/UXUI-Positivity-Crazy-8-scaled.jpg);min-height:297px"><div class="wp-block-cover__inner-container">
<p></p>



<p></p>
</div></div>



<h2>Lo-fi prototyping</h2>



<p>By creating lo-fi sketches of the featured app, I could work out where best to place each element on the screen, without having to redraw complex graphics or layouts. It was this way of working that steered me in the direction of the current placement of the on-screen elements.</p>



<div class="wp-block-buttons">
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://www.figma.com/proto/d56QXbHZ7qrp4T3z99wh5D/Digital-Prototype-Iteration-1%3Fnode-id=10%253A5930&amp;scaling=scale-down">Check out the early prototype</a></div>
</div>



<figure class="wp-block-gallery alignwide columns-4 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" width="375" height="812" src="/wp-content/uploads/2020/07/main-view.png" alt="" data-id="1038" data-full-url="/wp-content/uploads/2020/07/main-view.png" data-link="https://www.cusacka.com/main-view/" class="wp-image-1038" srcset="/wp-content/uploads/2020/07/main-view.png 375w, /wp-content/uploads/2020/07/main-view-139x300.png 139w" sizes="(max-width: 375px) 100vw, 375px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" width="375" height="812" src="/wp-content/uploads/2020/07/happyface-view.png" alt="" data-id="1037" data-full-url="/wp-content/uploads/2020/07/happyface-view.png" data-link="https://www.cusacka.com/happyface-view/" class="wp-image-1037" srcset="/wp-content/uploads/2020/07/happyface-view.png 375w, /wp-content/uploads/2020/07/happyface-view-139x300.png 139w" sizes="(max-width: 375px) 100vw, 375px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" width="375" height="812" src="/wp-content/uploads/2020/07/ticklist-view_create.png" alt="" data-id="1040" data-full-url="/wp-content/uploads/2020/07/ticklist-view_create.png" data-link="https://www.cusacka.com/ticklist-view_create/" class="wp-image-1040" srcset="/wp-content/uploads/2020/07/ticklist-view_create.png 375w, /wp-content/uploads/2020/07/ticklist-view_create-139x300.png 139w" sizes="(max-width: 375px) 100vw, 375px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" width="375" height="812" src="/wp-content/uploads/2020/07/ticklist-view_complete.png" alt="" data-id="1039" data-full-url="/wp-content/uploads/2020/07/ticklist-view_complete.png" data-link="https://www.cusacka.com/ticklist-view_complete/" class="wp-image-1039" srcset="/wp-content/uploads/2020/07/ticklist-view_complete.png 375w, /wp-content/uploads/2020/07/ticklist-view_complete-139x300.png 139w" sizes="(max-width: 375px) 100vw, 375px" /></figure></li></ul></figure>



<div class="wp-block-cover alignfull has-background-dim-90 has-primary-background-color has-background-dim has-parallax" style="background-image:url(/wp-content/uploads/2020/07/UXUI-Positivity-UsabilityTesting-scaled.jpg)"><div class="wp-block-cover__inner-container">
<h2 class="has-buttons-text-color has-text-color">Validation. Usability. Feedback.</h2>



<p>This was where the prototypes were really put to the test. With two rounds of usability testing, the first round with a mid-fidelity prototype helped me iron out any kinks in the early prototype.</p>



<p>With the changes made a second hi-fidelity prototype was tested and the insights gained from these sessions were a real eye-opener and helped move the app forward toward the current design iteration.</p>
</div></div>



<h2>Design: Iteration</h2>



<p>Understanding the user’s pain points from the usability testing led me to the current design iteration. These pain points were in the first steps of the usability testing, these changes were the redesigning of CTA’s, making the buttons clearer to improve the task success rate.</p>



<p>The feedback from an accessibility checker provided me with the correct colour contrasts for use in the final design iteration.</p>



<h2>Final Design</h2>



<div class="wp-block-cover alignwide has-background-dim" style="background-image:url(/wp-content/uploads/2020/07/UXUI-Positivity-FINAL-scaled.jpg);min-height:813px"><div class="wp-block-cover__inner-container">
<p class="has-text-align-center has-large-font-size"></p>
</div></div>



<div class="wp-block-buttons">
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://www.figma.com/proto/Og9rhrd0LLMTAAzDjhhGUl/High-Fidelity-Design%3Fnode-id=10%253A5930&amp;scaling=scale-down">Check out the final design prototype</a></div>
</div>



<p></p>
<p>The post <a rel="nofollow" href="https://cusacka.com/2020/07/03/positivity-app/">Positivity app</a> appeared first on <a rel="nofollow" href="https://cusacka.com"></a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
