<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>UX Mastery</title>
	<atom:link href="http://uxmastery.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://uxmastery.com</link>
	<description>The online learning community for human-centred designers</description>
	<lastBuildDate>Wed, 02 Oct 2024 17:45:21 +0000</lastBuildDate>
	<language>en-AU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://uxmastery.com/wp-content/uploads/2019/12/cropped-uxmastery_logotype_135deg-100x100.png</url>
	<title>UX Mastery</title>
	<link>https://uxmastery.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">170411715</site>	<item>
		<title>Bad UX Examples: A Guideline to Prevent Errors</title>
		<link>https://uxmastery.com/bad-ux-examples-a-guideline-to-prevent-errors/</link>
					<comments>https://uxmastery.com/bad-ux-examples-a-guideline-to-prevent-errors/#respond</comments>
		
		<dc:creator><![CDATA[Mads Soegaard]]></dc:creator>
		<pubDate>Fri, 02 Feb 2024 13:20:03 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[bad design]]></category>
		<category><![CDATA[bad ux]]></category>
		<category><![CDATA[practical advice]]></category>
		<category><![CDATA[user research]]></category>
		<category><![CDATA[ux design]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=110062</guid>

					<description><![CDATA[<p>Achieving a great User Experience (UX) is essential in the digital space world. Good UX design connects with users. Yet, one can encounter dozens of examples of bad UX designs. You probably have encountered a website that frustrates you and makes you want to run away. Mistakes like complicated user flow and poor accessibility erode [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/bad-ux-examples-a-guideline-to-prevent-errors/">Bad UX Examples: A Guideline to Prevent Errors</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-normal-font-size">Achieving a great User Experience (UX) is essential in the digital space world. Good UX design connects with users. Yet, one can encounter dozens of examples of bad UX designs. You probably have encountered a website that frustrates you and makes you want to run away. Mistakes like complicated user flow and poor accessibility erode the company&#8217;s credibility. If users find your website or app challenging, they bounce.</p>



<p class="has-normal-font-size">To avoid creating a bad UX design, think from the user&#8217;s perspective. As a <a href="https://www.interaction-design.org/literature/topics/ux-design">UX designer</a>, you must ensure that they comprehend the psychology of the user and then implement it in the UX design. Why? When the website aligns with the users&#8217; expectations, they feel connected.</p>



<p class="has-normal-font-size">Joe Leech said,&nbsp;</p>



<p class="has-normal-font-size"><strong><em>&#8220;A designer who doesn&#8217;t understand human psychologies is going to be no more successful than an architect who doesn&#8217;t understand physics.&#8221;</em></strong></p>



<p class="has-normal-font-size">Hence, to captivate users, begin by understanding how they think. When you create the design with users in mind, it resonates with them. Your design will boost both users&#8217; satisfaction and your business goals.</p>



<p class="has-normal-font-size">And what if you don&#8217;t consider the users’ needs? In that case, these issues can occur on your website:</p>



<ul class="wp-block-list">
<li class="has-normal-font-size">Slow Load Times</li>



<li class="has-normal-font-size">Poor Information Architecture&nbsp;</li>



<li class="has-normal-font-size">Poor Accessibility</li>



<li class="has-normal-font-size">Graphic Mismanagement</li>



<li class="has-normal-font-size">Complicated User Flow</li>
</ul>



<p class="has-normal-font-size">These factors can frustrate users and tarnish your brand&#8217;s reputation. Unsatisfied customers might leave and go to other websites for a better experience. This may increase your website’s bounce rate.&nbsp;</p>



<p class="has-normal-font-size">Let&#8217;s examine some bad UX design examples, its consequences, and solutions to ensure you don’t make the same mistakes.</p>



<h2 class="wp-block-heading">Examples of Bad UX Design</h2>



<p class="has-normal-font-size">Below, we&#8217;ve listed some common UX mistakes in well-known apps. Furthermore, we&#8217;ve given solutions for these mistakes to help improve them:</p>



<h3 class="wp-block-heading">1. CNN</h3>



<p><img fetchpriority="high" decoding="async" width="602" height="305" src="https://lh7-us.googleusercontent.com/C9jYqvXKo6lO5dTDNOkHA-8Z1TONFTob6h-9ZZ1i8vKon7ISDWajrBZnjj6m5JdJs3u7q0-7QaFe-YmrBI8QMZDc0zPKmlD2quT-XHKZLyaE_Q6FrRzRnFCBR8KYfi00_R8S2Dg5TJalJhwG2nnoTQ"><a href="https://blog.hubspot.com/hs-fs/hubfs/bad-website-design-CNN.webp?width=1404&amp;height=710&amp;name=bad-website-design-CNN.webp">Source</a></p>



<p class="has-normal-font-size">CNN ranks among the top news organizations. It is a 24-hour cable news channel. Its website displays a wide range of content, including text, images, and videos. The website&#8217;s slow load time is one of its weaknesses. <a href="https://speedmonitor.io/">Speedmonitor.io</a> lists it as one of the internet&#8217;s top slowest websites.<br><br><br>Users seek out interfaces that are quick and simple to understand. <a href="https://www.hobo-web.co.uk/your-website-design-should-load-in-4-seconds/">25% of internet users</a> will leave any website that takes longer than 4 seconds to load. A website&#8217;s conversion rate drops by<a href="https://www.hobo-web.co.uk/your-website-design-should-load-in-4-seconds/"> 1% for every 100 milliseconds</a> it takes to load. It causes frustration in the users and drives them away.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">CNN must improve the load speed by swapping out large images with optimized ones. Regularly testing and enhancing the website&#8217;s speed may also improve the user experience<strong>.</strong></p>



<h3 class="wp-block-heading">2. NYU</h3>



<p><img decoding="async" width="602" height="272" src="https://lh7-us.googleusercontent.com/Vkvm0pQAMXj4yBJr3pWenI1Y_U889DUphF4R5utImttmoIntKpo2n55DdOC5awh-EvFj846oTXo27B_DIfygeYHIFPvB5iXVGENNwSZcUUu2QtUg13cX0AlotcN8wFTx2SXWHWuvCunVZZV1o37Pog"><a href="https://blog.hubspot.com/hs-fs/hubfs/bad-website-design-NYU.webp?width=650&amp;height=294&amp;name=bad-website-design-NYU.webp">Source</a></p>



<p class="has-normal-font-size">There are three main parts on the NYU website: navbar, body, and footer. It has a grid layout, and all homepage parts are purple. Overusing the purple color makes distinguishing one section from the other challenging.<br><br><br>Even though there are slightly different hues of purple, there is little contrast in it. It results in a confusing <a href="https://uxmastery.com/get-your-website-navigation-right/">navigation</a> experience. Users need clarification about where to click and where not to click on a website since it is purple everywhere. Consequently, the users may end up leaving the website without browsing.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">The website must have more contrasting colors to make it appealing. Using <a href="https://www.interaction-design.org/literature/topics/visual-hierarchy">visual hierarchy</a> can improve user experience.</p>



<h3 class="wp-block-heading">3. Paper Source</h3>



<p><img decoding="async" width="602" height="307" src="https://lh7-us.googleusercontent.com/cRZu-qpzsWtVMCyX1REWZ2ZNDNSNBab1MmCdLepwNxqMNbHIb3LtAMZEBKg_MVbYTv0BQIvB7gHNhF04UbQWlojceOBzO2PUij_bQ3pQe27ichjXrbdGUqxk9ldYb4Sl6BNOQ5VWafE132NTVDCmWA"><a href="https://blog.hubspot.com/website/bad-vs-good-design">Source</a></p>



<p class="has-normal-font-size">Paper Source is a company that deals with paper products. It was founded in 1983 by Susan Lindstrom. For those who love paper, Paper Source also publishes tutorials, tips, and creative ideas on its blog. Yet, it needs an updated website design as its layout appears old-fashioned. Also, the dual CTAs above the logo may need to be clarified for the users. Moreover, the double taskbars can also be confusing for the users.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">The old-fashioned design would prompt users to seek more modern alternatives. Paper Source should develop a modern yet minimal layout to enhance its brand image. It will give more user-friendly vibes and significantly increase the <a href="https://usabilitygeek.com/brand-and-experience/">brand value and experience</a>.</p>



<h3 class="wp-block-heading">4. Facebook</h3>



<p><img decoding="async" width="602" height="411" src="https://lh7-us.googleusercontent.com/1y2apnSMRVLgDUPJfwlbHiK2_jIUceKWpHDgKeHOdI9LhvPfi2rEYAsGlAOd--LeaRxXtusx5BfrXcd7_lFnTRlsXqbie5ZfHuUzzNUZ0wJ97F59Qf041iEWlkP_SEf26os7gG3DDmXghHX0LoxNqA"><a href="https://miro.medium.com/v2/resize:fit:1400/format:webp/1*x8qjvLHftkPqe1lsmsLHUw.jpeg">Source</a></p>



<p class="has-normal-font-size">Facebook connects us to people and ideas like no other platform. However, it has some significant flaws in the design. One of the major issues with Facebook is its complex settings. It has distinct types of account setting options. Though it is essential for privacy, its diverse settings make navigation challenging.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">Facebook must keep the categories of account settings minimal to ensure <a href="https://www.wearecapicua.com/blog/in-ux-design-what-makes-a-product-usable">good UX design</a>. It will allow even non-tech users to navigate through settings smoothly.</p>



<h3 class="wp-block-heading">5. Whatsapp</h3>



<p><span id="docs-internal-guid-4d6241dc-7fff-9c61-2686-b0d4e222a6dd"><a style="text-decoration-line: none;" href="https://pixabay.com/images/search/whatsapp/"><span style="font-size: 11pt; font-family: Arial, sans-serif; color: rgb(17, 85, 204); background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline;"><span style="border:none;display:inline-block;overflow:hidden;width:602px;height:401px;"><img decoding="async" width="602" height="401" style="margin-left:0px;margin-top:0px;" src="https://lh7-us.googleusercontent.com/NE7hSPpP8YUAfqT_tKU_aPrkh9pphRFyaW7dt3COpMf0bH1hbTSIgdaGti-DNRJK6tVUSBEOt_JhO6xcj7lUqP4IK-2AA1vOvWuVaMfSNrQn6fzkd-5fSphynoq7XHD1lsbykLvwIMlv9JByj80AgA"></span></span></a></span><a href="https://pixabay.com/images/search/whatsapp/">Source</a></p>



<p class="has-normal-font-size">Today, no one can go about the day without using WhatsApp! Despite being the most popular and versatile messaging and communication app, it still needs some usability issues.</p>



<p class="has-normal-font-size">What’s your instant action if you accidentally send a message to the wrong number on WhatsApp? You would try to delete it. But when you delete the message using WhatsApp&#8217;s &#8220;delete for everyone&#8221; feature, unfortunately, the receiver is notified with the following:</p>



<p><img decoding="async" width="602" height="339" src="https://lh7-us.googleusercontent.com/0OcP2cyolU8doOky2uXBpx0VPZCRYM_NwO14bOWiNhf5gVS0cCvxJCVt8LwDllmctoe0zS5btXvTBbQ-YHqUjQc5Y_NGwAK1vdVCgVcXPOQbcE5WLifkUjep85Vah7UAlklGlUxE6dY2kAZc2arjxg"><a href="https://decode.agency/wp-content/webp-express/webp-images/uploads/2022/04/WhatsApp-deleting-messages-screenshot-1.png.webp">Source</a></p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">WhatsApp must fix this issue and create an option to erase the message. It should not expose the sender.</p>



<h3 class="wp-block-heading">6. Zoom</h3>



<p><img decoding="async" width="602" height="384" src="https://lh7-us.googleusercontent.com/d_9lDwxuE7ULswTCnm08007Zh6aJMizB6Df0IGQdnxny1kT3ILIfq1TXrrj3fwPyekiVoL2s4cuWWxjJ2u3mZ6PYgJmTjeou_-h4uAtLhApUobw_BWe7y3mo5jCAfSSpe984r47Sc5ZKYIGId3UhNQ"><a href="https://uxdesign.cc/is-zoom-a-well-designed-product-3d8ca90b08fc">Source</a></p>



<p class="has-normal-font-size">Zoom became one of the most famous video conferencing apps in recent years. You can conduct a meeting with over 100 participants on this platform, a feature that brought the application fame. Yet, it has its challenges. The problem with its <a href="https://www.solutelabs.com/blog/mobile-ux-design-principles">UX design</a> is that joining a meeting is complex. Even if you have an app, when you click the meeting link, it does not automatically open the app. Instead, it directs you to the browser link. Using it on the browser is extremely confusing. It frustrates the users when they find it difficult to join a call quickly. Even the navigation and a few features are tricky to locate and use.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">Zoom can simplify this by asking users whether to use an app or browser when clicking the meeting link. Moreover, the interface can be more straightforward so that users can easily navigate. With regular feedback and usability tests, it must make calling hassle-free.</p>



<h3 class="wp-block-heading">7. YouTube</h3>



<p><a href="https://i.gadgets360cdn.com/large/youtube_music_1533192250221.jpg"><img decoding="async" width="602" height="339" src="https://lh7-us.googleusercontent.com/L5l4LFVItYlACkItegWsMgTGLnRicsRkIE4dXklh_ElzEZUorv5uU4B4V4Qxed1EK7TYhDGRo-9ySZOgfXa7ZtAVzHQFp04-KL9OEs3c09yB-BrW1YH0WsVKcQrRh4i55wagGK1j7-7ZhznT1twRKw">Source</a></p>



<p class="has-normal-font-size">YouTube is a top music streaming platform with around 25% market share. However, it fails to create and manage playlists within a single window. As a result, users have to open multiple tabs. They manually open and close videos, straining the device. Besides, too many ads in the video frustrate the users. The ads appear before, during, and after the main video. There are also non-skippable ads that users are bound to watch.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">A sidebar search tool would improve the users&#8217; experience with music streaming. It would enable the user to search for the next song while the current video plays. Adding a &#8216;Remove from Queue&#8217; button would make managing the playlist convenient. Moreover, YouTube must reduce the number of ads that appear in the video. Users want an uninterrupted viewing experience; too many ads create a distraction and frustrate the users.</p>



<h3 class="wp-block-heading">8. Snapchat</h3>



<p><img decoding="async" width="602" height="339" src="https://lh7-us.googleusercontent.com/jxwivx6lhaqint_uTQzuonWss21ui3amfQVtRtt32zI75q4wkZH4aFYYBFyUHARN3xEEwNnafi7Xzj-bJw1FKy0gWc1qMQvKOygp_0S25U_x-uRKpHTRD_ijZz2iUIOrhz6lhdjbG-gyxYjUu_pqAQ"><a href="https://www.uxconnections.com/wp-content/uploads/Snapchat-redesign.jpg">Source</a></p>



<p class="has-normal-font-size">Snapchat is an instant messaging and social networking app. It allows users to share pictures and videos with its unique filters. Yet, it is losing its users because of several issues. Its confusing navigation and inconsistent <a href="https://uxmastery.com/accessibility-in-ux-design-tales-from-the-field/">accessibility</a> drive the users away. Users unwillingly discover stories that do not align with their interests.</p>



<p class="has-normal-font-size">On the camera screen, there are three icon buttons. The two are pretty similar, causing user confusion. Snapchat does not allow users to choose a specific category of stories to view. It poses a problem for users who want to avoid seeing a particular story.</p>



<h4 class="wp-block-heading">Solution</h4>



<p class="has-normal-font-size">An interface that users can navigate easily could improve Snapchat&#8217;s accessibility and user-friendliness.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p class="has-normal-font-size">UX design can make or break your business. The examples illustrated in this blog post show the repercussions of a bad UX design. To be a good UX designer, you must refine your UX design and overall website performance based on usability tests from time to time. Moreover, you must pay attention to the evolving preferences of the audience to meet user needs and satisfaction. This will help you avoid bad UX practices and create optimal user experiences.<br><br><br>To learn more about UX design, check out the thoughtfully curated list of courses by IxDF. Kickstart your journey and enroll in our <a href="https://www.interaction-design.org/courses/user-experience-the-beginner-s-guide">beginner course</a>. So, what&#8217;s stopping you? Start your journey in UX design with IxDF now!</p>



<h2 class="wp-block-heading">Learn More about Bad UX</h2>



<p class="has-normal-font-size">Read the articles <a href="https://www.interaction-design.org/literature/article/bad-ux-examples">Bad UX Exposed: A Comprehensive Guide to Avoiding Pitfalls</a> and <a href="https://www.interaction-design.org/literature/article/bad-design-vs-good-design-5-examples-we-can-learn-frombad-design-vs-good-design-5-examples-we-can-learn-from-130706">Bad Design vs. Good Design: 5 Examples We can Learn From</a> for a comprehensive understanding of bad UX.&nbsp;</p>



<p class="has-normal-font-size">Jakob Nielson gives 4 great examples of bad UX design in his article <a href="https://www.nngroup.com/articles/four-bad-designs/">Four Bad Designs</a>. Take a look!</p>



<p class="has-normal-font-size">Watch this <a href="https://www.nngroup.com/videos/handle-bad-ux-requests/">video</a> from the Nielsen Norman Group to learn how to manage bad UX requests.</p>



<p class="has-normal-font-size">Learn how to improve your UX management within your company for better ROI in the IxDF course <a href="https://www.interaction-design.org/courses/ux-management-strategy-and-tactics">UX Management: Strategy and Tactics</a>.</p>



<p class="has-normal-font-size">Feature Image by <a href="https://www.freepik.com/free-photo/front-view-composition-with-different-expressions_12558450.htm#query=good%20bad%20okay&amp;position=21&amp;from_view=search&amp;track=ais&amp;uuid=18792f04-9280-4445-b948-d111fe469e44">Freepik</a></p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/bad-ux-examples-a-guideline-to-prevent-errors/">Bad UX Examples: A Guideline to Prevent Errors</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/bad-ux-examples-a-guideline-to-prevent-errors/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">110062</post-id>	</item>
		<item>
		<title>The Difference Between A Product Designer and UX Designer</title>
		<link>https://uxmastery.com/the-difference-between-product-designer-and-ux-designer/</link>
					<comments>https://uxmastery.com/the-difference-between-product-designer-and-ux-designer/#respond</comments>
		
		<dc:creator><![CDATA[Mads Soegaard]]></dc:creator>
		<pubDate>Thu, 04 Jan 2024 06:52:19 +0000</pubDate>
				<category><![CDATA[Careers]]></category>
		<category><![CDATA[career paths]]></category>
		<category><![CDATA[careers]]></category>
		<category><![CDATA[product design]]></category>
		<category><![CDATA[UX Careers]]></category>
		<category><![CDATA[ux design]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=110045</guid>

					<description><![CDATA[<p>Are you interested in building a career in UX (User Experience) Design? While scouting UX design job boards, you&#8217;ve likely come across a listing titled &#8216;Product Designer.&#8217; Reading the job description, you probably found it similar to that of a UX designer. If that confuses you, don&#8217;t worry! You’re in the right place. It’s not [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/the-difference-between-product-designer-and-ux-designer/">The Difference Between A Product Designer and UX Designer</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-normal-font-size"><strong>Are you interested in building a career in <a href="https://www.interaction-design.org/literature/topics/ux-design">UX (User Experience) Design</a>? While scouting UX design job boards, you&#8217;ve likely come across a listing titled &#8216;Product Designer.&#8217; Reading the job description, you probably found it similar to that of a UX designer. If that confuses you, don&#8217;t worry</strong>!<strong> You’re in the right place.</strong></p>



<p class="has-normal-font-size">It’s not just you! Often, people are not able to differentiate between the two roles. Why? Because the roles and responsibilities of the two often overlap, depending on the company. However, as you dig deeper, significant differences emerge in their operations.</p>



<p class="has-normal-font-size">You may find it challenging to decode the nuances of these roles, but we’ll make it easy for you. Here’s a list of the most prominent <a href="https://www.wearecapicua.com/blog/uxui-product-design-differences">differences between UX and Product designers.</a></p>



<h1 class="wp-block-heading has-normal-font-size">Differences Between Product Designer and UX Designer</h1>



<h2 class="wp-block-heading has-normal-font-size">1. Roles and Responsibilities</h2>



<p class="has-normal-font-size">UX designers focus on <a href="https://uxmastery.com/ux-designer-workflow/">improving the user experience</a> by conducting user research. Moreover, they organize information effectively by creating user-friendly interfaces. </p>



<p class="has-normal-font-size">In contrast, Product designers emphasize the product vision. They take care of the <a href="https://www.wearecapicua.com/services/ux-ui-design">UX as well as the UI design</a>?, have a broader scope, are in charge of visual design, and develop design systems. They engage with cross-functional teams and perform prototyping. Other factors they take into account are technical feasibility and business goals.</p>



<p class="has-normal-font-size"><a href="https://www.wearecapicua.com/blog/product-design">Product designers</a> take a comprehensive approach. They ensure that the product offers a great user experience and they improve the user experience while following their organization&#8217;s goals. Keeping a broad perspective, they ensure the development satisfies both user and business requirements. On the other hand, UX designers strive to make the user interface appealing and engaging. They create the look, feel, and user experience.</p>



<figure class="wp-block-image size-large is-resized"><a href="https://www.interaction-design.org/literature/article/difference-between-product-and-ux-designer"><img decoding="async" width="1024" height="355" src="https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-1024x355.png" alt="" class="wp-image-110048" style="aspect-ratio:2.8845070422535213;width:1184px;height:auto" srcset="https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-1024x355.png 1024w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-300x104.png 300w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-768x266.png 768w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-1536x532.png 1536w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-96x33.png 96w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-100x35.png 100w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-600x208.png 600w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-173x60.png 173w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner-260x90.png 260w, https://uxmastery.com/wp-content/uploads/2024/01/ProductDesignerVsUXDesigner.png 1998w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">© <a href="https://www.interaction-design.org/literature/article/difference-between-product-and-ux-designer">IxDF</a></figcaption></figure>



<h2 class="wp-block-heading has-normal-font-size">2. Main Objectives</h2>



<p class="has-normal-font-size">While a product designer&#8217;s primary goal is to conceptualize and design the product, a UX designer&#8217;s primary goal is to focus on the user journey of the product.</p>



<p class="has-normal-font-size">A product designer looks at the product from a business perspective. They aim to meet user requirements and achieve business goals simultaneously. They maintain a balance between the users’ needs and brand value.</p>



<p class="has-normal-font-size">On the other hand, a UX designer looks at the product from a <a href="https://www.uxtweak.com/usability-testing/tools-and-software/">usability perspective</a>. Their objective is to make improvements in the development process with constant feedback. Another key objective is to adapt to the changing needs of their users.</p>



<p class="has-normal-font-size">Product designers are concerned with the business part of the product, while UX designers are concerned with the user experience.</p>



<h2 class="wp-block-heading has-normal-font-size">3. Exploring Modern Design Methodologies</h2>



<p class="has-normal-font-size">A design methodology is a framework for conceptualizing and creating products or services. It takes user requirements, functionality, and aesthetics into account. These methodologies are essential for speeding up decision-making and producing high-quality outcomes.</p>



<p class="has-normal-font-size">The process of UX design begins with comprehending user needs and behaviors. UX designers use <a href="https://www.interaction-design.org/literature/topics/humanity-centered-design">human-centered design</a> principles that require extensive user research, including testing, surveys, and interviews. UX designers strive to create solutions that match user preferences and expectations, thereby improving the user experience.</p>



<figure class="wp-block-image size-large is-resized"><a href="https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design.png"><img decoding="async" width="1024" height="557" src="https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-1024x557.png" alt="Venn diagram that shows the scope and relationship between the different expressions: At the broadest level is 21st century design. Humanity-centered design is a subset of 21st century design. One level narrower, human-centered design is a subset of humanity-centered design. The smallest scope is that of people-centered design, which is a subset of human-centered design." class="wp-image-110049" style="width:600px" srcset="https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-1024x557.png 1024w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-300x163.png 300w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-768x418.png 768w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-1536x836.png 1536w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-2048x1114.png 2048w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-96x52.png 96w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-100x54.png 100w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-600x326.png 600w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-110x60.png 110w, https://uxmastery.com/wp-content/uploads/2024/01/Humanity-Centered-Design-165x90.png 165w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">© <a href="https://www.interaction-design.org/literature/topics/humanity-centered-design">IxDF</a></figcaption></figure>



<p class="has-normal-font-size">Product designers aim to comprehend their target audience. They locate problems and come up with solutions to improve the user experience. In addition, Product designers conduct market research to stay relevant. They keep tabs on the latest trends and shifting tastes of the audience.</p>



<h2 class="wp-block-heading has-normal-font-size">4. Skills set</h2>



<p class="has-normal-font-size">UX designers must be able to visualize a product&#8217;s appearance in advance. They have to trace out each step when using a product.</p>



<p class="has-normal-font-size">Product designers have to think from an audience&#8217;s point of view. They must have a flair for details, including trending designs and innovative patterns.</p>



<p class="has-normal-font-size">Here&#8217;s an overview of the critical skills required to become a UX or product designer.</p>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Product Designer Key Skills</strong></td><td><strong>UX Designer Key Skills</strong></td></tr><tr><td>Architectural skills for mobile apps and websites</td><td>Ability to envision user&#8217;s mind</td></tr><tr><td>Ability to understand user problems and perspectives</td><td>Good knowledge of interaction design</td></tr><tr><td>Good communication skills for effective idea sharing</td><td>Quantitative and qualitative research</td></tr><tr><td>Strong understanding of design and 3D modeling tools</td><td>Knowledge of UX design principles</td></tr><tr><td>Design and 3D modeling tools (e.g., Blender, Rhino, SolidWorks)</td><td>Comprehensive understanding of design tools like Figma, Sketch, Adobe XD, etc.</td></tr></tbody></table></figure>



<h2 class="wp-block-heading has-normal-font-size">5. Qualifications</h2>



<p class="has-normal-font-size">To nail a job as a product designer, you must earn a bachelor&#8217;s degree or have a solid portfolio. A good understanding of computer-aided design, sketching, and manufacturing techniques is essential.</p>



<p class="has-normal-font-size">Similarly, UX designers may need a bachelor&#8217;s degree and/or a UX design portfolio, too. In addition to this, a couple of <a href="https://www.interaction-design.org/courses">interaction design and project management courses</a> are mandatory for a UX designer.</p>



<h2 class="wp-block-heading has-normal-font-size">6. Career Paths</h2>



<p class="has-normal-font-size">Product designers and UX designers take different career paths within the design industry. Product designers start out as Associate Designers. Gradually, they progress up to mid-level and senior positions or specialize in interaction design and design management. They might start doing business, consulting, teaching, or mentoring as their careers progress. </p>



<p class="has-normal-font-size">A UX designer&#8217;s career path involves a range of abilities and duties. They focus on comprehending user requirements and creating the best experiences. UX designers ensure that every interaction is clear, understandable, and fun. They engage in user research, wireframing, and prototyping. Their career path offers fantastic advancement opportunities.</p>



<p class="has-normal-font-size">UX designers start their journey at the Junior level. With time and adding to their experience, they take on senior roles like Senior Designer, Design Manager, and Design Director.</p>



<h2 class="wp-block-heading has-normal-font-size">7. Salary Expectations</h2>



<p class="has-normal-font-size">According to <a href="https://www.glassdoor.com/Salaries/product-designer-salary-SRCH_KO0,16.htm">Glassdoor</a>, the average annual salary for product designers in the US is around $105,000. However, actual salaries can vary due to different factors. An experienced senior product designer working for a big company may make over $200,000 annually. At the same time, a new Product Designer with little experience earns no more than $50,000.</p>



<p class="has-normal-font-size">The average annual salary of a UX designer in the US is just under <a href="https://www.springboard.com/blog/design/product-designer-vs-ux-designer/">$103,000</a>. UX designers in the initial stage make considerably less, close to $58,000. As they gain experience, they may earn around <a href="https://www.springboard.com/blog/design/product-designer-vs-ux-designer/">$200,000</a> or more at big corporations.</p>



<p class="has-normal-font-size"><em>Product designers and UX designers have different roles and responsibilities. They require a specific set of skills and qualifications.</em></p>



<p class="has-normal-font-size"><em>If you are a multi-tasker, <a href="https://www.interaction-design.org/literature/topics/product-design">product design</a> is your perfect job. You could be a great fit if you want to engage in each step of product design. On the other hand, a UX designer thinks critically by getting into the user&#8217;s mind. If understanding user psychology is your forte, you can <a href="https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/">choose UX design as a career.</a> Remember, no matter which role you go for, it&#8217;s essential to keep updating your skillset and stay in step with the industry trends to ace your job.</em></p>



<p class="has-normal-font-size"><em>To get a more detailed differentiation of roles, read this article on <a href="https://www.interaction-design.org/literature/article/difference-between-product-and-ux-designer">Product Design and UX Design Roles</a>.</em></p>



<h1 class="wp-block-heading has-normal-font-size">Where to Learn More</h1>



<p class="has-normal-font-size">To learn more about User Experience (UX) Design, take the <a href="https://www.interaction-design.org/courses/user-experience-the-beginner-s-guide">User Experience, The Beginner&#8217;s Guide course</a>.</p>



<p class="has-normal-font-size">Want to know more about different UX roles and specializations? Check <a href="https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for">the ultimate guide to understanding UX roles and which one you should go for</a>. </p>



<p class="has-normal-font-size">Not sure if there&#8217;s a demand for UX designers? Read <a href="https://uxplanet.org/heres-what-hiring-managers-look-for-in-ux-design-candidates-90a144d21c2e">this article</a> to find out.</p>



<p class="has-normal-font-size">Another helpful comparative analysis of <a href="https://www.uxpin.com/studio/blog/product-designer-vs-ux-designer-a-comparative-analysis/">UX vs. Product Design</a> by UX Pin. </p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/the-difference-between-product-designer-and-ux-designer/">The Difference Between A Product Designer and UX Designer</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/the-difference-between-product-designer-and-ux-designer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">110045</post-id>	</item>
		<item>
		<title>The State of WordPress: UX and Insights for 2022</title>
		<link>https://uxmastery.com/the-state-of-wordpress-ux-and-insights-for-2022/</link>
					<comments>https://uxmastery.com/the-state-of-wordpress-ux-and-insights-for-2022/#respond</comments>
		
		<dc:creator><![CDATA[Yoni Yampolsky]]></dc:creator>
		<pubDate>Mon, 28 Feb 2022 23:31:00 +0000</pubDate>
				<category><![CDATA[Research]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109930</guid>

					<description><![CDATA[<p>Discover some of today’s most popular web creation trends. Building a new website requires creativity, insight, and a little bit of foresight. Nobody wants to face the disappointment of putting time and energy into a web experience that’s obsolete from day one. Elementor, one of the most recognizable WordPress website builders out there, polled thousands [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/the-state-of-wordpress-ux-and-insights-for-2022/">The State of WordPress: UX and Insights for 2022</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><em>Discover some of today’s most popular web creation trends.</em></p>



<p>Building a new website requires creativity, insight, and a little bit of foresight. Nobody wants to face the disappointment of putting time and energy into a web experience that’s obsolete from day one.</p>



<p>Elementor, one of the most recognizable WordPress website builders out there, polled thousands of its users and identified the trends set to define the web creation space. The survey was sent through dedicated mail, included in the brand’s magazine, and posted throughout the community. We wanted to discover the trends that touch and concern <a href="https://elementor.com/web-creators/">web creators</a> and UX professionals on a wide scale.</p>



<p><strong>The result: Over 5000 valid responses filled with demographic data, common pain points, and web creation trends.</strong></p>



<p>These responses represent some of the latest insights into the WordPress industry. Use this data to inform your web creation and UX design strategy and position your brand for success.</p>



<h2 class="wp-block-heading">WordPress Web Creators: Demographic Insights</h2>



<p>Our survey started by asking WordPress web designers their age.<br>Here’s a breakdown:</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age.png"><img decoding="async" width="1024" height="633" src="https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-1024x633.png" alt="Pie chart showing age distribution" class="wp-image-109933" srcset="https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-1024x633.png 1024w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-300x186.png 300w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-768x475.png 768w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-96x59.png 96w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-100x62.png 100w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age-600x371.png 600w, https://uxmastery.com/wp-content/uploads/2022/02/1-demographic-age.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>It’s easy to see that the largest age group of web creators is between 35 and 44 years old. There are significant numbers of web creators on both sides of this range. We see more users on the younger end of this group (25-34) than the older end (45-54).</p>



<p><strong>Keep in mind that the WordPress community continues to grow every year.&nbsp;</strong></p>



<p>The variance between the second and third-largest user age groups might indicate that new WordPress web creators are getting slightly younger overall. Ideally, we’d have to collect the same data for several years to find out for sure.</p>



<p>Next, we asked survey recipients to identify their gender:</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender.png"><img decoding="async" width="1024" height="633" src="https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-1024x633.png" alt="Pie chart showing gender distribution" class="wp-image-109934" srcset="https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-1024x633.png 1024w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-300x186.png 300w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-768x475.png 768w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-96x59.png 96w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-100x62.png 100w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender-600x371.png 600w, https://uxmastery.com/wp-content/uploads/2022/02/2-demographic-gender.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p><strong>It looks like WordPress website creators largely identify as male</strong>.<br>However, a full quarter of responders identify as female, representing a significant user group. This percentage is in-line with the broader IT sector – women make up <a href="https://www2.deloitte.com/us/en/insights/industry/technology/technology-media-and-telecom-predictions/2022/statistics-show-women-in-technology-are-facing-new-headwinds.html">25% of the technical workforce in large technology companies</a>.</p>



<h2 class="wp-block-heading">What Are UX Designers Most Worried About When Creating a Website?</h2>



<p>We asked UX designers, marketers, and developers to rate the concerns that inform their web creation processes. We identified 11 different concerns that reflect today’s web creators’ challenges:</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/3-concerns.jpg"><img decoding="async" width="1024" height="576" src="https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-1024x576.jpg" alt="Bar chart showing the top concerns of web creators" class="wp-image-109935" srcset="https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-1024x576.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-1536x864.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-1128x635.jpg 1128w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/02/3-concerns.jpg 1582w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>Let’s cover the top three:</p>



<h3 class="wp-block-heading">1. Performance&nbsp;</h3>



<p>Maintaining good performance remains the top concern for WordPress website creators, and for a good reason. Google has made its Core Web Vitals Score integral to SEO success, which has led to reputable, top-ranking websites to prioritize reliable high-speed web performance.&nbsp;</p>



<p>The world’s top websites are cracking down on web page loading times. As a result, web users now expect <em>all </em>websites to run as smoothly as Robin J.E. Scott’s <a href="https://robinjescott.com/fastest-website-world/">Fastest Website in the World</a>.&nbsp;</p>



<p><strong>See for yourself:<br>Copy that link into </strong><a href="https://pagespeed.web.dev/"><strong>PageSpeed Insights</strong></a><strong> and hit Analyze. You’ll see a perfect 100 for desktop site performance and 90+ for mobile performance. But there’s more – this hyper-optimized web experience is built on WordPress!</strong></p>



<p>WordPress creators know they can achieve web page load speeds measured in milliseconds. However, they don’t always know how to balance their clients’ and website vistors’ needs while still achieving best-in-class performance. Marketers will insist on at least 80+ for desktop and 40+ for mobile.</p>



<p>There are a few things you can do to guarantee better website performance:</p>



<ul class="wp-block-list">
<li><strong>Use an efficient website builder</strong> that doesn’t weigh down your website with unnecessary JavaScript and complex loading logic.</li>



<li><strong>Upgrade your hosting service</strong> to a top-rated managed hosting provider who can dedicate more resources to your website. Alternatively, you can opt for a website builder with built-in hosting services. Elementor, for example, now offers best in-class <a href="https://elementor.com/features/cloud/">cloud hosting for WordPress</a></li>



<li><strong>Cut down on plugins</strong>. Prioritize lean plugins that do one thing very well, and get rid of feature-stuffed general plugins that try to do everything.</li>



<li>Try implementing a caching solution, or invest in a global Content Delivery Network. Ideally, your web host should offer these services. That way you don’t have to weigh down your website with caching or CDN plugins.</li>
</ul>



<h3 class="wp-block-heading">2. Design Inspiration</h3>



<p>It can be hard to find the right design inspiration for a particular website. This is especially true if you don’t have reams of data about its potential users, their preferences, or the site’s market position. Many WordPress creators have to start with a blank slate.</p>



<p>At the same time, WordPress creators want their websites to be unique. It’s important for websites to express their creators’ individuality. But it’s also easy for a cool idea to seem unwieldy a few months later after the website is finalized.&nbsp;</p>



<p>It may be comforting to know that almost all web creators face this challenge sooner or later. Many of them look to their colleagues and competitors to find inspiration based on current design trends.</p>



<p>Understanding that even the most grizzled web creator can sometimes hit a creative wall, Elementor introduced <a href="https://elementor.com/library">Full Site Kits</a> this past year. Designer-ready, complete websites, <em>Kits </em>can be quickly customized and launched within minutes. Web creators can always count on these when they’re in a pinch.</p>



<p>Some of the trends that are beginning to define the web creation space include:</p>



<ul class="wp-block-list">
<li><strong>Scrollytelling- </strong>Also known as “narrative visualization”, this approach uses a sequence of visual images and animations to tell a story. If most websites are like books, think of yours as a graphic novel. Website visitorscan click or scroll through at their own pace, exploring highly visual content that reinforces your brand message.. </li>



<li><strong>Nostalgia- </strong>The past always conjures powerful emotions. Web creators are increasingly turning towards analog typography and imagery, making their websites wistful and relatable. Classic images, retro filters, and blur effects can heighten this sensation and create a familiar, comforting web experience. </li>



<li><strong>Delight- </strong>It’s easy to see the value of unexpectedly delivering positive feedback. Small animations, gestures, and microcopy can help you put character into an otherwise sterile web environment. When done right, it shows an attention to detail that carries over to your brand and the products or services it provides to website visitors.</li>
</ul>



<h3 class="wp-block-heading">3. Work Process and Communication</h3>



<p>Managing remote web design and creation teams can be demanding. Agencies have shifted to a remote working model, putting stress on their time-tested creation methods. This can leave website creators feeling disoriented.</p>



<p>Almost every web creator can recall a situation where they worked for hours on some feature or web page element, only to have the client reject it at the last minute. Sometimes clients and teams will change the scope, add new requests, or lose track of things in the middle of production.</p>



<p>Today’s web creators need to invest in project management tools that address some of the communication challenges unique to a remote environment. It’s important for creators, agency teams, and clients to access live updates and separate channels for different iterations or projects. Tools like <a href="http://monday.com">monday.com</a> and <a href="http://clickup.com">Clickup </a>can dramatically improve project efficiency and communication.</p>



<h2 class="wp-block-heading">Top 10 Web Creation Trends Web Creators Would Like to Learn About</h2>



<p>We asked web creators what web design trends they would like to learn about most. These ten issues represent the future of website creation and digital marketing in general.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/4-trends.png"><img decoding="async" width="1024" height="1024" src="https://uxmastery.com/wp-content/uploads/2022/02/4-trends-1024x1024.png" alt="Top trends web creators want to learn about" class="wp-image-109936" srcset="https://uxmastery.com/wp-content/uploads/2022/02/4-trends-1024x1024.png 1024w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-300x300.png 300w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-150x150.png 150w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-768x768.png 768w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-96x96.png 96w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-100x100.png 100w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-214x214.png 214w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-540x540.png 540w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-344x344.png 344w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-442x442.png 442w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends-600x600.png 600w, https://uxmastery.com/wp-content/uploads/2022/02/4-trends.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>Let’s take a brief look at each one:</p>



<ol class="wp-block-list">
<li><strong>Website Load Time and Page Speed Improvement</strong> reflect the fact that performance issues are web creators’ number-one priority. PageSpeed Insight scores reflect how closely websites adhere to Google’s <a href="https://web.dev/vitals/">Core Web Vitals</a>. Fast, reliable website performance on desktop and mobile ensure high PageSpeed rankings and improve the user experience.</li>



<li><strong>Smart Content Loading </strong>refers to content on the website being displayed dynamically based on the user&#8217;s profile. This means that two different people will be presented with different content on the same page that will better fit their needs. You can show or hide different elements based on different attributes like date/time, device, browser, if the user is logged in, language or URL. </li>
</ol>



<p>For example, this can be achieved with different plugins. Plugins such as Dynamic.ooo allow web creators to decide what will be visible to each person (for every widget, column, and entire section.&nbsp;</p>



<ol class="wp-block-list" start="3">
<li><strong>Automation </strong>helps simplify complex workflows. It enables small web agencies to compete with larger marketing firms by reducing the amount of time spent on low-value, high-volume tasks. Tools like <a href="https://zapier.com/">Zapier</a> allow web creators to automate almost any task and free up time for more important ones.</li>



<li><strong>Progressive Web Apps </strong>allow web browsers to act like native platform-specific apps. This technology crosses the bridge between native apps and purely hosted web apps, allowing capable, reliable service directly through the Internet. Learn more about how these apps work <a href="https://web.dev/progressive-web-apps/?gclid=Cj0KCQiA3rKQBhCNARIsACUEW_aLKukutjOBihXY3iorEWxkg_RkVR-wRbd4XU6vHywnX0OO67i-mO0aAnUCEALw_wcB" rel="nofollow">here</a>.</li>



<li><strong>Micro Animations </strong>are small functional animations that support the user experience. Often, they display visual feedback that encourages vistors and lets them know they’re on the right track. Discover how to use micro animations to create an <a href="https://hike.one/update/why-use-micro-animations-in-your-design" rel="nofollow">intuitive interface</a> and clarify the context on your website.</li>



<li><strong>Headless WordPress </strong>sites use WordPress as a content management system (CMS) but rely on a different frontend stack to display content to website visitors. This decouples your content editing and development teams, allowing them to work independently of one another, which can have <a href="https://www.gatsbyjs.com/docs/glossary/headless-wordpress/#:~:text=A%20headless%20WordPress%20site%20is,content%20to%20a%20site%20visitor." rel="nofollow">unique advantages</a>. </li>



<li><strong>Webhooks </strong>are lightweight APIs that power data sharing in one direction. Website events (like publishing content with a certain keyphrase) can immediately trigger a data request without the need to develop and integrate a full-blown API. Learn more about the <a href="https://www.mparticle.com/blog/apis-vs-webhooks" rel="nofollow">differences between webhooks and APIs</a>.</li>



<li><strong>Accessibility </strong>is as important for websites as it is for brick-and-mortar stores. People with physical, auditory, or visual disabilities should be able to navigate, use, and contribute to the web experience like anyone else. Web disability goes further than that, as well. Learn more about <a href="https://www.interaction-design.org/courses/accessibility-how-to-design-for-all?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">accessibility guidelines here</a>.</li>



<li><strong>Chatbots </strong>have become the ideal automated customer service solution for many web creators and brands. The ability to automate interactions with customers in natural language is a key value that ensures scalable growth in every industry. Learn more about <a href="https://www.ibm.com/cloud/learn/chatbots-explained#:~:text=A%20chatbot%20is%20a%20computer,to%20them%2C%20simulating%20human%20conversation.">how chatbots work</a>. You can also use <a href="https://www.salesmate.io/conversational-crm/">conversational CRM</a> to simply transition the conversation to a human representative when the chatbot hits its limit or when a potential customer wants human assistance, ensuring a positive customer experience.</li>



<li><strong>Micro Interactions </strong>refer to small, meaningful animations and displays that enhance the user experience. They help guide visitors and show them they’re on the right track. Incorporating micro interactions can improve the usability of your website significantly. Discover some of the ways web creators are using micro interactions on today’s websites <a href="https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0">here</a>.</li>
</ol>



<h2 class="wp-block-heading">WordPress in 2022: Clients’ perspective</h2>



<p>Enough with just focusing on web creators <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" />.</p>



<p>We also asked the clients to rate the qualities and elements they look for in web creators they ultimately choose to build their site.</p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2022/02/5-considerations.png"><img decoding="async" width="833" height="485" src="https://uxmastery.com/wp-content/uploads/2022/02/5-considerations.png" alt="Top considerations when choosing a web creator" class="wp-image-109937" srcset="https://uxmastery.com/wp-content/uploads/2022/02/5-considerations.png 833w, https://uxmastery.com/wp-content/uploads/2022/02/5-considerations-300x175.png 300w, https://uxmastery.com/wp-content/uploads/2022/02/5-considerations-768x447.png 768w, https://uxmastery.com/wp-content/uploads/2022/02/5-considerations-96x56.png 96w, https://uxmastery.com/wp-content/uploads/2022/02/5-considerations-100x58.png 100w, https://uxmastery.com/wp-content/uploads/2022/02/5-considerations-600x349.png 600w" sizes="(max-width: 833px) 100vw, 833px" /></a></figure>



<p>This data shows a few things clearly. First, web creators need to be upfront about their rates and prices to attract customers. This doesn’t mean that web creation pricing has to be a “race to the bottom,” though. Upmarket customers will prioritize premium web creators who charge accordingly high rates.</p>



<p>It’s telling that budgetary concerns are tied with aesthetics. It could mean that upmarket customers are willing to pay a premium for designers who share their aesthetic tastes and principles. Customers with low budgets are likely looking for the same shared interest and may be willing to spend more time qualifying web design contracts before committing.</p>



<p>The desire for common technology can indicate interest in:</p>



<ol class="wp-block-list">
<li>Vast documentation and ability to consult with other creators.</li>



<li>Reliability and stability of a product that is well established</li>



<li>Integration and collaboration options within the ecosystem (no need to reinvent the wheel).</li>
</ol>



<p>In theory, customers can build APIs and implement automation solutions to interface between technologies or platforms. In practice, they would prefer not to and will overlook web creators who don’t demonstrate mastery of the most popular technologies.</p>



<p>It’s also worth noting that a significant subset of customers exclusively view a website as the goods they’re paying for, instead of looking at a website as one element (albeit the most important one) in a greater package of services that can be extended to them by web creators.&nbsp;</p>



<p><strong>On-page SEO, branding and marketing are no longer added benefits. Customers expect web creators to provide a holistic service package with these components very much a part of it.</strong></p>



<p>Lastly, the relative weakness of portfolios and recommendations suggests an industry-wide&nbsp;</p>



<p>move towards customization and personalized service. Every customer believes their website is unique and may dismiss portfolio examples as not being representative of their specific needs. This may not necessarily be true, but web creators will need to keep it in mind when marketing their services.</p>



<h2 class="wp-block-heading">You’re One Step Closer to WordPress Success</h2>



<p>We hope you’ll find this data as valuable and insightful as we did. It’s a great time for web creators and digital marketers to adjust their strategy to meet new demands and develop new competencies to thrive in a challenging market. The more you know about your market, the better you can position your brand to succeed in it.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/the-state-of-wordpress-ux-and-insights-for-2022/">The State of WordPress: UX and Insights for 2022</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/the-state-of-wordpress-ux-and-insights-for-2022/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109930</post-id>	</item>
		<item>
		<title>Heatmap Analysis To Improve Your Website UX</title>
		<link>https://uxmastery.com/heatmap-analysis-to-improve-your-website-ux/</link>
					<comments>https://uxmastery.com/heatmap-analysis-to-improve-your-website-ux/#respond</comments>
		
		<dc:creator><![CDATA[Adam Kiss]]></dc:creator>
		<pubDate>Thu, 17 Feb 2022 22:00:00 +0000</pubDate>
				<category><![CDATA[Learning UX]]></category>
		<category><![CDATA[Research]]></category>
		<category><![CDATA[data driven design]]></category>
		<category><![CDATA[heatmaps]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109919</guid>

					<description><![CDATA[<p>Nowadays, we no longer have time to spend hours in a store and want to reach information in a second. Because of these factors, websites and online stores are hugely popular, and UX designers have more and more work to make these sites successful. Buy in an instant and access any information instantly. But, by [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/heatmap-analysis-to-improve-your-website-ux/">Heatmap Analysis To Improve Your Website UX</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Nowadays, we no longer have time to spend hours in a store and want to reach information in a second. Because of these factors, websites and online stores are hugely popular, and UX designers have more and more work to make these sites successful. Buy in an instant and access any information instantly. But, by sticking out from the crowd, how can you make the online business profitable as a UX designer? UX optimization is the key, and it&#8217;s simpler than you think. Let&#8217;s look at optimizing your site&#8217;s user experience using an analytics tool.</p>



<h2 class="wp-block-heading"><strong>UX Analysis</strong></h2>



<p>The goal of <a href="https://www.interaction-design.org/literature/topics/user-centered-design?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">user-centered design</a> is to meet the users&#8217; needs.</p>



<p>Data is used to guide design decisions. Data can help you map out your <a href="https://www.interaction-design.org/literature/topics/personas?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">personas</a>, <a href="https://www.interaction-design.org/literature/topics/user-flows?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">user flows</a>, <a href="https://www.interaction-design.org/bootcamps/ui-design?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">interfaces</a> and other elements in your UX design work.</p>



<p>But what metrics should you be considering?</p>



<ul class="wp-block-list">
<li>Website metrics</li>



<li>Device metrics</li>



<li>Conversion related metrics</li>



<li>User metrics</li>



<li>Competitors</li>



<li>SEO metrics</li>
</ul>



<p>Let&#8217;s look at it all briefly.</p>



<p>Monitoring <strong>website metrics</strong> and <strong>device metrics</strong> is vital to see how much traffic your webshop receives, what device your webpage visits, and what elements generate the most leads. Find out if you need to optimize for mobile or desktops. You can also find out which items and subpages need to be improved.</p>



<p>This is closely related to the <strong>conversion-related metrics</strong> that denote actual user interactions. For example, you can find out which is your most popular product and how many people have subscribed to your newsletter. If you have few subscriptions, you may have to optimize your CTA for newsletter sign-ups.</p>



<p><strong>User data</strong> refers primarily to demographic data. How old, what gender, where do people live, or even what interests do your typical users have? You&#8217;ll need this information to tailor your website to your visitors.</p>



<p>But how does SEO get here? It has an interesting but prominent role here as well.&nbsp;Consider one of the most significant on-site SEO metrics: the<a href="https://www.bigcommerce.com/ecommerce-answers/what-page-load-time-and-why-it-important/"> loading time</a>. If your webshop loads slowly, you will have a high dropout rate, significantly degrading the user experience.</p>



<p>Hopefully, if you&#8217;ve gotten this far by reading the article, you&#8217;re sure to think about how much work you will have to do. But how about we say that a tool automatically collects most of the data listed above for you? Enter <a href="https://capturly.com/features/heatmaps">heatmaps</a>. Here&#8217;s a closer look at these tools and how you can use them in UX optimization.</p>



<h2 class="wp-block-heading"><strong>Heatmaps</strong></h2>



<p>Heatmaps are more of an analytical tool for measuring the efficiency of your website. It allows you to track the number of visitors to each subpage, the performance of your products, the source of your visitors, and even the performance of your buttons and CTAs.</p>



<p>A heatmap gives you a complete view of how visitors engage with your website and the compelling parts of your site. As a result, you can improve the user experience with the help of heatmaps.</p>



<p>Different forms of heatmaps include:</p>



<ul class="wp-block-list">
<li>Click heatmaps</li>



<li>Segment heatmaps</li>



<li>Scroll heatmaps</li>
</ul>



<p>Each of the tools will help you track various metrics and prove valuable for UX optimization.</p>



<h3 class="wp-block-heading"><strong>Click Heatmaps</strong></h3>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap.jpg"><img decoding="async" width="1024" height="444" src="https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-1024x444.jpg" alt="Click Heatmap" class="wp-image-109922" srcset="https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-1024x444.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-300x130.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-768x333.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-1536x666.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-96x42.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-100x43.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap-600x260.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/02/click-heatmap.jpg 1648w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">Example of a Click Heatmap on the UX Mastery home page</figcaption></figure>



<p>Click heatmaps track of how many times each button is pressed. Warm colors are used to highlight areas with the most clicks, whereas cold colors highlight areas with the fewest clicks.</p>



<p>With this knowledge, you can determine which <a href="https://www.wordstream.com/blog/ws/2015/02/20/call-to-action-buttons">CTAs and button</a> types are most effective on your website. If you want to make your website more user-friendly, it is valuable information.</p>



<p>Click heatmaps are also used to determine where to optimize. We also encourage you to review each of your subpages and see which subpages are rarely visited by your users.&nbsp;</p>



<p>You may want to make UX upgrades on these subpages to increase their popularity and thus your conversion rate.</p>



<p>But what does it looks like in practice?</p>



<p>Assume that the analysis suggests that the orange buttons and the &#8220;Let&#8217;s do it&#8221; CTA wording are the most successful on your website. You can consider using that color and specific language more often to improve readability and enhance conversions.</p>



<p>Your website will be significantly more transparent if you employ CTAs and text that heatmaps reveal to be effective. Signing up for a newsletter or purchasing a product doesn&#8217;t have to take a long time for your visitors anymore.</p>



<h3 class="wp-block-heading"><strong>Segment heatmaps</strong></h3>



<p>Segment heatmaps provide a much more complex analysis than click heatmaps. It not only informs you which region of your website was the most popular, but it also tells you where that specific click came from. The software maintains track of the visitor&#8217;s origins and assesses the data accordingly.</p>



<p>The visitor may have arrived at your page after clicking on a link in one of your social media ads, they may have arrived at your website after clicking on your PPC ad, or they just come organically through <a href="https://labelbox.com/guides/how-to-improve-search-relevance/">website search</a>. With segment heatmaps, you can see this.</p>



<p>When it comes to optimizing the UX, you can observe which platform brings in the most visitors and how they interact with your site. As a result, you can tailor your website to each segment. You can also find out the demographics of your visitors.</p>



<h3 class="wp-block-heading"><strong>Scroll heatmaps</strong></h3>



<p>The function of these heatmaps is to determine how many visitors are scrolling down your page.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap.jpg"><img decoding="async" width="1024" height="569" src="https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-1024x569.jpg" alt="Scroll Heatmap" class="wp-image-109924" srcset="https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-1024x569.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-300x167.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-768x427.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-1536x854.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-96x53.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap-600x333.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/02/scroll-heatmap.jpg 1648w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">Example of a Scroll Heatmap on one of UX mastery&#8217;s articles</figcaption></figure>



<p>Scroll heatmaps are mostly found on content-heavy interfaces, where it&#8217;s used to figure out how long articles are read on average. It is important data because you&#8217;ll be able to tell which parts of the article you should place a link to, and you can determine where you should write important information.</p>



<p>With this information in mind, you can place links to your product and indicate the most helpful information in the most popular places. This will make your blog posts much more valuable to your visitors, which will, in turn, enhance the user experience.</p>



<h2 class="wp-block-heading"><strong>Conclusion</strong></h2>



<p>As you can see, there are more connections between <a href="https://www.interaction-design.org/courses/data-driven-design-quantitative-research-for-ux?ep=uxmastery&amp;utm_source=ux-mastery&amp;utm_medium=uxm-article">web analytics and UX</a> than you might think. We recommend that you use heatmaps to optimize the user experience. You can use all the methods listed above together. You can combine other methods, such as split testing (a.k.a. A/B testing), to further leverage data in your design decisions.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/heatmap-analysis-to-improve-your-website-ux/">Heatmap Analysis To Improve Your Website UX</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/heatmap-analysis-to-improve-your-website-ux/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109919</post-id>	</item>
		<item>
		<title>When WordPress Is Not a Good Solution for Your Website (and Best Alternatives)</title>
		<link>https://uxmastery.com/when-wordpress-is-not-a-good-solution-for-your-website-and-best-alternatives/</link>
					<comments>https://uxmastery.com/when-wordpress-is-not-a-good-solution-for-your-website-and-best-alternatives/#comments</comments>
		
		<dc:creator><![CDATA[Alina Tytarenko]]></dc:creator>
		<pubDate>Wed, 05 Jan 2022 22:30:00 +0000</pubDate>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[practical advice]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109900</guid>

					<description><![CDATA[<p>WordPress is a popular tool (and rightly so) for most people. However, there may be times when it is not the right fit for your work. Knowing which CMS tools can help you meet your objectives will go a long way in making you successful.<br />
Whether you are a freelancer helping companies develop their web presence or looking to build your brand and showcase your portfolio, here are six additional platforms to choose from for your next project.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/when-wordpress-is-not-a-good-solution-for-your-website-and-best-alternatives/">When WordPress Is Not a Good Solution for Your Website (and Best Alternatives)</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>When looking to create a website, it is almost impossible not to come across WordPress. And it is no wonder: according to statistics, it powers <a href="https://hostingtribunal.com/blog/wordpress-statistics/#gref" rel="nofollow">39.6%</a> of the Internet at the moment. Yet, the popularity of WordPress does not make it the perfect solution for all cases: the vulnerability of the platform and limited abilities of specific plugins give reason to search for alternatives. Even though WordPress remains one of the most user-friendly and efficient platforms, it is always good to be aware of the other options. In this article, we will focus on the platform limitations and discuss alternatives for various purposes to better understand what will work best for you.</p>



<h2 class="wp-block-heading">Why Do People Look for WordPress Alternatives?</h2>



<h3 class="wp-block-heading">Website Vulnerability</h3>



<p>The popularity of WordPress has a downside: an attractive opportunity for hackers to access the website and cause damage to it.&nbsp;</p>



<p>Free plugins and templates contain high-level security issues that may let hackers access posts and add malicious content. For instance, PageLayer plugins that can work with almost all themes on the market <a href="https://www.wordfence.com/blog/2020/05/high-severity-vulnerabilities-in-pagelayer-plugin-affect-over-200000-wordpress-sites/">appeared to have vulnerabilities</a> and failed to include permission checks. Over 200,000 sites were already using the plugins when the vulnerability was found.&nbsp;</p>



<p>The vulnerability of starter templates is crucial. According to the <a href="https://www.searchenginejournal.com/wordpress-starter-template-plugin-vulnerability/427028/#close" rel="nofollow">latest news</a>, most plugins published by the Astra WordPress theme can lead to damage that may cause a site takeover by hackers, which is why utilizing ready-to-use solutions in WordPress may not always be a good idea. </p>



<p>All that publishers can do to decrease vulnerability is to update plugins to the latest versions. Still, WordPress makes it your responsibility to monitor updates and install them.</p>



<h3 class="wp-block-heading">SEO Requires Plugins and Knowledge</h3>



<p>While WordPress is one of the most SEO-friendly platforms and has numerous opportunities for creating all types of websites, it may not cover users’ needs in all cases. You can use plugins to improve your SEO in many ways, from changing page templates for meta tags generation to indexing management. Still, plugins cannot solve all of your problems, which is why you may need basic HTML/CSS knowledge or help from an additional service.</p>



<p>Let’s look at this example with a structured data markup. In general, structured data is a code that looks like this:</p>



<pre class="wp-block-code"><code>&lt;script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Product",
}
&lt;/script></code></pre>



<p>If you add this script to your WordPress post, the search engine will understand what the page is about. In this example, we have added “product,” which tells search engines that the page is about the product and matches the content with search queries more accurately. The only issue is that you need to have basic HTML skills or invest your time to set a structured data markup.&nbsp;</p>



<p>Another point worth considering is a chance of vulnerability if the user wants to solve problems that require different plugins. Their weight can slow down the website’s speed or make it appear incorrectly on some devices. Lastly, the more plugins you install, the more vulnerable your website becomes.&nbsp;</p>



<h3 class="wp-block-heading">Loading Speed of Themes and Plugins</h3>



<p>If you try to run a WordPress site with a speed tester tool, the chances are likely that you will see “render blocking resources,” “unused CSS,” or “unused Javascript.” This is the reason the speed of the website may decrease as particular elements on the page cannot be rendered until the javascript or CSS are loaded. It happens most of the time due to the WordPress theme design that is quite difficult to correct by yourself. Additionally, plugins and the fact that WordPress is written with PHP may also affect the speed.&nbsp;</p>



<h4 class="wp-block-heading">User Experience </h4>



<p>From the UX perspective, the above-mentioned factors may affect the interaction of users with the website and their overall experience. The Core Web Vitals that Google uses to evaluate a website experience include three major components: first input delay (FID), cumulative layout (CLS), and largest contentful paint (LCP).</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals.png"><img decoding="async" width="1024" height="589" src="https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-1024x589.png" alt="A timeline indicating the different stages during a page load, beginning with the first byte, first paint, first contentful paint, largest contentful paint, first input delay, speed index, time to interactive and finally, cumulative layout shift." class="wp-image-109902" srcset="https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-1024x589.png 1024w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-300x172.png 300w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-768x441.png 768w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-1536x883.png 1536w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-96x55.png 96w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-100x57.png 100w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals-600x345.png 600w, https://uxmastery.com/wp-content/uploads/2022/01/1-core-web-vitals.png 1999w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>Source: <a href="https://www.google.com/url?q=https://twitter.com/addyosmani/status/1223191694788702208/photo/1&amp;sa=D&amp;source=editors&amp;ust=1641374922203000&amp;usg=AOvVaw3jpvVp65wvkYgypNyHNTsg">Twitter</a></figcaption></figure>



<p>Most of these factors may be affected in some scenarios with WordPress. For instance, LCP defines how much time it will take for the user to see the page content. If themes or plugins are heavy, then the load time is more likely to increase.&nbsp;</p>



<p>CLS defines how stable the webpage is. Again, you need to pay attention and be careful with the themes and plugins you install to ensure that the content blocks are not moving around as you load the page.&nbsp;</p>



<p>Since Core Web Vitals recently became an important ranking factor, an additional SEO tool like <a href="http://seranking.com">SE Ranking</a> will help define all your website’s technical problems.</p>



<h2 class="wp-block-heading">Who Should Use WordPress?</h2>



<p>WordPress is widely used for creating various types of websites with it. Most platforms are made to build a website or a blog, while WordPress can be used for a wide range of needs. Here is a list of website types you can create with WordPress (and it is not the full list):&nbsp;</p>



<ul class="wp-block-list"><li>Blogs</li><li>Business, Q&amp;A, ECommerce, review websites</li><li>Portfolios</li><li>Forums</li><li>eLearning modules</li><li>Chatrooms</li><li>Business directories</li><li>Galleries</li><li>Wikis and knowledge bases</li></ul>



<p>WordPress is perfect for beginners, thanks to its user-friendly functionality and management. Any user can start with no prior experience with SEO, design, or development and get a working solution for business. You can enhance a website as you go, adding plugins and tweaking functionality, which is great in an ever-changing environment.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="491" src="https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-1024x491.jpg" alt="Two web page layouts and a mockup of a web template" class="wp-image-109903" srcset="https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-1024x491.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-300x144.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-768x368.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-1536x737.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-96x46.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-100x48.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template-600x288.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/01/2-web-template.jpg 1999w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Source: <a href="https://www.freepik.com/psd/food" rel="nofollow">Freepik</a></figcaption></figure>



<p>WordPress is an excellent solution for businesses that can compromise security and have enough resources to invest time and professional effort to set up a working site. If a company is short of finances, they can invest some time and figure out the matter by themselves — a large community and support enable them to do that. WordPress is free and easy to manage, which is why a business can take care of their website once everything is set up and extend their online presence further.&nbsp;</p>



<h2 class="wp-block-heading">Who Will Not Benefit from WordPress?</h2>



<p>When entrepreneurs create a website for business, most of them have one simple goal in mind: to create a site that converts into a purchase and attracts clients. As a UX designer, you know that all you need for such purposes is a reliable, UX-friendly website that will help you avoid issues rather than create new ones.&nbsp;</p>



<p>Even though WordPress can satisfy such needs in many cases, its functionality will not work for all types of websites.&nbsp;</p>



<p>WordPress is definitely not the best solution if the business is concerned with security. Even installing security plugins and paying close attention to updates does not guarantee that you will avoid a cyber attack. Furthermore, the platform does not offer hosting and tech support — it is worth considering if you or your clients plan to handle everything by yourself at first.&nbsp;</p>



<p>Here are some examples where it is better to avoid building websites with WordPress:&nbsp;</p>



<ul class="wp-block-list"><li>Banking websites</li><li>Investing and cryptocurrency websites</li><li>Government websites</li></ul>



<p>We suggest checking alternatives before settling with a CMS to make sure you understand the benefits and the flaws of every platform. Chances are, you will find a website builder that suits your needs better than WordPress.</p>



<h2 class="wp-block-heading">6 Best WordPress Alternatives</h2>



<h3 class="wp-block-heading">1. MODX</h3>



<p>Like WordPress, the platform combines CMS, development frameworks, and managed cloud hosting. It can serve as a great alternative if the business is looking for a secure solution. It has various features which can create all types of websites, blogs, catalogs, and other content types.</p>



<h4 class="wp-block-heading">Benefits for UX Designers</h4>



<ul class="wp-block-list"><li>The platform has the flexibility to create both simple and complex sites. </li><li>It pays special attention to security matters.</li><li>Built-in features allow users to easily manage the website once it is built and solve any issues with professional support. </li></ul>



<h4 class="wp-block-heading">Price Range </h4>



<p>$30-$275 per month</p>



<h3 class="wp-block-heading">2. Joomla&nbsp;</h3>



<p>From the SEO perspective, both Joomla and WordPress require the knowledge and help of plugins to improve SEO. However, Joomla is less exposed to vulnerabilities, which allows us to consider it as a WordPress alternative. It is great for developers who are ready to work with servers for the most part.&nbsp;</p>



<h4 class="wp-block-heading">Benefits for UX Designers</h4>



<ul class="wp-block-list"><li>Joomla is highly customizable and flexible in terms of design.&nbsp;</li><li>The platform has brand guidelines, from copy to colors, textures, images, CTAs, and more.</li><li>It is easy to create a clear journey for your visitor and identify an audience persona.</li></ul>



<h4 class="wp-block-heading">Price Range</h4>



<p>Free</p>



<h3 class="wp-block-heading">3. Wix</h3>



<p>Wix mainly focuses on creating appealing websites and plans to develop in this direction. The platform offers hosting and tech support, while WordPress does not specify such features. Wix can become your alternative if you are looking for an easy-to-use, creative website with professional support and enhanced security.&nbsp;</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="671" src="https://uxmastery.com/wp-content/uploads/2022/01/4-wix-1024x671.jpg" alt="Screenshot of Wix pagebuilder" class="wp-image-109905" srcset="https://uxmastery.com/wp-content/uploads/2022/01/4-wix-1024x671.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-300x197.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-768x503.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-1536x1007.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-96x63.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-100x66.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix-600x393.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/01/4-wix.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Source: <a href="https://bubble.io/blog/content/images/2020/06/Wix-gallery-features-bubble-review.png" rel="nofollow">Bubble</a></figcaption></figure>



<h4 class="wp-block-heading">Benefits for UX Designers</h4>



<ul class="wp-block-list"><li>Flexible designs with numerous templates that allow you to build creative websites and adapt them for your needs.</li><li>The platform offers CMS-like dynamic features, video backgrounds, scroll effects, and animations. </li><li>Wix follows the latest trends and has a well-developed UI and UX. </li></ul>



<h4 class="wp-block-heading">Price Range</h4>



<p>&nbsp;$4.50-24.50&nbsp;</p>



<h3 class="wp-block-heading">4. Squarespace</h3>



<p>Squarespace is a website design platform with “award-winning web designs.” The main benefit of Squarespace is the availability of <a href="https://www.squarespace.com/marketing/seo">built-in SEO</a> and analytic tools that are hard to find on other platforms. Additionally, it offers blogging tools that let you categorize, share, and schedule posts. Similar to Wix, Squarespace also takes care of all technical aspects and support, which WordPress does not.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="515" src="https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-1024x515.jpg" alt="Screenshot of Squarespace website" class="wp-image-109906" srcset="https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-1024x515.jpg 1024w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-300x151.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-768x386.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-1536x772.jpg 1536w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-96x48.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-100x50.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace-600x302.jpg 600w, https://uxmastery.com/wp-content/uploads/2022/01/5-squarespace.jpg 1902w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Source: <a href="https://www.squarespace.com/templates/browse/topic/art-design">Squarespace</a> </figcaption></figure>



<h4 class="wp-block-heading">Benefits for UX Designers</h4>



<ul class="wp-block-list"><li>Get unlimited storage and bandwidth.</li><li>Fully integrated eCommerce on most plans, which makes the platform a great fit for building online stores.&nbsp;</li><li>UX designers will find built-in templates helpful when starting a new website. You automatically get built-in mobile version templates.</li><li>You can use Squarespace’s custom CSS option to insert code on any website page.&nbsp;</li></ul>



<h4 class="wp-block-heading">Price Range</h4>



<p>$12</p>



<h3 class="wp-block-heading">5. OpenCart&nbsp;</h3>



<p>While WordPress is a multi-tasker, OpenCart is designed for e-commerce stores. From the SEO perspective, OpenCart is not a piece of cake: you need to put some effort into figuring out how to use it effectively. Yet, it becomes easy to set up, manage, and analyze once you do.&nbsp;</p>



<figure class="wp-block-image size-full"><img decoding="async" width="710" height="299" src="https://uxmastery.com/wp-content/uploads/2022/01/6-opencart.jpg" alt="Screenshot of an Opencart dashboard" class="wp-image-109907" srcset="https://uxmastery.com/wp-content/uploads/2022/01/6-opencart.jpg 710w, https://uxmastery.com/wp-content/uploads/2022/01/6-opencart-300x126.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/01/6-opencart-96x40.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/01/6-opencart-100x42.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/01/6-opencart-600x253.jpg 600w" sizes="(max-width: 710px) 100vw, 710px" /><figcaption>Source: <a href="https://image.opencart.com/original/6106461d4d4bf.jpg" rel="nofollow">OpenCart</a></figcaption></figure>



<h3 class="wp-block-heading">Benefits for UX Designers</h3>



<ul class="wp-block-list"><li>Availability of information lets users see an overview of total orders, sales, customers, sales analytics, and other widgets.</li><li>The multi-store feature allows you to manage all stores in one place. </li><li>Wide product variables let you adjust product size, color, length, and other variables. </li></ul>



<h4 class="wp-block-heading">Price Range </h4>



<p>Free</p>



<h3 class="wp-block-heading">6. Shopify</h3>



<p>As Shopify is based on the SaaS model, it is built for users who do not have a technical or design background — pretty much anyone can sign up and create an appealing online shop. The main difference is that WordPress requires a more hands-on configuration, while Shopify is a tailored solution for an online shop.&nbsp;</p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2022/01/7-shopify.jpg"><img decoding="async" width="1000" height="610" src="https://uxmastery.com/wp-content/uploads/2022/01/7-shopify.jpg" alt="Screenshot of Shopify's Dashboard showing the current theme" class="wp-image-109908" srcset="https://uxmastery.com/wp-content/uploads/2022/01/7-shopify.jpg 1000w, https://uxmastery.com/wp-content/uploads/2022/01/7-shopify-300x183.jpg 300w, https://uxmastery.com/wp-content/uploads/2022/01/7-shopify-768x468.jpg 768w, https://uxmastery.com/wp-content/uploads/2022/01/7-shopify-96x59.jpg 96w, https://uxmastery.com/wp-content/uploads/2022/01/7-shopify-100x61.jpg 100w, https://uxmastery.com/wp-content/uploads/2022/01/7-shopify-600x366.jpg 600w" sizes="(max-width: 1000px) 100vw, 1000px" /></a><figcaption>Source: <a href="https://www.theme-junkie.com/wp-content/uploads/shopify-how-to-edit-theme-1.jpg" rel="nofollow">Theme Junkie</a></figcaption></figure>



<h4 class="wp-block-heading">Benefits for UX Designers</h4>



<ul class="wp-block-list"><li>The platform has a range of customizable templates which help you meet business’ branding requirements.</li><li>Shopify offers responsive and easy-to-edit templates with support. </li></ul>



<h4 class="wp-block-heading">Price Range</h4>



<p>&nbsp;$9-2,000 per month</p>



<h2 class="wp-block-heading">Let’s Draw to a Close</h2>



<p>Is WordPress still bringing value? Definitely.&nbsp;</p>



<p>Can it be your all-in-one solution? This depends on your skills, expertise, and goals. WordPress can certainly become a solution for you or your client, considering it is one of the most beneficial platforms for beginners. It is completely free and has a large community, allowing individuals who have the time to invest in it to set up various website types.&nbsp;</p>



<p>Yet, WordPress has some flaws that can limit a website’s abilities if it requires a specific set of plugins or can only solve a problem with HTML/CSS knowledge.&nbsp;</p>



<p>Should you start looking at alternatives?</p>



<p>If you feel that security is one of your primary focuses and need a more tailored solution, you should consider alternatives. For instance, platforms such as Shopify or OpenCart are built for online shops, while Wix and Squarespace focus on websites for businesses.&nbsp;</p>



<p>When you choose the suitable CMS for your clients or yourself, the best you can do is define your goals, find bottlenecks, and go over the functionality of each platform — that way, you will get a clear understanding of whether WordPress is good for you. </p>



<hr class="wp-block-separator is-style-dots"/>



<p><em>Hero source image: <a href="https://www.freepik.com/vectors/question" rel="nofollow">Freepik</a></em></p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/when-wordpress-is-not-a-good-solution-for-your-website-and-best-alternatives/">When WordPress Is Not a Good Solution for Your Website (and Best Alternatives)</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/when-wordpress-is-not-a-good-solution-for-your-website-and-best-alternatives/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109900</post-id>	</item>
		<item>
		<title>10 Reasons To Become A UX Designer in 2022</title>
		<link>https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/</link>
					<comments>https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/#respond</comments>
		
		<dc:creator><![CDATA[Molly Fitz-Patrick]]></dc:creator>
		<pubDate>Tue, 21 Dec 2021 23:43:00 +0000</pubDate>
				<category><![CDATA[Learning UX]]></category>
		<category><![CDATA[careers]]></category>
		<category><![CDATA[UX Careers]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109877</guid>

					<description><![CDATA[<p>It&#8217;s likely you&#8217;ve read a thing or two about UX design on these pages ;-) At UX Mastery, we&#8217;re neck-deep in the industry, and try our best to help you keep up with this dynamic, interdisciplinary field. As we head into the new year, we want to answer the question: is a career in UX [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/">10 Reasons To Become A UX Designer in 2022</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><em>It&#8217;s likely you&#8217;ve read a thing or two about UX design on these pages ;-) At UX Mastery, we&#8217;re neck-deep in the industry, and try our best to help you keep up with this dynamic, interdisciplinary field. As we head into the new year, we want to answer the question: is a career in UX design still relevant? Global demand, countless job opportunities, low barriers to entry, accessible online resources, affordable UX certifications, a salary that is is well above average—in other words, yes! If you&#8217;re still on the fence, here are ten reasons why you should become a UX designer in 2022.</em></p>



<p>Before we dive into why you should become a UX designer, let’s look at what UX design is. Here&#8217;s a quick overview:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="What is User Experience (UX) Design?" width="1128" height="635" src="https://www.youtube.com/embed/zzoCaW0oY5U?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">1. Make an Impact</h2>



<p>As a UX designer, you get to solve real-world problems, as well as the tiny, day-to-day, seemingly insignificant problems (that actually add up to a lot!).&nbsp;It’s all in the name, User Experience design—the user and their needs are at the forefront of the design process, whether it’s an app, a website, financial services, or the layout of a shop. When we hear “UX design”, we tend to think of customers, designing and selling products. But in reality, a user can be a patient at a hospital, a pedestrian, your grandmother, or you in many, many contexts. The world is <em>filled</em> with good and <a href="https://www.interaction-design.org/literature/topics/bad-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">bad design</a>, but imagine that good design reigned—imagine how much better our experiences and lives would be. There would be greater inclusivity and <a href="https://www.interaction-design.org/literature/topics/accessibility?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">accessibility</a>, two important aspects of UX design.&nbsp;</p>



<p>Don Norman is the grandfather of UX design and author of <em>The Design of Everyday Things</em>, essentially the book of user-friendly design. After 60 years in the field, he is appalled by the absence of consideration for elderly people. In a <em>Fast Company</em> article, the IxDF Board Member and former Apple Vice President argues that the world seems to be designed against the elderly. People are living longer, with average life expectancies increasing worldwide. While elderly people may have diminished senses and physical abilities, many are still healthy and active. From tiny text on important labels and instruction manuals to regular household objects that need a knife or set of pliers to be opened, life is harder to navigate when you get older. Even when products are designed specifically for older people, they tend to be ugly and demeaning. In 2017 the London’s Royal College of Art put on an exhibition at London’s Design Museum called “New Old”, which was later described as “Why you should be designing for your 73-year-old self” in another <em>Fast Company</em> article that Don Norman references. The exhibition explored how good design has the potential to enhance the experience of our later lives. It included The Scooter for Life, designed by PriestmanGoode which has three wheels for stability and a stylish pouch at the front for storing groceries—a far cry from the bulky and clumsy “mobility scooters” you see around.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="878" height="439" src="https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters.jpeg" alt="Side-by-side comparison of two different types of mobility scooters" class="wp-image-109883" srcset="https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters.jpeg 878w, https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters-300x150.jpeg 300w, https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters-768x384.jpeg 768w, https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters-96x48.jpeg 96w, https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters-100x50.jpeg 100w, https://uxmastery.com/wp-content/uploads/2021/12/mobility-scooters-600x300.jpeg 600w" sizes="(max-width: 878px) 100vw, 878px" /><figcaption class="wp-element-caption"><em>On the left is The Scooter for Life, designed by PriestmanGoode, which helps elderly people to zip around and buy groceries in a more stylish and efficient way than ever before. On the right is an old-fashioned, ungainly mobility scooter that can barely fit on a regular sidewalk, never mind a shopping aisle.</em><br><small><em>© The Design Museum and Scooters Australia, Fair Us</em></small>e</figcaption></figure>



<p>The same principles apply to digital design too. When designing an app or website for seniors, there are a few factors to consider; the font should be on the larger size, the <a href="https://www.interaction-design.org/literature/topics/navigation-1?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">navigation</a> should be clear and uncomplicated, and the user should be able to understand its purpose immediately. Get to the point—your grandmother doesn’t want to spend hours fiddling around.</p>



<p>Ageist, a lifestyle website aimed at people over the age of 50, regularly updates their website to improve user experience. They use bright colors, have a simple navigation with menu items clearly displayed at the top of the homepage, and have a large search icon. Also, it only takes a couple of scrolls to reach the “end” of the site.&nbsp;</p>



<p>UX Design is deeply rewarding—you will discover infinite opportunities to improve and reinvent products that will enhance <em>millions</em> of lives.</p>



<h2 class="wp-block-heading">2. It’s Creative and Logical</h2>



<p>One of the most appealing and unique aspects of the UX design field is the synergy between <a href="https://www.interaction-design.org/literature/topics/creativity?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">creativity</a> and logic. Let’s say you’re an enthusiastic DIY-er (upcycling and crafts) and even have your own DIY blog (you enjoy writing too!). You’re naturally creative but don’t have technical expertise; just the term “coding” frightens you<em>—</em>no problem! You don’t need to be technical to get into UX design. Similarly, if your strengths lie in mathematics or coding, UX design gives you the opportunity to use those abilities, while harnessing your innate creativity (yes, you too are creative!). In your UX design career, you will use your logical side to create practical solutions for users’ needs. Practicality is not enough, however; the solutions also have to be creative and not just in terms of <a href="https://www.interaction-design.org/literature/topics/aesthetics?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">aesthetics</a>, but in terms of functionality and <a href="https://www.interaction-design.org/literature/topics/usability?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">usability</a> also. Think of your smartphone; it serves many practical purposes, chiefly communication. But that alone can’t make a successful product. How does it make a user <em>feel</em>? Is it pleasing to look at? What makes it special enough for someone to choose it over another smartphone? Think about the Apple iPhone. It expertly balances aesthetics with functionality. While some smartphones have unintuitive start-ups, where you find yourself paging frantically through an instruction manual, the iPhone works straight out of the box, pleasantly guiding you through the set-up process. The solutions you create shouldn’t compromise usability over aesthetics and vice versa—it’s all about <em>balance</em>.</p>



<h2 class="wp-block-heading">3. Become an In-Demand Professional in a Growing, Multidisciplinary Industry with Low Barriers to Entry</h2>



<p>In 2020 there was a 289% increase in employers’ interest in UX design in the United Kingdom. The report by Hired.com, Mind The Gap, also found that UX design was one of the skills with the biggest gap in supply and demand. LinkedIn listed UX design as number 5 on their list of 15 skills that will get you hired in 2020. In CNN Money’s Best Jobs in America 2015 report, they estimated that UX design will grow by 18% between 2015 and 2025. You will find thousands of job listings on Indeed and LinkedIn, particularly in the US, UK and Canada with countless remote options too. As more organizations embrace the importance of UX design, job opportunities and job security is set to grow even more in 2022.</p>



<p>We know that UX design is both creative and analytical, but it stretches even further than that. The field encompasses numerous other disciplines, such as psychology, technology, <a href="https://www.interaction-design.org/literature/topics/visual-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">visual design</a> and sociology. In fact, it is the definition of multidisciplinary. This makes the nature of the work more exciting, rewarding, and challenging, but also lowers the barriers to entry. Whether you’re a psychologist in training or have practiced for many years, you can apply your expertise to UX design. You already have a big head start when it comes to understanding users’ behavior. Even if the field you’re currently in isn’t directly related to UX design or the disciplines mentioned above, the skills and abilities you already possess will benefit your UX career journey.&nbsp;</p>



<h2 class="wp-block-heading">4. It’s Relatively Easy to Switch to a Career in UX Design&nbsp;</h2>



<p>It’s never too late to change careers. As society evolves, new exciting professions come up. In fact, it wasn’t until 1995 that Don Norman coined the term user experience (UX) and it wasn’t until the early 2000s that UX designer became a <em>real</em> job. There are many reasons why becoming a UX designer is an exciting prospect, and there are many paths you can follow to become one. Therefore, don’t let your background hold you back in your journey towards becoming a UX designer, instead use it to stand out and learn what you need to take the first step. Many of the skills a UX designer needs to succeed are, in fact, transferable from other professions. Your previous experience will always be an asset.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="683" src="https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-1024x683.jpg" alt="Team members looking at a screen and discussing." class="wp-image-109881" srcset="https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-1024x683.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-300x200.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-768x512.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-1536x1024.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-2048x1365.jpg 2048w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-96x64.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-100x67.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-736x491.jpg 736w, https://uxmastery.com/wp-content/uploads/2021/12/design-team-meeting-600x400.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><small><em>© Jason Goodman, Unsplash Licence</em></small></figcaption></figure>



<p>Let’s look at specific examples of how you can change your career to UX design:</p>



<ul class="wp-block-list">
<li>If you’re a <strong>graphic designer</strong> you’re in luck since your skills in <a href="https://www.interaction-design.org/literature/topics/emotional-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">emotional design</a>, creative thinking and <a href="https://www.interaction-design.org/literature/topics/prototyping?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">prototyping</a> will serve you well. You will need to focus on building a user-centric mindset and learn how to work with iterative processes and multidisciplinary teams. Find out more about how to change your career from <a href="https://www.interaction-design.org/literature/topics/graphic-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">graphic design</a> to UX design <a href="https://www.interaction-design.org/literature/article/how-to-change-your-career-from-graphic-design-to-ux-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">here</a>.&nbsp;&nbsp;&nbsp;&nbsp;</li>



<li>If you’re a <strong><a href="https://www.interaction-design.org/literature/topics/marketing?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">marketing</a></strong> professional and you would like to become a UX designer you can harness your research and customer—user—psychology skills. Your previous experience in how to make a product desirable and appealing for your customer will benefit you. You will need to change your <a href="https://www.interaction-design.org/literature/topics/conversion?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">conversion</a>-focus mindset to a user experience one, also you will need to learn about individual behaviors. If you’re thinking about taking your first steps towards UX design, find out for information <a href="https://www.interaction-design.org/literature/article/how-to-change-your-career-from-marketing-to-ux-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">here</a>.</li>



<li>If you’re a <strong><a href="https://www.interaction-design.org/literature/topics/web-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">web designer</a></strong> you’re already used to working in multi-disciplinary teams and you’ll fit right in. In addition, you have a lot of experience solving different types of problems and this is a skill that will transfer smoothly. You will need to shift your focus from technology to user experience. You’ll need to pay attention to how the user feels when using a product besides focusing on whether the technology works well or not. If becoming a UX designer sounds like an enticing prospect for you, find out more practical information <a href="https://www.interaction-design.org/literature/article/how-to-change-your-career-from-web-design-to-ux-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">here</a>.</li>



<li>If you’re a <strong>business manager</strong> you can definitely take advantage of your “big picture thinking”, and this will help you make better judgment calls for your users. You’ll have to learn how to build a user-centric mindset and familiarise yourself with the design processes. Find out more about how to switch from a business management career to UX design <a href="https://www.interaction-design.org/literature/article/i-m-a-business-manager-how-do-i-become-a-ux-designer?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">here</a>.</li>



<li>If you’re a <strong>software developer</strong> you’re already experienced in creative problem solving and testing, and you have a constant-learning mindset. These skills will help you become an outstanding UX designer. You’ll have to shift your focus from the technology itself to how your users feel when using it. If you can build a user-centric mindset you will be able to have a successful career as a UX designer. If you’d like to know more about this particular career change, read this <a href="https://www.interaction-design.org/literature/article/how-to-change-your-career-from-software-development-to-ux-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">piece</a>.&nbsp;</li>
</ul>



<p>If you want to change your career and become a UX designer, but your background doesn’t match any of the previous examples don’t worry. Think about what your current career has in common with UX design and use that as a starting point. Once you’re more familiar with UX design you’ll be able to bring your unique <a href="https://www.interaction-design.org/literature/topics/point-of-view?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">point of view</a> and stand out to build a successful career. There are plenty of options to gain the knowledge you need that are compatible with your current career and schedule. Be assured that you can make the first step towards becoming a UX designer in a smooth and smart way.&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>



<h2 class="wp-block-heading">5. <a href="https://www.interaction-design.org/literature/article/ux-tools-matter-less-than-you-think?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">You Don’t Have to Master Tools</a>&nbsp;</h2>



<p>Believe it or not, <a href="https://www.interaction-design.org/literature/topics/ux-tools?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX tools</a> are less important than you might think. While they’re loved by professionals in the field, with new ones released every year, it can be difficult to stay on top of them. UX tools (like Sketch, InVision and Adobe XD) are constantly evolving (with monthly or more frequent updates), so keeping up with them can be overwhelming and pull focus from your actual work. Happily, though, what you do, your knowledge, skills and how you apply them are far more significant. Tools come and go, but <a href="https://www.interaction-design.org/literature/topics/heuristic-evaluation?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX principles</a> and processes remain. Moreover, there’s no guarantee that the tools you’re currently using, or will use in a future role, will be the same in your next job or company. Lastly, there are many principal UX techniques that don’t require tools, such as <a href="https://www.interaction-design.org/literature/topics/usability-testing?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">usability testing</a>, <a href="https://www.interaction-design.org/literature/topics/user-interviews?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">user interviews</a> and card sorting.&nbsp;</p>



<p>One of the most common misconceptions amongst newcomers is that <a href="https://www.interaction-design.org/literature/topics/ux-designers?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX designers</a> should know how to code. While it is helpful for designers to understand how the underlying technology works to be able to design for it, this is not essential. The extent to and you can pick up the additional skills. Here’s an in-depth look at the <a href="https://www.interaction-design.org/literature/article/should-ux-designers-learn-to-code?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">role of code</a> in a UX designer’s skill set.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-scaled.jpg"><img decoding="async" width="1024" height="768" src="https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-1024x768.jpg" alt="Person drawing wireframes on paper" class="wp-image-109880" srcset="https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-1024x768.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-300x225.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-768x576.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-1536x1152.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-2048x1536.jpg 2048w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-96x72.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-100x75.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/12/amelie-mourichon-wusOJ-2uY6w-unsplash-600x450.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption"><em>The best tools are free: your favorite marker and piece of paper.</em><br><small><em>© Amelie Mourichon, Unsplash Licence</em></small></figcaption></figure>



<h2 class="wp-block-heading">6. Opportunities for Career Growth, Skills Development and Specialization</h2>



<p>UX design embraces both soft and hard skills. Here are some of the skills you can expect to develop in your UX design career, both through a <a href="https://informalli.com/free-ui-ux-design-courses/">UX certification</a> and on-the-job learning (this is not an exhaustive list; there are many more UX-related skills to learn!):</p>



<ul class="wp-block-list">
<li><a href="https://www.interaction-design.org/literature/topics/empathy?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">Empathy</a></li>



<li>Critical thinking</li>



<li>Research&nbsp;</li>



<li>Visual communication</li>



<li>Writing</li>



<li>Coding and development</li>
</ul>



<p>Just as your skillset can be applied to a career in UX design, the skills that you learn in a UX design career are things you can transfer to a specialization or a different field altogether!&nbsp;</p>



<p>The range of different <a href="https://www.interaction-design.org/literature/topics/ux-roles?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX roles</a> and specializations within the field include these:&nbsp;</p>



<ul class="wp-block-list">
<li>UX designer</li>



<li><a href="https://www.interaction-design.org/literature/topics/product-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">Product designer</a></li>



<li>Information architect&nbsp;</li>



<li>Visual designer</li>



<li>Customer experience designer</li>



<li>UX researcher</li>



<li>Content strategist</li>



<li>Service designer</li>
</ul>



<p>UX design is a broad, innovative field that presents endless possibilities for learning, growth and development.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="768" src="https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-1024x768.jpg" alt="A wall saturated with sticky notes" class="wp-image-109885" srcset="https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-1024x768.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-300x225.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-768x576.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-1536x1152.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-2048x1536.jpg 2048w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-96x72.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-100x75.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/12/sticky-notes-on-wall-600x450.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><small><em>© Hugo Rocha, Unsplash Licence</em></small></figcaption></figure>



<h2 class="wp-block-heading">7. Accessible and Affordable UX Certifications</h2>



<p>There’s more good news; you don’t have to go to university or get a degree to get into UX design. You can start to teach yourself with the help of online resources. Begin with a browse through <a href="https://www.interaction-design.org/literature?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">the IxDF&#8217;s library </a>of open-source, open-access UX literature.&nbsp;</p>



<p>A UX certification can aid greatly in your quest to become a UX designer. A comprehensive portfolio and practical expertise are essential to secure your dream UX job. IxDF courses and Bootcamps offer portfolio exercises and practical project experience so that you can build your portfolio <em>while</em> you learn.&nbsp;</p>



<p>Choosing the right UX certification can be challenging. There’s a lot of choices out there, and conflicting reviews and information don’t help matters. Ultimately it is crucial to do your research and ask questions to ensure that your specific goals and requirements are met.&nbsp;</p>



<p>Since launching early in 2021, the Google UX Design Professional Certificate presented by Coursera has seen over 300,000 enrollments. Have you considered it as an option? It provides a firm foundation in UX design, so it&#8217;s a great starting point if you’re new to the field. However, if you’re looking for something more hands-on with constructive feedback, Google’s peer-reviewed approach may not be for you. Discover its benefits and how it compares with IxDF in <a href="https://www.interaction-design.org/literature/article/google-ux-design-vs-ixdf-membership-which-ux-certification-is-right-for-you?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">this article</a>.&nbsp;</p>



<p>CareerFoundry’s UX designer Bootcamps offer 1:1 mentoring and a job guarantee, so it’s another great option to consider. However, the Bootcamps are only available if you’re located in the USA, UK, Canada, the EU, Australia and New Zealand.</p>



<p>Udemy has a wealth of courses in countless disciplines, including UX, and you pay per course so it’s worth investigating if you want to dip your toes in. But what they make up for in sheer course volume they lose in quality as courses are managed by separate entities and not audited by Udemy.&nbsp;</p>



<p>The Nielsen Norman Group is a leading consultancy in UX design and offers a great range of classroom-based training for aspiring UX professionals. Their courses are offered on an international basis, so you will likely have to wait a while before there’s one in your area.</p>



<p>Ready to start your UX career journey right now? Check out the IxDF’s range of self-paced, industry-recognized courses, Master Classes and mentor-led Bootcamps. Take advantage of the IxDF end-of-year special and get 25% off an annual membership and $200 off on Bootcamps!</p>



<figure class="wp-block-image size-large"><a href="https://www.interaction-design.org/learn-ux-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year"><img decoding="async" width="1024" height="536" src="https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-1024x536.jpg" alt="2022: The Year of Your UX Career. Learn with the IxDF. Now with 25% Off! Start your career &gt;" class="wp-image-109887" srcset="https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-1024x536.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-300x157.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-768x402.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-96x50.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-100x52.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-600x314.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-115x60.jpg 115w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1-172x90.jpg 172w, https://uxmastery.com/wp-content/uploads/2021/12/EOY-Your-UX-Career-Alt-01-Button-Ad-1200x628-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>With the IxDF, you can choose from a range of educational materials, structured in different ways to suit your learning style. With their industry-recognized <a href="https://www.interaction-design.org/courses?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">courses</a> that cover the entire spectrum of UX design, you can dive deep into each concept at your own pace and get an industry-recognized certificate. If time is a constraint, IxDF’s <a href="https://www.interaction-design.org/master-classes?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">Master Classes</a>, at an average length of 1 hour, are a great way to dip your feet in the UX waters with a low time commitment.&nbsp;&nbsp;</p>



<p>If you&#8217;re interested in participating in a live cohort and do not have the capacity to join an intensive Bootcamp, then the <strong>part-time</strong>, <strong>remote</strong> offering from the Interaction Design Foundation (IxDF) might be in your comfort zone. With <strong>personalized mentor sessions</strong> and a <strong>peer-based global cohort</strong>, <a href="https://www.interaction-design.org/bootcamps?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">IxDF Bootcamps</a> cater to different specializations: choose from the introductory <a href="https://www.interaction-design.org/bootcamps/ux-fundamentals?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX Fundamentals</a> to the more specialized <a href="https://www.interaction-design.org/bootcamps/user-research?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">User Research</a> and <a href="https://www.interaction-design.org/bootcamps/ui-design?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">User Interface</a> and the 100% practical <a href="https://www.interaction-design.org/bootcamps/ux-portfolio?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">UX Portfolio and Careers</a>.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table.png"><img decoding="async" width="1024" height="561" src="https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-1024x561.png" alt="Comparison table showing different UX design Bootcamp offerings" class="wp-image-109879" srcset="https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-1024x561.png 1024w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-300x164.png 300w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-768x421.png 768w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-96x53.png 96w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-100x55.png 100w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table-600x329.png 600w, https://uxmastery.com/wp-content/uploads/2021/12/2022-bootcamp-comparison-table.png 1310w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h2 class="wp-block-heading">8. Join a Thriving Community&nbsp;</h2>



<p>The UX design community is expanding. You will be able to connect with like-minded people around the world, find inspiration, offer support and discover new opportunities. The Interaction Design Foundation has <a href="https://www.interaction-design.org/community#local-groups-map?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">Local Groups</a> so you can meet people in your area, form friendships or even meet your future employer (there are over 400 groups in 99 countries!). And you don’t need to be a UX designer to join—the only requirement is that you want to learn!&nbsp;&nbsp;</p>



<p>IxDF Bootcamps are also cohort-based, so you will learn together with other students from across the planet, interact with them and strengthen your network. </p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Why Is Networking Important for Your Career Growth?" width="1128" height="635" src="https://www.youtube.com/embed/j-m_sC6PGRs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">9. Work Remotely</h2>



<p>The COVID-19 pandemic forced so many of us into the remote working lifestyle. Economic ramifications of the pandemic and the absolute necessity to work remotely have encouraged countless organizations to reduce overheads and save precious time and resources by fully embracing the world of virtual working. Often going so far as to get rid of their physical offices entirely. Sites and applications like Zoom, Slack, Microsoft Teams and more have made remote work more straightforward and sophisticated than ever. There is no need for UX design work to be physically bound, essentially you just need a computer, internet connection, pen, paper and an internet connection to design, communicate with colleagues and or clients and perform any other related task. While it is not guaranteed that your future UX employer will work remotely, the reality is that in 2022 it’s more likely than ever. And if you freelance, well, the way you work is completely up to you!&nbsp;</p>



<h2 class="wp-block-heading">10. Salary Satisfaction</h2>



<p>Meaningful work is one—if not the main—factor in job satisfaction. However, salary satisfaction is also important. If you feel your hard work isn’t being adequately rewarded, even though you enjoy it, you may start to seek out other opportunities. As UX designers are in high demand, but skills are in short supply, the average UX designer salary continues to rise. Naturally, salaries will vary depending on the country, company, experience level and other factors, but the average annual UX designer salary according to Glassdoor is 105,122 USD in the United States, 48,755 GBP in the United Kingdom, 77,090 CAD in Canada and 1,389,256 INR in India. In each case, and in other countries across the world, the average UX designer salary is well over the national average salary.&nbsp;As demand for UX designers increases globally in 2022, so will UX designer salaries.&nbsp;</p>



<p>Like most other industries, the UX industry recognizes experience with higher pay; so, as you advance in your career, you can expect your salary to grow along with the rest of your career.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/12/salary-map.jpg"><img decoding="async" width="1024" height="576" src="https://uxmastery.com/wp-content/uploads/2021/12/salary-map-1024x576.jpg" alt="World map showing the top 8 countries around the world where UX designers earn more than the national average" class="wp-image-109884" srcset="https://uxmastery.com/wp-content/uploads/2021/12/salary-map-1024x576.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-1536x864.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-1128x635.jpg 1128w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/12/salary-map.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h2 class="wp-block-heading">The Take Away</h2>



<p>A UX design career is filled with possibilities, meaning and growth, and it’s all within arm’s reach. With a global UX skills shortage, high salaries and low barriers to entry, and the freedom to work anywhere, there is no better time than 2022 to explore this career path. Don’t worry if you don’t have a design background or a degree in information systems; you can find free resources online and industry-recognized <a href="https://www.interaction-design.org/courses?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">courses</a> and <a href="https://www.interaction-design.org/bootcamps?ep=idf-end-of-year&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=end-of-year">Bootcamps</a> to kick-start your UX career today. What’s more, with a legion of modern problems to address—and likely many more new ones coming up ahead—this is a trade tailor-made for the 21st century, and far beyond. Choose 2022 as your year to make a difference with UX design.&nbsp;</p>



<h2 class="wp-block-heading">References and Where to Learn More</h2>



<p>Find more information on User Experience Design, take the course:<br><a href="https://www.interaction-design.org/courses/user-experience-the-beginner-s-guide">https://www.interaction-design.org/courses/user-experience-the-beginner-s-guide</a></p>



<p>Explore poor user experience for the elderly as told by Don Norman:<br><a href="https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me">https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me</a>&nbsp;</p>



<p>Read more about London’s Design Museum exhibition called “New Old”:<br><a href="https://www.fastcompany.com/3067220/why-you-should-be-designing-for-your-73-year-old-self">https://www.fastcompany.com/3067220/why-you-should-be-designing-for-your-73-year-old-self</a>&nbsp;</p>



<p>Take a deeper dive into various UX roles and specializations:<br><a href="https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for">https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for</a>&nbsp;</p>



<p>UX software tools aren’t quite as important as they might appear. Read why, here:<br><a href="https://www.interaction-design.org/literature/article/ux-tools-matter-less-than-you-think">https://www.interaction-design.org/literature/article/ux-tools-matter-less-than-you-think</a>&nbsp;</p>



<p>Check out the demand for UX designers, what employers are looking for and UX designer salaries:<br><a href="https://uxplanet.org/heres-what-hiring-managers-look-for-in-ux-design-candidates-90a144d21c2e">https://uxplanet.org/heres-what-hiring-managers-look-for-in-ux-design-candidates-90a144d21c2e</a>&nbsp;</p>



<p>Here’s Hired.com’s <em>Mind the Gap</em> report on the UK’s technology skills gap:<br><a href="https://hired.com/whitepapers/skills-gap-report-download">https://hired.com/whitepapers/skills-gap-report-download</a>&nbsp;</p>



<p>UX design is one of the most sought-after skills by employers. Read the report here:<br><a href="https://www.weforum.org/agenda/2020/09/linkedin-online-elearning-skills-jobs-hiring/">https://www.weforum.org/agenda/2020/09/linkedin-online-elearning-skills-jobs-hiring/</a>&nbsp;</p>



<hr class="wp-block-separator has-css-opacity alignfull is-style-dots"/>



<p><em>This article was originally published on the <a href="https://www.interaction-design.org/literature/article/10-reasons-to-become-a-ux-designer-in-2022">Interaction Design Foundation</a>, reproduced here with permission and minor edits</em></p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/">10 Reasons To Become A UX Designer in 2022</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/10-reasons-to-become-a-ux-designer-in-2022/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109877</post-id>	</item>
		<item>
		<title>How to Write Effective Qualitative Interview Questions</title>
		<link>https://uxmastery.com/how-to-write-effective-qualitative-interview-questions/</link>
					<comments>https://uxmastery.com/how-to-write-effective-qualitative-interview-questions/#comments</comments>
		
		<dc:creator><![CDATA[John Lassen]]></dc:creator>
		<pubDate>Tue, 21 Dec 2021 12:08:53 +0000</pubDate>
				<category><![CDATA[Research]]></category>
		<category><![CDATA[asking questions]]></category>
		<category><![CDATA[interviews]]></category>
		<category><![CDATA[qualitative research]]></category>
		<category><![CDATA[user research]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109871</guid>

					<description><![CDATA[<p>Qualitative interviewing is an effective technique to quickly understand more about a target user group. It is a key skill that any aspiring user researcher should develop. It is important to carefully craft the questions to ensure the sessions run efficiently and get the desired information. This article outlines best practice tips on creating effective [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/how-to-write-effective-qualitative-interview-questions/">How to Write Effective Qualitative Interview Questions</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Qualitative interviewing is an effective technique to quickly understand more about a target user group. It is a key skill that any aspiring user researcher should develop. It is important to carefully craft the questions to ensure the sessions run efficiently and get the desired information. This article outlines best practice tips on creating effective session guides, ensuring your questions produce great results.</p>



<h2 class="wp-block-heading"><strong>Don’t Ask Leading Questions</strong></h2>



<p>A leading question guides the respondent to a desired answer by implying that there is a correct answer. People tend to provide socially desirable answers, so if you ask a question that guides them, they will likely provide one that they believe you want to hear. Leading questions can be used by people to persuade someone. They should not be used when trying to uncover new information or understand an audience. They reduce the objectivity of the session, and therefore, reduce the reliability of the results.</p>



<p><strong>Example:</strong><br><strong>Leading:</strong> ‘Why would you prefer to use our product?’<br><strong>Better:</strong> ‘What are your thoughts about using our product?</p>



<p>In the leading example, it implies that the respondent prefers the product and is enquiring as to why. The respondent may list a bunch of reasons that they like the product but may leave out crucial information where they believe the product could improve. Asking about their opinions and thoughts will provide them with a platform to discuss the product freely.</p>



<p><strong>Example:</strong><br><strong>Leading:</strong> Would you prefer to use the product to improve efficiencies or to gain an overview?<br><strong>Better:</strong> Why might you use this product?</p>



<p>In this example, the interviewer provides two reasons why someone might use a product. The interviewer may have only considered the two reasons why someone may use the product. Simply asking why they may use the product achieves the same goal, but also allows the respondent to consider other options.</p>



<p>To avoid leading questions, act as if you know nothing of the topic. Note down what you would ask if you have no information at all. Keep the questions simple, neutral and free from any words with connotations or emotions. It is also best to have an independent observer assess the topic, as it is easier for them to have an unbiased opinion on the matter.</p>



<h2 class="wp-block-heading"><strong>Behavioural, Attitudinal</strong></h2>



<p>People often hold a belief that does not match with their behaviours. Using a mixture of attitudinal and behavioural questions uncovers what a person does, but also their thoughts about their actions. Attitudinal questions are used to understand their opinions and motivations. Behavioural questions are used to find out how a participant does something. It is best to utilise a mixture.</p>



<p><strong>Example:</strong><br><strong>Attitudinal:</strong> How often should you brush your teeth?<br><strong>Behavioural:</strong> How many times did you brush your teeth last week?</p>



<p>Try to keep all behavioural questions about the user’s past, as future behaviours are influenced by opinions and attitudes. It is best practice to repeat questions from a different angle. Don’t be afraid of users repeating themselves or going over a topic multiple times.</p>



<h2 class="wp-block-heading"><strong>Ask Open-Ended Questions Instead of Closed Questions</strong></h2>



<p>Open-ended questions are ones that require more than one word to answer. Closed questions result in either a yes/no situation. Open-ended questions are used to find out people’s goals, motivations and pain points. They provide an opportunity for the participant to speak freely on the topic.</p>



<p><strong>Example:</strong><br><strong>Yes/No:</strong> Do you like coffee?<br><strong>Open:</strong> What are your thoughts on coffee?</p>



<p>Closed questions should be avoided unless you want to either clarify to gain more context to the user’s situation. Yes/No questions close down conversations and can be considered as quantitative. The following examples are both fine to use in an interview, as they will put other details into perspective.</p>



<p><strong>Context:</strong> Do you drink coffee?<br><strong>Clarify:</strong> You mentioned you drink coffee, correct?</p>



<p>When creating your questionnaire, try and stick with ‘how’, ‘why’, ‘what’, ‘when’ and ‘where’ questions.</p>



<h2 class="wp-block-heading"><strong>Don’t Use Double-Barreled Questions</strong></h2>



<p>Sometimes interviewers get excited and want to ask multiple things at once. Double-barreled questions touch on more than one topic. This can be overwhelming to answer, and respondents may either try to answer both at once or answer only one part of the question. If you want to ask something on multiple topics, it is best to split them into two different questions.</p>



<p><strong>Example:</strong><br><strong>Double-barreled:</strong> What do you like about coffee and new coffee products?<br><strong>Better:</strong> What do you like about coffee products?</p>



<p>It is normal in casual conversation to ask questions in such a manner. Interviewing is best when the questions are short and to the point, focusing on one topic.</p>



<h2 class="wp-block-heading"><strong>Differentiate Between Quantitative and Qualitative Questions</strong></h2>



<p>Quantitative and qualitative questions both have their own strengths and weaknesses. Quantitative questions are typically reserved for surveys but can be used in interviewing to add some context and allow the interviewer to ask more follow-up questions. They mostly uncover ‘who’ and ‘what’. Qualitative questions will provide detailed information on the topic of interest, uncovering the ‘why’ and ‘how’.</p>



<p><strong>Examples of quantitative questions:</strong></p>



<ul class="wp-block-list"><li><strong>Numerical answers:</strong> How many coffees do you drink a day?</li><li><strong>Preferences:</strong> What type of coffee drink do you prefer?</li><li><strong>Single word answers:</strong> What brand of coffee do you drink?</li></ul>



<p>It is not immediately obvious and clear-cut the quantitative nature of these questions. You can tell through the low complexity of data gathered. If you ask these questions to participants, you will get a straightforward answer. However, the issue is that the responses are not statistically valid, and require further investigation. You can better use your time in an in-depth one on one session asking qualitative questions such as:</p>



<p><strong>Examples of qualitative questions:</strong></p>



<ul class="wp-block-list"><li>Recount your morning routine.</li><li>Why do you prefer one brand over another?</li><li>Why do you drink coffee everyday?</li></ul>



<p>Shifting to why and how people do things, outlining goals, motivations, pain points and delights gives a much more in-depth perspective. These insights can be validated later through other techniques, but interviewing is the quickest and easiest way to gather them.</p>



<h2 class="wp-block-heading"><strong>Wrap Up</strong></h2>



<p>For qualitative interviewing, there are few clear best practices. Each interviewer has their own way of gathering information and forming questions. The tips above are there to guide you but are not definitive rules that one cannot break. I hope these help to elevate your interviewing process and gather better insights.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/how-to-write-effective-qualitative-interview-questions/">How to Write Effective Qualitative Interview Questions</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/how-to-write-effective-qualitative-interview-questions/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109871</post-id>	</item>
		<item>
		<title>Wireframes Are Bad&#8230; Don’t Use Them</title>
		<link>https://uxmastery.com/wireframes-are-bad-dont-use-them/</link>
					<comments>https://uxmastery.com/wireframes-are-bad-dont-use-them/#respond</comments>
		
		<dc:creator><![CDATA[Hossam Salem]]></dc:creator>
		<pubDate>Thu, 02 Dec 2021 02:00:00 +0000</pubDate>
				<category><![CDATA[Learning UX]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[practical advice]]></category>
		<category><![CDATA[user research]]></category>
		<category><![CDATA[wireframes]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109839</guid>

					<description><![CDATA[<p>I failed in using wireframes; that&#8217;s why I say that they are bad. I know so many beginners and intermediate UX designers use wireframes in the early phases of the design process, especially in research and usability testing. I used to use them this way, but let me tell you why I don&#8217;t use them [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/wireframes-are-bad-dont-use-them/">Wireframes Are Bad&#8230; Don’t Use Them</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>I failed in using wireframes; that&#8217;s why I say that they are bad. I know so many beginners and intermediate UX designers use wireframes in the early phases of the design process, especially in research and usability testing. I used to use them this way, but let me tell you why I don&#8217;t use them in that way anymore.</p>



<h2 class="wp-block-heading"><strong>What Is a Wireframe?</strong></h2>



<p>Before digging deep into this subject, let me try to simplify what a wireframe is. A wireframe is a skeleton for the digital product design. You can imagine it to be the blueprint for any product. It consists of lines and shapes, and each represents some element/hierarchy/structure.</p>



<p>The main three elements of a wireframe are:</p>



<h3 class="wp-block-heading">1. The Line</h3>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/1.line_.jpg"><img decoding="async" width="960" height="540" src="https://uxmastery.com/wp-content/uploads/2021/11/1.line_.jpg" alt="" class="wp-image-109853" srcset="https://uxmastery.com/wp-content/uploads/2021/11/1.line_.jpg 960w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/1.line_-160x90.jpg 160w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure></div>



<p>This element could represent a frame, a border, or a separator.</p>



<h3 class="wp-block-heading">2. The Image</h3>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/2.image_.jpg"><img decoding="async" width="960" height="540" src="https://uxmastery.com/wp-content/uploads/2021/11/2.image_.jpg" alt="" class="wp-image-109854" srcset="https://uxmastery.com/wp-content/uploads/2021/11/2.image_.jpg 960w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/2.image_-160x90.jpg 160w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure></div>



<p>This element could represent either an image, or an icon, or any graphics.</p>



<h3 class="wp-block-heading">3. The Solid</h3>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/3.solid_.jpg"><img decoding="async" width="960" height="540" src="https://uxmastery.com/wp-content/uploads/2021/11/3.solid_.jpg" alt="" class="wp-image-109855" srcset="https://uxmastery.com/wp-content/uploads/2021/11/3.solid_.jpg 960w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/3.solid_-160x90.jpg 160w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure></div>



<p>This element represents either a block or a line of text.</p>



<p>Using all these elements in a design can produce something like this:</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/4.wire_.jpg"><img decoding="async" width="960" height="540" src="https://uxmastery.com/wp-content/uploads/2021/11/4.wire_.jpg" alt="" class="wp-image-109856" srcset="https://uxmastery.com/wp-content/uploads/2021/11/4.wire_.jpg 960w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/4.wire_-160x90.jpg 160w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure></div>



<p>Now remove these hints from the design and give them to a user asking them to use it. Can you imagine that?</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/5.what_.jpg"><img decoding="async" width="960" height="540" src="https://uxmastery.com/wp-content/uploads/2021/11/5.what_.jpg" alt="" class="wp-image-109857" srcset="https://uxmastery.com/wp-content/uploads/2021/11/5.what_.jpg 960w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-768x432.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-600x338.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/5.what_-160x90.jpg 160w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure></div>



<h2 class="wp-block-heading"><strong>Why Are Wireframes Bad?</strong></h2>



<p>I remember one time I was working on a mobile app product for weekly/monthly healthy food ordering subscriptions. The app allowed a user to subscribe and get healthy meals delivered daily. It allowed the user to choose the daily meals and the delivery time. And it also provided health tips and some workout exercises to keep living a healthy life. Here&#8217;s a concept that we tried testing out.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/11/6.example.jpg"><img decoding="async" width="890" height="1024" src="https://uxmastery.com/wp-content/uploads/2021/11/6.example-890x1024.jpg" alt="" class="wp-image-109858" srcset="https://uxmastery.com/wp-content/uploads/2021/11/6.example-890x1024.jpg 890w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-261x300.jpg 261w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-768x883.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-1335x1536.jpg 1335w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-83x96.jpg 83w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-87x100.jpg 87w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-600x690.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-52x60.jpg 52w, https://uxmastery.com/wp-content/uploads/2021/11/6.example-78x90.jpg 78w, https://uxmastery.com/wp-content/uploads/2021/11/6.example.jpg 1452w" sizes="(max-width: 890px) 100vw, 890px" /></a><figcaption>Wireframe to evaluate options for placement of icons. Option 1 was at the top left, and option 2 was at the bottom center.</figcaption></figure></div>



<p>When I tested this concept as a wireframe with the first group of users, I asked each one this question &#8220;Suppose your daily meals will be delivered daily at 2 PM and you want to change this time to be at 3 PM, how can you do this?&#8221;</p>



<p>I was shocked by the result. 4 out of 5 users tapped on icon no.2, which was supposed to be for the health tips, while just one user tapped on icon no. 1, which was for the menu and settings. This meant that 80% of users expected to change delivery times using the middle button at the bottom. However, I didn&#8217;t rely on that result.</p>



<p>To make this clear enough, I created a simple test and iterated the same scenario after applying the UI and providing a finished prototype to another group of users. This time, 5 out of 5 users didn&#8217;t like the changing delivery time feature to be placed in position no. 2. The common reason was that they wouldn&#8217;t need to perform that daily, and instead, they might need the health tips to be placed at this position since they might need to use this feature more than once a day.</p>



<div class="wp-block-ugb-divider ugb-divider ugb-8ad3295 ugb-divider--v2 ugb-divider--design-basic ugb-main-block" id=""><style>.ugb-8ad3295 hr.ugb-divider__hr{margin-left:auto !important;margin-right:auto !important}</style><div class="ugb-inner-block"><div class="ugb-block-content"><hr class="ugb-divider__hr"/></div></div></div>



<p>Wireframes come in two forms, digital and paper sketches. The main reason why wireframes were invented was that they were cheap and fast to create, but this doesn&#8217;t come free. There&#8217;s a hidden cost to that.</p>



<h3 class="wp-block-heading">1. Cost of Educating</h3>



<p>Although wireframes are fast to create and they seem to be a time-saver, they take up too much time in educating, especially in user testing. The time you save in producing them, you pay the double in educating users about them.</p>



<h3 class="wp-block-heading">2. Misunderstood</h3>



<div class="wp-block-image"><figure class="aligncenter size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood.jpg"><img decoding="async" width="574" height="323" src="https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood.jpg" alt="" class="wp-image-109859" srcset="https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood.jpg 574w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-300x169.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-540x304.jpg 540w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-344x194.jpg 344w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-107x60.jpg 107w, https://uxmastery.com/wp-content/uploads/2021/11/7.misunderstood-160x90.jpg 160w" sizes="(max-width: 574px) 100vw, 574px" /></a></figure></div>



<p>What&#8217;s the difference between these two elements? Are they both images? Are they both icons? Are they clickable? What should they represent? Too many questions to process in the user&#8217;s head may lead to either making wrong decisions or driving them away from the central value.</p>



<h3 class="wp-block-heading">3. Miss the Whole Experience</h3>



<p>Making the user assume that a specific element may serve a particular purpose will not lead to correct research results. When you test with many users, the findings will not be accurate because each one will interpret the shapes in their own way, which will lead you to correct their understanding and guide them back to the right path, which is wrong in research and testing. You should not lead the user.</p>



<p>Feeling and living the whole experience is way better. Making the user live within a semi-real product, feel the interactions, sense the animations, and deal with colors and typography will lead to better and more accurate results.</p>



<h2 class="wp-block-heading"><strong>So, Are Wireframes Useless?</strong></h2>



<p>Wireframes are plain, too neutral to be usable by actual users, but this doesn&#8217;t mean they are useless. Here is how and when to use wireframes:</p>



<h3 class="wp-block-heading">1. Guiding You in Your Process.</h3>



<p>Design wireframes for <em>yourself</em> to make it easy for you to structure the product you are designing. By creating wireframes, you pour all the imaginations in your head on a canvas or paper faster, organize your thoughts, clearly see where you are heading, and most importantly, iterate more quickly. Know where to place the right elements in the right place, either here or there.</p>



<h3 class="wp-block-heading">2. Brainstorming and Generating Ideas With Your Peers.</h3>



<p>Product owners, UI designers, UX designers, product managers, and developers—all of them can understand wireframes well; they may even add to it, generate ideas, and make a clear direction for the best structure.</p>



<h3 class="wp-block-heading">3. Flow Design</h3>



<p>Because wireframes are plain, you can use them as flow demonstrations with techies and developers. In this way, it will work better than the traditional user flow&#8217;s symbols and shapes.</p>



<h3 class="wp-block-heading">4. Business Owners (Carefully)</h3>



<p>Business owners are like users: they can easily misunderstand the wireframe and are time-consuming to educate. But the difference here is that the business owner is just one person, the time cost won&#8217;t be as much as educating many users, and in the end, they&#8217;re the business owner—you have to keep them involved and in the loop throughout the design process.</p>



<h2 class="wp-block-heading"><strong>Conclusion</strong></h2>



<p>Actual users are ordinary human beings. They are not as deep into the technology or the product as you. You must do your best to talk to them in their language, not yours, so it&#8217;s better to do your research and usability testing using realistic prototypes instead of wireframes.</p>



<p>Lastly, creating and using wireframes is beneficial if created for people like you within your production environment.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/wireframes-are-bad-dont-use-them/">Wireframes Are Bad&#8230; Don’t Use Them</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/wireframes-are-bad-dont-use-them/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109839</post-id>	</item>
		<item>
		<title>Black Friday 2021: Deep Discounts on UX Education</title>
		<link>https://uxmastery.com/black-friday-2021-deep-discounts-on-ux-education/</link>
					<comments>https://uxmastery.com/black-friday-2021-deep-discounts-on-ux-education/#respond</comments>
		
		<dc:creator><![CDATA[Kasturika Ramamoorthy]]></dc:creator>
		<pubDate>Wed, 24 Nov 2021 10:00:00 +0000</pubDate>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Black Friday]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109841</guid>

					<description><![CDATA[<p>In their biggest Black Friday offer yet, the Interaction Design Foundation is giving a whopping $200 discount on their UX Bootcamps in addition to a 25% discount on their annual membership.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/black-friday-2021-deep-discounts-on-ux-education/">Black Friday 2021: Deep Discounts on UX Education</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>If there is something called revenge shopping, then this year’s Black Friday may just fit the description! For UX designers, too, this is a golden opportunity to save money on devices, software, education, and hey, even some cool accessories (<em>hello, Moleskine notebooks</em>).</p>



<p>In today’s article, we’re looking at the mouthwatering offer our friends at the Interaction Design Foundation (IxDF) are offering: <strong>a $200 discount</strong> on UX Bootcamps <em>and</em> a <strong>25% discount</strong> on their annual membership.</p>



<p>The IxDF boasts an impressive list of courses by industry leaders including Don Norman, Alan Dix, Frank Spillers and William Hudson. We’ve reviewed one of their courses in the past. Check it out <a href="https://uxmastery.com/review-user-research-methods-and-best-practices-by-interaction-design-foundation/">here</a>. Unlike most courses that you need to pay for individually, the IxDF operates on a subscription model—offering all their courses to members at no additional cost. An IxDF membership includes:</p>



<ul class="wp-block-list"><li>Full access to all <a href="https://www.interaction-design.org/courses?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">35 courses</a> plus every new course.</li><li>90% discount on live and on-demand <a href="https://www.interaction-design.org/master-classes?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">Master Class webinars</a> (over $500 savings annually).</li><li>Exclusive discounts on the best UI/UX design tools such as Balsamiq, ProtoPie and FluidUI (up to $690 in savings!).</li><li>A <a href="https://www.interaction-design.org/community#discussionsTopicListPane?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">network</a> of over 117,000 UX design professionals spread <a href="https://www.interaction-design.org/community#local-groups-map?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">450+ local groups</a> across 99 countries.</li></ul>



<p>Apart from courses, the IxDF also offers cohort-based <a href="https://www.interaction-design.org/bootcamps?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">UX Bootcamps</a>. These mentor-led specialized Bootcamps are entirely remote, part-time, and available at different time zones so that you get individual mentorship without taking a break from your regular work or university.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Black Friday Sale &#x1f525; Save $200 on any IxDF Bootcamp or 25% on Yearly Memberships - 30s" width="1128" height="635" src="https://www.youtube.com/embed/_5n_hUgUPS8?feature=oembed&#038;enablejsapi=1&#038;origin=https://uxmastery.com" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>Here&#8217;s a closer at what you get:</p>



<ol class="wp-block-list"><li>25% discount on <strong>new and continually updated courses</strong> such as these:<ol><li><a href="https://www.interaction-design.org/courses/data-driven-design-quantitative-research-for-ux?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">Data-Driven Design: Quantitative Research for UX</a></li><li><a href="https://www.interaction-design.org/courses/design-for-the-21st-century?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">Design for the 21st Century with Don Norman</a></li><li><a href="https://www.interaction-design.org/courses/journey-mapping?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">Journey Mapping</a></li><li><a href="https://www.interaction-design.org/courses/visual-design-the-ultimate-guide?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">Visual Design: The Ultimate Guide</a></li></ol></li><li><strong>Practical advice</strong> and the chance to get answers to your questions during live Master Class webinars with industry leaders and experts, including Don Norman, Susan Weinschenk, Frank Spillers, Morgane Peng and Mike Rohde.</li><li>You can also find and <strong>connect with your peers </strong><a href="https://www.interaction-design.org/community#local-groups-map?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">locally</a> to learn together and even meet potential employers and clients.</li></ol>



<p>What makes this offer sweeter is that a portion of the proceeds from this year’s Black Friday promotion will be set aside to sponsor memberships for those who cannot afford a quality UX design education.</p>



<p>If you&#8217;re not yet a member, you can sign up using this link to <a href="https://www.interaction-design.org/join?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">get 25% off your first-year membership</a>.</p>



<p>You can also get $200 off on any of the upcoming cohorts of IxDF Bootcamps (<a href="https://www.interaction-design.org/bootcamps/ux-fundamentals?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">UX Fundamentals</a>, <a href="https://www.interaction-design.org/bootcamps/user-research?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">User Research</a>, <a href="https://www.interaction-design.org/bootcamps/ui-design?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">UI Design</a>, <a href="https://www.interaction-design.org/bootcamps/ux-portfolio?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">UX Portfolio and Careers</a>)—even if you&#8217;re already a member! </p>



<p>To get a feel for what an IxDF Bootcamp is like here is one student&#8217;s experience of a recently concluded Bootcamp cohort:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="What is an IxDF Bootcamp like | Adesh Shah" width="1128" height="635" src="https://www.youtube.com/embed/V1N-n3VbExA?feature=oembed&#038;enablejsapi=1&#038;origin=https://uxmastery.com" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>Check out all <a href="https://www.interaction-design.org/bootcamps?ep=idf-cyber-weekend&amp;utm_source=uxmastery&amp;utm_medium=website&amp;utm_campaign=cyber-weekend">UX Bootcamps</a> here.</p>



<p>Happy learning!</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/black-friday-2021-deep-discounts-on-ux-education/">Black Friday 2021: Deep Discounts on UX Education</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/black-friday-2021-deep-discounts-on-ux-education/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109841</post-id>	</item>
		<item>
		<title>Cross-Cultural Design: Designing for Global Audiences</title>
		<link>https://uxmastery.com/cross-cultural-design-designing-for-global-audiences/</link>
					<comments>https://uxmastery.com/cross-cultural-design-designing-for-global-audiences/#comments</comments>
		
		<dc:creator><![CDATA[Ananya Mahanta]]></dc:creator>
		<pubDate>Thu, 07 Oct 2021 10:41:37 +0000</pubDate>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[localization]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">https://uxmastery.com/?p=109805</guid>

					<description><![CDATA[<p>Since being launched in 2009 as a luxury car rental, Uber has redefined on-demand mobility and now operates in over 10,000 cities worldwide. Netflix, conceived in 1997 as a rent-by-mail DVD service, now streams in over 190 countries. And Airbnb, a bed and breakfast service that started in 2007, is now the largest accommodation provider [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/cross-cultural-design-designing-for-global-audiences/">Cross-Cultural Design: Designing for Global Audiences</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Since being launched in 2009 as a luxury car rental, Uber has redefined on-demand mobility and now operates in over 10,000 cities worldwide. Netflix, conceived in 1997 as a rent-by-mail DVD service, now streams in over 190 countries. And Airbnb, a bed and breakfast service that started in 2007, is now the largest accommodation provider with a global presence in over 220 countries.</p>



<p>In an economy where the average company finds it tough to not only grow but also sustain, it is worth considering how these brands have observed meteoric rise just within decades.</p>



<p>Besides good business sense and the funding to support expansion, it can be argued that all these brands had a <strong>strong focus on</strong> <strong>localization</strong>. For instance, Uber offers localization of services – UberCOPTER in the French Riviera, UberBOAT in Istanbul, and UberAUTO in India. It also launched UberENGLISH, a service designed to book drivers with English language familiarity in non-English speaking nations. Netflix offers localization of content – an extensive library of regional and country-specific content and high-quality dubbed versions and subtitles for international audiences. Airbnb realized early on that log-in preferences vary by region; today, it supports log-in via Google account, Facebook account, and email in the United States, while it provides Weibo and WeChat log-in in China. Yet, their localization strategies go deeper, reflecting a deep cultural understanding and sensitivity across their messaging, branding, and even advertisements.</p>



<p>Such localization that addresses the unique preferences of regional users is perhaps the ultimate hallmark of a global brand.</p>



<h2 class="wp-block-heading">Why Should You Design for Different Cultures?</h2>



<p><br>The way that certain messages, colors, and images are perceived by a cultural group may differ from the perceptions of another. So, as a brand, how you are viewed in a community will depend on your understanding of their culture and how you mold your messaging to be culture-specific. Communities can also demonstrate unique preferences for both tangible and intangible elements of design that are specific to their socio-cultural and religious identities, histories, and even political leanings. Many of these preferences may exist at a subconscious level, often as a product of unique mental models, decision-making processes, education, or even technological competence. Only by understanding cultures and the way they influence mental programming can brands create a relationship of trust and successfully compete against indigenous brands.</p>



<p>Brands that did not understand or failed to adapt to local preferences have historically struggled to sustain. For instance, eBay, which saw enormous success in the US – struggled to get a foothold in the Chinese market. It is suggested that <a href="https://psmag.com/economics/why-ebay-failed-in-china-taobao-swift-guanxi-60072">eBay may have failed</a> to support <em>swift guanxi</em> among Chinese users through instant messaging or other technologies, therefore preventing buyers from interacting with sellers. Such buyer-seller interactions, which are considered crucial for making purchasing decisions, were never encouraged, therefore leading to an erosion of trust.</p>



<h2 class="wp-block-heading">When Should You Adapt Your Designs for Different Cultures?</h2>



<p><br>Not every business needs to adapt its products for a cross-cultural audience. You may have limited cultural disparity between your target and local audiences, in which case, you do not require cross-cultural adaptation. Or, there may exist cultural differences, but these may not be large enough to warrant localization. In this case, you may offer language options in the product interface and website or provide instruction/product manuals in different languages.</p>



<p>For example, the Maybelline website for South Korea has similar visuals and products to its US counterpart but offers translation in Korean.</p>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1.jpg"><img decoding="async" width="1024" height="571" src="https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-1024x571.jpg" alt="" data-id="109807" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1.jpg" data-link="https://uxmastery.com/?attachment_id=109807" class="wp-image-109807" srcset="https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-1024x571.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-300x167.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-768x428.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-1536x856.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-96x54.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-100x56.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-600x334.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-108x60.jpg 108w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1-161x90.jpg 161w, https://uxmastery.com/wp-content/uploads/2021/10/01-maybellene-us-1.jpg 1566w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr.jpg"><img decoding="async" width="1024" height="650" src="https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-1024x650.jpg" alt="" data-id="109808" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr.jpg" data-link="https://uxmastery.com/?attachment_id=109808" class="wp-image-109808" srcset="https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-1024x650.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-300x190.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-768x487.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-96x61.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-100x63.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-600x381.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-95x60.jpg 95w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr-142x90.jpg 142w, https://uxmastery.com/wp-content/uploads/2021/10/02-maybellene-kr.jpg 1414w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li></ul><figcaption class="blocks-gallery-caption">Left: Maybelline’s US website. Right: The South Korean version of the website. </figcaption></figure>







<p>If, however, one (or more) of these target groups are a sizeable percentage of your overall audience, you need to offer a localized, culturally-specific product(s) and interface(s). It means that you should translate your content, change currencies, offer preferred sign-in methods, and adapt visuals and metaphors so that the product feels locally produced.</p>



<p>For instance, the IKEA websites for Turkey and South Korea differ in their product showcase, languages, and imageries.</p>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey.jpg"><img decoding="async" width="1024" height="622" src="https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-1024x622.jpg" alt="" data-id="109809" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey.jpg" data-link="https://uxmastery.com/?attachment_id=109809" class="wp-image-109809" srcset="https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-1024x622.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-300x182.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-768x467.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-96x58.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-100x61.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-600x365.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-99x60.jpg 99w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey-148x90.jpg 148w, https://uxmastery.com/wp-content/uploads/2021/10/03-ikea-turkey.jpg 1262w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea.jpg"><img decoding="async" width="1024" height="795" src="https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-1024x795.jpg" alt="" data-id="109810" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea.jpg" data-link="https://uxmastery.com/?attachment_id=109810" class="wp-image-109810" srcset="https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-1024x795.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-300x233.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-768x596.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-96x75.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-100x78.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-600x466.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-77x60.jpg 77w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea-116x90.jpg 116w, https://uxmastery.com/wp-content/uploads/2021/10/04-ikea-korea.jpg 1090w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li></ul><figcaption class="blocks-gallery-caption">Left: IKEA’s Turkish website. Right: The South Korean version.</figcaption></figure>



<h2 class="wp-block-heading">Understanding Cross-Cultural Differences</h2>



<p><br>To adapt your designs for a cultural group, you must first understand the cultural differences between your local and target audience. Understanding these differences would help you to determine to what degree your designs require adaptation.</p>



<p>Here are a few models that underline the differences among cultures.</p>



<h3 class="wp-block-heading">1. Hofstede’s Cultural-Dimensions Theory</h3>



<p>Perhaps one of the most comprehensive frameworks for assessing cultural differences was proposed by Dutch social psychologist Geert Hofstede. This framework defines six dimensions that outline a culture’s mental programming.</p>



<ul class="wp-block-list"><li><strong>Power distance index</strong>: The index quantifies how social inequality is perceived and accepted by those on the lower end of a power spectrum. According to Hofstede, high power distance cultures accept hierarchical orders and authority whereas, low power distance cultures strive to equalize power imbalances and accept authority based on true expertise.</li><li><strong>Individualism vs. Collectivism</strong>: This dimension reflects the degree to which a society thinks from an “I” or “we” mentality. Individualist cultures are loosely-knit groups where individuals act in their interests and make their own decisions. In contrast, collectivist cultures are tight-knit groups that act in the interests of the collective and make decisions based on the opinions of others.</li><li><strong>Masculinity vs. Femininity</strong>: Masculine societies tend to demonstrate a preference for achievement, material success, and assertiveness. Alternatively, feminine cultures prioritize cooperation and collaboration, avoids conflict, and prefer a high quality of life.</li><li><strong>Uncertainty Avoidance</strong>: This dimension reflects the degree to which a society accepts new ideas or unorthodox behavior. Cultures with high uncertainty avoidance are resistant to change and prefer familiarity over unfamiliarity and practice over principles. Whereas in cultures with low uncertainty avoidance, individuals take more risks and are more willing to try something new.</li><li><strong>Long-term vs. Short-term Normative Orientation</strong>: This dimension measures the ease with which societies adopt change. Cultures with long-term orientation are pragmatic in their approach. They believe that traditions can be adapted as per context and time, and they take decisions for the long term. On the other hand, short-term orientation cultures live in the present, maintain social codes and traditions, and do not worry about the future.</li><li><strong>Indulgence vs. Restraint</strong>: This dimension measures the degree to which individuals curb their impulses and wants. While indulgent cultures are more willing to accept the uninhibited satisfaction of human needs, restrained cultures set diktats that prohibit the gratification of needs.</li></ul>



<p>To see how different cultures differ on the six dimensions, you can use the <a href="https://www.hofstede-insights.com/country-comparison/">country comparison tool</a>. A comparison between the two nations – Austria and Vietnam – on Hofstede’s scale is shown below.</p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights.png"><img decoding="async" width="870" height="487" src="https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights.png" alt="" class="wp-image-109814" srcset="https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights.png 870w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-300x168.png 300w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-768x430.png 768w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-96x54.png 96w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-100x56.png 100w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-344x194.png 344w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-600x336.png 600w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-107x60.png 107w, https://uxmastery.com/wp-content/uploads/2021/10/05-hofstede-insights-161x90.png 161w" sizes="(max-width: 870px) 100vw, 870px" /></a><figcaption>Image Source: Hofstede Insights</figcaption></figure>



<p>If your domestic audience is based in Austria, and you want to provide localized content for the target audience in Vietnam, then, based on Hofstede’s model of cultural dimensions, you must adapt your interface for higher power distance, collectivism, femininity, low uncertainty avoidance, and restraint. The reverse is true if your domestic audience is based in Vietnam.</p>



<h3 class="wp-block-heading">2. Hall’s Cultural Context Model</h3>



<p>Proposed by the American anthropologist Edward T. Hall, the cultural context model examines the relative importance of context in communication for different cultural groups. <strong>Low context cultures</strong> prefer information that is direct, explicit, and without ambiguity. This is because such cultures are more individualistic, and there is little expectation to understand each other’s histories and experiences. In contrast, high context cultures are collectivist societies with a preference for community harmony over individual achievement. In such cultures, communication is more subtle and context-driven, and emphasis is placed on the understanding of non-verbal relational cues.</p>



<p>While there are several other models for understanding cultural differences, it is important to understand that cultural models only suggest areas of inquiry to understand the current differences among populations. Cultural characteristics are fluid, and therefore the observations made in the past will hardly be relevant to modern audiences. So, instead of making stereotypical conclusions based on primitive observations, it is advisable to engage in active user profiling and research.</p>



<h2 class="wp-block-heading">Adapting Designs Based on Cultural Differences</h2>



<p><br>Assuming that the understanding of cultural differences is current and based on research, it is now possible to adapt designs based on an understanding of how communication, colors, symbols, and designs will be perceived by the target audience. To do this, we will compare two university websites, one from Austria and the other from Vietnam, and observe how cultural differences are manifest through design.</p>



<h4 class="wp-block-heading">1. <strong>High Power Distance vs. Low Power Distance</strong></h4>



<p>For high power distance cultures, interfaces should be designed for easy navigation and quick information access. Applying religious and nationalistic themes, demonstrating expertise, and using figures of social or national importance can help engage such audiences.</p>



<p>For instance, on the official website for Vietnam National University, the university ranking in the World University Rankings is given precedence over everything else. It is aimed to relay a sense of authority and earn the visitor’s trust.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm.jpg"><img decoding="async" width="1024" height="628" src="https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-1024x628.jpg" alt="" class="wp-image-109818" srcset="https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-1024x628.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-300x184.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-768x471.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-96x59.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-100x61.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-600x368.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-98x60.jpg 98w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm-147x90.jpg 147w, https://uxmastery.com/wp-content/uploads/2021/10/06-vnu-hcm.jpg 1467w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>For low power distance cultures, informal organizational structures with visual elements that are universal or of popular appeal are favored. Communication must be informal but direct. For example, on the official website for the University of Vienna, the images show students and their stories upfront, rather than relying on reputation or University rankings. It is noteworthy that Vietnam has a power distance of 70 against Austria’s 11 on Hofstede’s scale.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1.jpg"><img decoding="async" width="1024" height="545" src="https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-1024x545.jpg" alt="" class="wp-image-109819" srcset="https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-1024x545.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-300x160.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-768x409.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-1536x818.jpg 1536w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-96x51.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-100x53.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-600x320.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-113x60.jpg 113w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1-169x90.jpg 169w, https://uxmastery.com/wp-content/uploads/2021/10/07-vienna-1.jpg 1641w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h4 class="wp-block-heading">2. <strong>Individualism vs. Collectivism</strong></h4>



<p>When designing for individualistic cultures, information on how the product or service benefits individuals or helps them succeed must be delivered. Themes signifying achievement, youth, vitality, and materialism can be utilized.<br><br>The University of Vienna site has a dedicated blog called “Humans of University of Vienna,” focused on student stories and achievements. Almost all these stories focus on the individual rather than the team.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/08-vienna.jpg"><img decoding="async" width="1024" height="778" src="https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-1024x778.jpg" alt="" class="wp-image-109820" srcset="https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-1024x778.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-300x228.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-768x583.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-96x73.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-100x76.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-600x456.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-79x60.jpg 79w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna-118x90.jpg 118w, https://uxmastery.com/wp-content/uploads/2021/10/08-vienna.jpg 1102w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>For collectivist societies, information that reflects how the product or service benefits the cultural group must be delivered. Themes surrounding community harmony and peace and visuals focused on history and tradition work well with such audiences. It is best to provide feedback elements, such as social media sharing options, reviews, or “popular” categories, to help them with their decision-making.<br><br>There is a strong focus on team achievements throughout the website for Vietnam National University, as shown in the image below.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam.jpg"><img decoding="async" width="1024" height="822" src="https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-1024x822.jpg" alt="" class="wp-image-109821" srcset="https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-1024x822.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-300x241.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-768x616.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-96x77.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-100x80.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-600x482.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-75x60.jpg 75w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam-112x90.jpg 112w, https://uxmastery.com/wp-content/uploads/2021/10/09-vietnam.jpg 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h4 class="wp-block-heading">3. <strong>Masculinity vs. Femininity</strong></h4>



<p>Interface designs for masculine societies should be of high functionality, allowing exploration and easy control while driving the quick realization of goals. The content must make a clear distinction between age groups and genders. Incentives and reward systems can be employed to grab interest.<br><br>Austria scores higher on the masculinity index than Vietnam. Note how the University content is categorized so that visitors get what they are looking for without exploring the whole website.</p>



<p>Interfaces designed for feminine cultures need to be engaging, offer positive experiences through visual aesthetics, and support collaboration and exchange of ideas. It is vital that such interfaces are gender-neutral and designed to suggest a blurring of gender roles.<br><br>The Vietnam National University website allows visitors to leave comments and feedback across different pages, as in the image below. This was not observed for the University of Vienna website.</p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam.png"><img decoding="async" width="861" height="565" src="https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam.png" alt="" class="wp-image-109822" srcset="https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam.png 861w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-300x197.png 300w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-768x504.png 768w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-96x63.png 96w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-100x66.png 100w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-600x394.png 600w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-91x60.png 91w, https://uxmastery.com/wp-content/uploads/2021/10/11-vietnam-137x90.png 137w" sizes="(max-width: 861px) 100vw, 861px" /></a></figure>



<h4 class="wp-block-heading">4. <strong>High Uncertainty Avoidance vs. Low Uncertainty Avoidance</strong></h4>



<p>Interfaces aimed at high uncertainty avoidant cultures must look official and professional. They must offer simple navigation, prevent users from getting lost, and avoid user errors. Such interfaces must provide limited menu options and provide information in a simple structured way without ambiguity. Content must be language and culture-specific to drive familiarity, while visuals and colors that reinforce the messaging must be applied.<br><br>Austria scores higher on uncertainty avoidance compared to Vietnam. The Austrian website offers an organized footer with helpful links and a sitemap to prevent visitors from getting lost. On clicking, the different sections are further segregated to provide visitors with the information they seek.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/12-vienna.png"><img decoding="async" width="1024" height="394" src="https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-1024x394.png" alt="" class="wp-image-109823" srcset="https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-1024x394.png 1024w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-300x115.png 300w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-768x295.png 768w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-96x37.png 96w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-100x38.png 100w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-600x231.png 600w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-156x60.png 156w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna-234x90.png 234w, https://uxmastery.com/wp-content/uploads/2021/10/12-vienna.png 1253w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>Interfaces for low uncertainty avoidant audiences may be complex, offer several menu options, and support exploration. Designs and visuals may be more cutting-edge, and images and colors that drive meaning and interpretation may be applied.<br><br>The footer in the Vietnam National University website provides the main categories. The information in each section is less organized than in the University of Vienna example.</p>



<figure class="wp-block-image size-large"><a href="https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer.png"><img decoding="async" width="1024" height="285" src="https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-1024x285.png" alt="" class="wp-image-109825" srcset="https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-1024x285.png 1024w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-300x83.png 300w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-768x213.png 768w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-96x27.png 96w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-100x28.png 100w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-600x167.png 600w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-190x53.png 190w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer-324x90.png 324w, https://uxmastery.com/wp-content/uploads/2021/10/13-vietnam-footer.png 1047w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<h4 class="wp-block-heading">5. <strong>Long-Term vs. Short-Term Orientation</strong></h4>



<p>The interface for an audience with long-term orientation must support the presentation of relevant and detailed information with clear benefits and in a way that is convincing but unhurried. Content and visuals must serve the information sought. UI elements, such as wishlists and social media sharing options must be provided so that users can revisit the site.<br><br>For short-term orientation cultures, design the UX for a quick achievement of goals. Use shortcuts and clear CTAs to take immediate action. Avoid complex navigation and browsing and provide only relevant and useful images and links.<br><br>Austria and Vietnam are almost similar in their normative orientation scale. Both host prominent social media sharing options. The University of Vienna website also contains quick links and supports quick browsing, as evident in the earlier examples.</p>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social.jpg"><img decoding="async" width="1024" height="605" src="https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-1024x605.jpg" alt="" data-id="109826" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social.jpg" data-link="https://uxmastery.com/?attachment_id=109826" class="wp-image-109826" srcset="https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-1024x605.jpg 1024w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-300x177.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-768x454.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-96x57.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-100x59.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-600x355.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-101x60.jpg 101w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social-152x90.jpg 152w, https://uxmastery.com/wp-content/uploads/2021/10/14-vietnam-social.jpg 1485w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social.png"><img decoding="async" width="1024" height="396" src="https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-1024x396.png" alt="" data-id="109827" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social.png" data-link="https://uxmastery.com/?attachment_id=109827" class="wp-image-109827" srcset="https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-1024x396.png 1024w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-300x116.png 300w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-768x297.png 768w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-96x37.png 96w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-100x39.png 100w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-600x232.png 600w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-155x60.png 155w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social-233x90.png 233w, https://uxmastery.com/wp-content/uploads/2021/10/15-vienna-social.png 1327w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure></li></ul><figcaption class="blocks-gallery-caption">Both universities include social media sharing options. Left: Vietnam National University. Right: University of Vienna</figcaption></figure>







<h4 class="wp-block-heading">6. <strong>Indulgence vs. Restraint</strong></h4>



<p>When designing for an indulgent audience, you must offer more options and categories to choose from and purchase. Showing related items and offers and providing freebies are other ways to cater to such an audience.<br><br>The images and content in the “Life at Uni” and “Humans of University of Vienna” convey a sense of casualness and fun that signify the autonomy of students.<br></p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog.jpg"><img decoding="async" width="841" height="875" src="https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog.jpg" alt="" class="wp-image-109828" srcset="https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog.jpg 841w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-288x300.jpg 288w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-768x799.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-92x96.jpg 92w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-96x100.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-600x624.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-58x60.jpg 58w, https://uxmastery.com/wp-content/uploads/2021/10/16-vienna-blog-87x90.jpg 87w" sizes="(max-width: 841px) 100vw, 841px" /></a></figure>



<p>For a restrained audience, it is advisable to limit the number of options and show ways to save money through discounts. Further, information on corporate social responsibility helps to engage such audiences.<br><br>Images and the tone and presentation of content on the Vietnam National University website conveyed seriousness and reserve. There was limited focus on the inner lives of students on campus.</p>



<figure class="wp-block-image size-full"><a href="https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club.jpg"><img decoding="async" width="884" height="898" src="https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club.jpg" alt="" class="wp-image-109829" srcset="https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club.jpg 884w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-295x300.jpg 295w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-768x780.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-98x100.jpg 98w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-600x610.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-59x60.jpg 59w, https://uxmastery.com/wp-content/uploads/2021/10/17-vietnam-club-89x90.jpg 89w" sizes="(max-width: 884px) 100vw, 884px" /></a></figure>



<h3 class="wp-block-heading">7. <strong>High-Context vs. Low-Context</strong></h3>



<p>Interfaces for high-context cultures may have complex architectures with multiple sidebars and menus that encourage exploration. Heavy use of images and banners is also typical of such interfaces. Images that elicit emotions or highlight collectivist principles, such as featuring the use of products by other individuals, are used. Communication is polite and more nuanced.</p>



<p>Since Vietnam scores higher than Austria in collectivism, we can assume that Vietnam is a high-context culture. The news page on the Vietnam National University website is prolific with images and banners. There is also an emphasis on social activities, community building, scholarships, and trade union news.</p>



<p>The principles of individualistic cultures guide the design of low-context culture interfaces. Navigation is simple with limited menu and sidebar options, and images and links are fewer. Communication is explicit and precise, and images that signify personal accomplishment are used.<br><br>Since Austria scores high on individualism relative to Vietnam, it should have a low-context culture. The news page for the University of Vienna website is far simpler than the Vietnamese website, with fewer banners, images, and categories. There is a greater focus on scientific content than community news.<br></p>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context.jpg"><img decoding="async" width="886" height="682" src="https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context.jpg" alt="" data-id="109830" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context.jpg" data-link="https://uxmastery.com/?attachment_id=109830" class="wp-image-109830" srcset="https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context.jpg 886w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-300x231.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-768x591.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-96x74.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-100x77.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-600x462.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-78x60.jpg 78w, https://uxmastery.com/wp-content/uploads/2021/10/18-vietnam-context-117x90.jpg 117w" sizes="(max-width: 886px) 100vw, 886px" /></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context.jpg"><img decoding="async" width="898" height="751" src="https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context.jpg" alt="" data-id="109831" data-full-url="https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context.jpg" data-link="https://uxmastery.com/?attachment_id=109831" class="wp-image-109831" srcset="https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context.jpg 898w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-300x251.jpg 300w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-768x642.jpg 768w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-96x80.jpg 96w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-100x84.jpg 100w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-600x502.jpg 600w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-72x60.jpg 72w, https://uxmastery.com/wp-content/uploads/2021/10/19-vienna-context-108x90.jpg 108w" sizes="(max-width: 898px) 100vw, 898px" /></a></figure></li></ul><figcaption class="blocks-gallery-caption">Left: The news page of Vietnam National University. Right: University of Vienna’s new page.</figcaption></figure>







<h2 class="wp-block-heading">Understanding Limitations</h2>



<p><br>While cultural models provide a framework for understanding cultures and making design adaptations, these are largely inadequate in addressing the cultural nuances of individuals and subgroups. This is because the boundaries of culture are impossible to confine within geographical or national borders. Many cultures and subcultures may exist in the same region with marked differences making such models reflective of averages at best—further, culture changes with time and over generations. The impact of factors outside the individual and the community, such as education, the use of technology, the political and legal frameworks, or interaction with other cultural groups, are also important parameters that would define the relationship of your target audience with technology or their perception of usability.</p>



<p>However, these models can offer psychological insights to inform the design process. The ideal strategy, therefore, is to apply the understanding of cultural differences as broad principles but drive cross-cultural UX with a true understanding of cultures derived through in-depth research and cultural immersion.</p>



<h2 class="wp-block-heading">The Essential Design Elements That You Must Get Right</h2>



<p>Charles Eames said,</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>“The details are not the details. They make the design.”</p></blockquote>



<p>Nowhere is this truer than in cross-cultural design, for true localization lies in the details.</p>



<p>There are certain elements of design that you must nail to get localization right.</p>



<ol class="wp-block-list" type="1"><li>You must get geopolitical details right, especially when using maps with disputed territories. In many religions, certain foods may be prohibited at specific times or around the year, while in others, norms around dressing may exist. The messaging and imageries used must be sensitive to all such cultural, religious, social, or geopolitical sentiments.</li><li>Different cultures interpret colors differently and the significance associated with colors in one culture may differ significantly from another. To ensure effective localization, ensure that you adapt colors to suit the cultural sensibilities of your target audience.</li><li>Like colors, symbols are also subject to culture-specific interpretations. When adapting your design for a cross-cultural audience, ensure that the symbols used are familiar and drives the right meaning.</li><li>On translation, text lengths may change. To ensure minimal changes to the UI after translation, ensure ample padding for your design elements. Further, languages can have both horizontal and vertical alignment. While most languages with horizontal alignment read from left to right, others like Arabic and Persian read from right to left. For all such orientations, the correct placement of text, images, and CTAs should be ensured.</li><li>Sometimes perfection lies in the detail. For instance, when designing a form, allow users the flexibility to insert special characters, or a wider space to type a longer name. You should also be mindful of the different formats for date and phone numbers, the metric systems used, and currency and conversions.</li></ol>



<h2 class="wp-block-heading">The Takeaway</h2>



<p><br>In today’s globalized world, for a business to make its presence felt outside the home turf, it must form a relationship of trust with its audience. Design can be a powerful tool to build this trust, but it must be guided by an understanding of the audience and their cultural identities. Cultural models help suggest the mental maps of the target cultural group based on an analysis of cultural differences. However, culture models must only be used as principles to guide audience research, for it takes much more to design nuanced and inclusive UX that is not only respectful and empathetic but also usable. The latter can only be achieved with in-depth UX research and cultural immersion.</p>
<p>The post <a rel="nofollow" href="https://uxmastery.com/cross-cultural-design-designing-for-global-audiences/">Cross-Cultural Design: Designing for Global Audiences</a> appeared first on <a rel="nofollow" href="https://uxmastery.com">UX Mastery</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://uxmastery.com/cross-cultural-design-designing-for-global-audiences/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">109805</post-id>	</item>
	</channel>
</rss>
