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

<channel>
	<title>Design Archives - The P-Zero PM - Tips and Tools to Ensure a Successful Start to Your Product Management Career</title>
	<atom:link href="https://www.thepzeropm.com/topics/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.thepzeropm.com/topics/design/</link>
	<description>Providing essential tips and tools to ensure a successful start to your product management career.</description>
	<lastBuildDate>Wed, 14 Jan 2026 04:52:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>
	<item>
		<title>Why Your UX Designer is Your Best Friend &#8211; The PM and UX Designer Relationship</title>
		<link>https://www.thepzeropm.com/product-manager-ux-designer-relationship/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=product-manager-ux-designer-relationship</link>
		
		<dc:creator><![CDATA[Joseph Akoni]]></dc:creator>
		<pubDate>Mon, 21 Sep 2020 05:42:42 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[best friend]]></category>
		<category><![CDATA[design]]></category>
		<guid isPermaLink="false">https://www.thepzeropm.com/?p=1787</guid>

					<description><![CDATA[<p>We deep dive into how the PM works with UX Designer and how the designer's expertise in understanding the intersection of human psychology and design creates product experiences tailored to your target user.</p>
<p>The post <a href="https://www.thepzeropm.com/product-manager-ux-designer-relationship/">Why Your UX Designer is Your Best Friend &#8211; The PM and UX Designer Relationship</a> appeared first on <a href="https://www.thepzeropm.com">The P-Zero PM - Tips and Tools to Ensure a Successful Start to Your Product Management Career</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1787" class="elementor elementor-1787" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-936dd02 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="936dd02" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-acb0d22" data-id="acb0d22" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f4edb25 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image" data-id="f4edb25" data-element_type="widget" data-e-type="widget" data-widget_type="theme-post-featured-image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="600" height="601" src="https://mlz2pmrl3y6h.i.optimole.com/w:600/h:601/q:mauto/f:best/https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-bff-featured.jpg" class="attachment-large size-large wp-image-1788" alt="" srcset="https://mlz2pmrl3y6h.i.optimole.com/w:600/h:601/q:mauto/f:best/https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-bff-featured.jpg 600w, https://mlz2pmrl3y6h.i.optimole.com/w:300/h:300/q:mauto/f:best/https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-bff-featured.jpg 300w, https://mlz2pmrl3y6h.i.optimole.com/w:150/h:150/q:mauto/f:best/https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-bff-featured.jpg 150w" sizes="(max-width: 600px) 100vw, 600px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1703a97 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1703a97" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61805cf" data-id="61805cf" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7ef4601 elementor-widget elementor-widget-text-editor" data-id="7ef4601" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>We are back with another installment of the <i style="font-weight: bold;">Best Friend Series</i><span style="font-weight: 400;"> at the The P-Zero PM. </span></p><p><strong style="font-weight: 400;">Ready to meet your new best friend!? You better be! </strong></p><p><span style="font-size: 20px; font-weight: 400;">Meet the </span><span style="font-size: 20px;"><b>User Experience (UX) Designer!</b></span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e56e503 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e56e503" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66c3425" data-id="66c3425" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b9c3ea7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="b9c3ea7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-61a93ed elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="61a93ed" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6485215" data-id="6485215" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eb7f097 elementor-widget elementor-widget-image" data-id="eb7f097" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img decoding="async" width="1274" height="420" src="https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-comic.jpg" class="attachment-1536x1536 size-1536x1536 wp-image-2141" alt="Comic illustrating a &quot;back seat web designer&quot;" srcset="https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-comic.jpg 1274w, https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-comic.jpg 300w, https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-comic.jpg 1024w, https://www.thepzeropm.com/wp-content/uploads/2020/09/designer-comic.jpg 768w" sizes="(max-width: 1274px) 100vw, 1274px" />											<figcaption class="widget-image-caption wp-caption-text">Source: https://www.silkstream.net/blog/2014/12/top-10-funniest-web-design-comics.html</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5b2fdf0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5b2fdf0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3cafd9b" data-id="3cafd9b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ab32959 elementor-widget elementor-widget-text-editor" data-id="ab32959" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span lang="EN">Now, I’m sure EVERY designer can relate to the above sketch. Everybody thinks they’re a designer (Product Managers included, and I admit, I’m guilty of this too). I’m also sure this annoys the hell out of UX designers (no, but really, it does). </span></p><p><b><span lang="EN">Repeat after me</span></b><span lang="EN">:<br /><i> Just because I’ve used Microsoft Paint to add text to a photo to create a dog<br />meme does not give me the credibility to critique every design decision my<br />designer makes.</i></span></p><p><span lang="EN">Did you repeat it?</span></p><p><span lang="EN">You’re lying.</span></p><p><span lang="EN">Do it again.</span></p><p><span lang="EN">Ok. I believe you now.</span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-be3555c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="be3555c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ea340e5" data-id="ea340e5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-47a32fd elementor-blockquote--button-skin-bubble elementor-blockquote--skin-border elementor-blockquote--button-view-icon-text elementor-widget elementor-widget-blockquote" data-id="47a32fd" data-element_type="widget" data-e-type="widget" data-widget_type="blockquote.default">
				<div class="elementor-widget-container">
							<blockquote class="elementor-blockquote">
			<p class="elementor-blockquote__content">
				Just because I’ve used Microsoft Paint to add text to a photo to create a dog meme does not give me the credibility to critique every design decision my designer makes.			</p>
							<div class="e-q-footer">
											<cite class="elementor-blockquote__author">The P-Zero PM</cite>
																<a href="https://twitter.com/intent/tweet?text=Just+because+I%E2%80%99ve+used+Microsoft+Paint+to+add+text+to+a+photo+to+create+a+dog+meme+does+not+give+me+the+credibility+to+critique+every+design+decision+my+designer+makes.+%E2%80%94+The+P-Zero+PM&amp;url=https%3A%2F%2Fwww.thepzeropm.com%2Fproduct-manager-ux-designer-relationship%2F&amp;via=thepzeropm" class="elementor-blockquote__tweet-button" target="_blank">
															<i aria-hidden="true" class="fab fa-twitter"></i>																														<span class="elementor-blockquote__tweet-label">Tweet This</span>
													</a>
									</div>
					</blockquote>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c8edc74 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c8edc74" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e29eaa0" data-id="e29eaa0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e5c13d9 elementor-widget elementor-widget-text-editor" data-id="e5c13d9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>So, how can you ensure you don’t piss your designer off every time you work with them? Before we dive into how to grow your relationship with your designer BFF, let’s understand exactly what they do and how your designer assists in the process of taking your product from idea to reality.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-45819f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="45819f8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd1d967" data-id="fd1d967" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eb06c2a elementor-widget elementor-widget-heading" data-id="eb06c2a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">What does a UX Designer do?</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-69b6506 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69b6506" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a62e67e" data-id="a62e67e" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-aec83cc elementor-widget elementor-widget-text-editor" data-id="aec83cc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span lang="EN">At a high level, the designer creates a product experience that enables each member of your target audience to complete the product journey efficiently and with minimal mental effort. </span></p><p><span lang="EN">This experience that the designer creates expands beyond just understanding the user interface (UI) elements available to them, such as buttons, font size, font color, selection menu options or the text that is visible. They must also deep dive into the psychological aspects of user experience design. They must understand how human behavior and thought processes determine which UI elements are used and where they are used.</span></p><p><span lang="EN">To put it more tangibly, the UX designer decides, taking into account the user&#8217;s mind state, what layout and processes (i.e. arrangement of buttons/icons, flow of information entry, text and toggles) would facilitate that user’s successful completion of the product experience &#8212; the product experience being the task that you, the product manager, want them to accomplish.</span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6af6393 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6af6393" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d19bdc" data-id="4d19bdc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b798fd2 elementor-widget elementor-widget-heading" data-id="b798fd2" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">What does this psychology include?</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-3bbef25 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3bbef25" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43fc3fb" data-id="43fc3fb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-13d784d elementor-widget elementor-widget-text-editor" data-id="13d784d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>I’ve mentioned the words “human behavior”, “psychology” and “mind state” but what exactly does this mean in regards to product design? The designer must dig deep into understanding various aspects of the target user.  The UX designer must:</p><ul><li><span lang="EN">Understand who the user is. </span></li><li>Understand what the user is expecting to accomplish when presented with the product experience.</li><li>Understand the context in which a user is completing the product experience (e.g. why they are completing the task at hand and for whom? How long should it take to complete a task such as the one they are presented with?)</li><li><span lang="EN">Understand how the user may be feeling when beginning the product experience.</span></li><li>Understand what the user could be thinking when they are immersed in the product experience.</li></ul>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5ea72a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5ea72a4" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5dc5ef1" data-id="5dc5ef1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ad3d655 elementor-widget elementor-widget-text-editor" data-id="ad3d655" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>&#8220;Okay, the designer has to know the user in and out, so what’s a UI element?&#8221;</strong></p><p>A UI Element includes input controls, navigational and informational components, and containers that make up the overall layout of the screen.</p><p>You may think that regardless of the complexity of the product experience, picking a UI element to use is a simple process. I mean, a dropdown is a dropdown, right? Wrong.</p><p>There are numerous types of menus, buttons, navigation, media content holders, text fields and forms.  Additionally, there are endless ways to organize various design elements.  The designer must:</p><ol><li>Understand which UI elements to use.</li><li>Understand when to use them in the product experience based on how humans perceive the function of each design element.</li></ol><p>All while making sure the UI experience:</p><ol><li><b>Is not complex. </b>Which reduces user efficiency</li><li><b>Is useful</b>. ensuring the user can actually complete the task.</li><li><b>Is intuitive</b>. Ensuring the user understands how to interact with the UI elements with minimal thinking. The last thing you want is your user thinking to himself, “WTF does this button do?”</li><li><b>Abides with platform design standards</b>. This means that all UI elements have the same function and design across the entire platform.</li></ol><p><em><strong>“Okay, so the designer is basically a genius and a mind reader…got it!” </strong></em></p><p>I did tell you that you were working with <a href="https://www.thepzeropm.com/the-product-squad/" target="_blank" rel="noopener"><strong>superheroes</strong></a>, right?</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2fa530b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2fa530b" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b9be4b9" data-id="b9be4b9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8c0eafa elementor-blockquote--button-skin-bubble elementor-blockquote--skin-border elementor-blockquote--button-view-icon-text elementor-widget elementor-widget-blockquote" data-id="8c0eafa" data-element_type="widget" data-e-type="widget" data-widget_type="blockquote.default">
				<div class="elementor-widget-container">
							<blockquote class="elementor-blockquote">
			<p class="elementor-blockquote__content">
				The designer creates a product experience that enables each member of your target audience to complete the product journey efficiently and with minimal mental effort.			</p>
							<div class="e-q-footer">
											<cite class="elementor-blockquote__author">The P-Zero PM</cite>
																<a href="https://twitter.com/intent/tweet?text=The+designer+creates+a+product+experience+that+enables+each+member+of+your+target+audience+to+complete+the+product+journey+efficiently+and+with+minimal+mental+effort.+%E2%80%94+The+P-Zero+PM&amp;url=https%3A%2F%2Fwww.thepzeropm.com%2Fproduct-manager-ux-designer-relationship%2F&amp;via=thepzeropm" class="elementor-blockquote__tweet-button" target="_blank">
															<i aria-hidden="true" class="fab fa-twitter"></i>																														<span class="elementor-blockquote__tweet-label">Tweet This</span>
													</a>
									</div>
					</blockquote>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1516cb7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1516cb7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-extended">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7974ac" data-id="d7974ac" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f7144c6 elementor-widget elementor-widget-heading" data-id="f7144c6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">Where does this genius designer fit into the overall product development process?</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-f5f7afc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5f7afc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d89767" data-id="7d89767" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0e0a7d0 elementor-widget elementor-widget-text-editor" data-id="0e0a7d0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>In the chart below, you will see where the UX designer fits in the overall product development process (highlighted with the orange box and light bulb).</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-7ae30c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7ae30c2" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49dfa03" data-id="49dfa03" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78d81c9 elementor-widget elementor-widget-image" data-id="78d81c9" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img decoding="async" width="1069" height="2560" src="https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg" class="attachment-full size-full wp-image-1807" alt="" srcset="https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg 1069w, https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg 125w, https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg 428w, https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg 768w, https://www.thepzeropm.com/wp-content/uploads/2020/09/Designer-Best-Friend-Diagram-scaled.jpg 642w" sizes="(max-width: 1069px) 100vw, 1069px" />											<figcaption class="widget-image-caption wp-caption-text">Another Overly Simplified (but a little more detailed) Product Development Process</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8d0a628 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8d0a628" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b8ea29" data-id="1b8ea29" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5fbf979 elementor-widget elementor-widget-text-editor" data-id="5fbf979" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li><strong>Infuse UX Design insight into the previous PM and UX Researcher insight to create initial designs</strong> &#8211; After the PM has validated their hypothesis with the UX researcher, they will work with the UX designer to create the initial designs.  At this stage, the UX Designer gains an understanding of the product goal and the strategies the Product Manager has proposed to achieve it. The designer then determines how this goal (and its related strategies) can be achieved given company design standards/patterns while also taking into account all of the items mentioned above (UI elements available, human psychology, design complexity, etc.).  The designer will also most likely simplify any preliminary designs you had in mind with respect to how the solution should look. Trust me, you may think you have the perfect design in mind, but it can and <b>will</b> be improved by your designer.</li><li><strong>Redesigning initial designs based on engineering constraints</strong> &#8211; In this stage, engineers will take a look at your initial design to determine what is feasible based on the current technical architecture/infrastructure.  <strong><em>Note:</em></strong><em> engineering work has not started yet!</em> Your engineers will tell you which aspects of the design can be done in your desired timeframe and which would take longer to implement. If you are on a time crunch to release the product and the ideal solution requires more engineering time than your engineers currently have allocated, you will have to re-design your solution to acommodate the current engineering constraints.</li><li><strong>Re-designing after feedback from user concept testing &#8211;</strong> Before you release the design publicly, your UX researcher may suggest they conduct a user concept test to see if the new design resonates with members of your target audience. This concept test will give initial insight into whether your solution will actually facilitate in fixing your member problem. If many users deem that the design is confusing or the design does not efficiently help the member complete the desired task, then you, the PM, must work with the designer to re-configure the design. After completing the redesign, I highly recommend showing this new design to your engineering counterparts to ensure the new design does not clash with any other engineering constraints.</li><li><strong>Redesigning the solution if new requirements or engineering constraints are uncovered.</strong> At this stage, the hope is that you will not have to create any new product requirements or that your engineering team has not uncovered any new design constraints which can extend your launch timeline or cause you to have to re-design your solution. Unfortunately, this is the real world, and sh*t happens. If you do get to this stage and have to create new requirements or find new engineering constraints, then you will have to work with the designer to create a new design solution. **insert sad face**</li></ol><p>Two things you probably noticed when reading that last section:</p><ol><li>This flowchart is considerably longer than the flowchart presented in our first best friend article <strong>“<a href="https://www.thepzeropm.com/the-pm-ux-researcher-relationship/" target="_blank" rel="noopener">Why Your UX Researcher is Your Best Friend</a>”</strong>. That’s because UX Researchers tend to have distinct points in which they interact with product teams, while the designer works with the product throughout the entire development process from start to finish (or at least they should).</li><li>You may be wondering, “Why don’t you include engineering first and then go to design? Or engineering and design simultaneously?” This is a personal decision that you have to make, or you may need to follow the standards of your company. From my perspective (and this is subjective), the possibility of engineering constraints is higher than the possibility of design constraints. Design tends to naturally be more flexible than engineering. For example:<p>The designer can say “<em>Sure, let’s add a button in this section and add another item in the drop-down menu.  It would make sense for the user to be able to access the feature here.</em>” </p><p>While the engineer says, “<em>Well, we could add a button in this section, but we only have room for one button (which is already there), and to add another button, we’d have to reconfigure the entire section, which requires significant validation work to ensure we don’t compromise functionality. For the additional item in the drop-down menu, we would have to work with any downstream teams (who rely on the data in the menu) to ensure that their systems accurately use this new item selection. Adding the button and new item would probably take an additional quarter of engineering time.</em>”</p></li></ol><p>See the difference?</p><p>The possibility of design constraints limiting your maximum level of creativity for the initial designs is lower with design than with engineering. When developing initial designs, you should limit the effect that constraints have on the creativity, innovation, and magic that you and your UX designer can create. That’s why I recommend approaching your engineering stakeholder <strong>after</strong> you and your designer come up with the <b>IDEAL</b> solution. Who knows, you may impress your engineering manager so much that they get extremely excited about your design solution and they’ll dedicate even more engineering resources than originally planned! Now you have your button and your drop-down selection item. Voila! It’s magic! You’re welcome.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5168dfb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5168dfb" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fc9812" data-id="2fc9812" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7395167 elementor-blockquote--button-skin-bubble elementor-blockquote--skin-border elementor-blockquote--button-view-icon-text elementor-widget elementor-widget-blockquote" data-id="7395167" data-element_type="widget" data-e-type="widget" data-widget_type="blockquote.default">
				<div class="elementor-widget-container">
							<blockquote class="elementor-blockquote">
			<p class="elementor-blockquote__content">
				When developing initial designs, you should limit the effect that constraints have on the creativity, innovation, and magic that you and your UX designer can create. 			</p>
							<div class="e-q-footer">
											<cite class="elementor-blockquote__author">The P-Zero PM</cite>
																<a href="https://twitter.com/intent/tweet?text=When+developing+initial+designs%2C+you+should+limit+the+effect+that+constraints+have+on+the+creativity%2C+innovation%2C+and+magic+that+you+and+your+UX+designer+can+create.++%E2%80%94+The+P-Zero+PM&amp;url=https%3A%2F%2Fwww.thepzeropm.com%2Fproduct-manager-ux-designer-relationship%2F&amp;via=thepzeropm" class="elementor-blockquote__tweet-button" target="_blank">
															<i aria-hidden="true" class="fab fa-twitter"></i>																														<span class="elementor-blockquote__tweet-label">Tweet This</span>
													</a>
									</div>
					</blockquote>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-9cc40bb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9cc40bb" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e89151d" data-id="e89151d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5bdf365 elementor-widget elementor-widget-heading" data-id="5bdf365" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">How do you continue to cultivate your relationship with your new BFF?!</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-94c4b44 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="94c4b44" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-677a415" data-id="677a415" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eed49c3 elementor-widget elementor-widget-text-editor" data-id="eed49c3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li><strong>Treat your designers like you treat your engineers! </strong>Realize that design isn’t as subjective as you think. There can be a right and a wrong way to design something. There are design standards and concepts that your designer knows THAT YOU DON’T.  Most of the time, your designer will know what’s right and you won’t. Don’t focus on questioning HOW a designer got to a solution because doing so makes it seem as if you are questioning their design skills. Instead, question the WHY, because that is most important and will lead to your understanding of if their design solution will solve member needs. You don’t hover over the shoulder of your engineers and provide suggestions every 10 seconds about changes to make to their code, do you? No. So, don’t do that with your designers.</li></ol>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-979c4c1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="979c4c1" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c48c1b8" data-id="c48c1b8" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-caa1b7f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="caa1b7f" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d27b48" data-id="8d27b48" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6299104 elementor-widget elementor-widget-image" data-id="6299104" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
												<figure class="wp-caption">
										<img decoding="async" src="https://www.thepzeropm.com/wp-content/uploads/elementor/thumbs/comic-design-vs-eng-ovs00hr7r7h5abj0a954dxeixasjwopc7u99bk8hpk.jpg" title="comic-design-vs-eng" alt="comic-design-vs-eng" loading="lazy" />											<figcaption class="widget-image-caption wp-caption-text">Source: https://twitter.com/tomgreever/status/621797633804242944</figcaption>
										</figure>
									</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e8acdcc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e8acdcc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30dbe92" data-id="30dbe92" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-00ad53b elementor-widget elementor-widget-text-editor" data-id="00ad53b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="MsoNormal"><span lang="EN">You would never say something like this to an engineer, would you?&nbsp; Well, I hope not!</span></p>
<p class="MsoNormal" style="padding-left: 40px;"><strong>2. Discuss with your designer how you will communicate design ideas.</strong> Will you send them a bullet list of your ideas?&nbsp; A rough sketch of your ideas? Will you have a collaboration session in which the both of you come up with the initial design? I’m a visual person who is highly proficient in Photoshop, Balsamiq, and Figma. I can throw together a prototype fairly quickly. I prefer to use Figma to create my initial design thoughts or iterate on current designs (and I communicate this to all designers I work with).&nbsp; Regardless of how you like to communicate ideas, <strong>please communicate this to your designer!</strong> I once presented a design concept in a JPG that I created with photoshop to a designer a couple years ago.&nbsp; She looked at me like, “Who TF do you think you are? So, you’re the designer now?” I learned my lesson pretty quickly and let her know that this is just how I communicate product ideas best! Hahaha…whew…</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8fc5514 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8fc5514" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a9fd78" data-id="4a9fd78" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6f9e7d5 elementor-widget elementor-widget-image" data-id="6f9e7d5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="375" height="375" src="https://mlz2pmrl3y6h.i.optimole.com/w:375/h:375/q:mauto/f:best/https://www.thepzeropm.com/wp-content/uploads/2020/09/homer-gif.gif" class="attachment-large size-large wp-image-1794" alt="" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-393d8c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="393d8c3" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9247949" data-id="9247949" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-41d9edd elementor-widget elementor-widget-text-editor" data-id="41d9edd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="padding-left: 40px;"><strong>3. Clearly communicate the user problem. </strong>You have to communicate the user problem so that your designer knows what problem she will be solving with her designs. Make sure you have all of your initial requirements upfront. Making a designer have to go back and edit the placement of a UI element three times because you didn’t confirm what use case you were solving will make your designer hate you! Lol (no, really, it will).</p><p style="padding-left: 40px;"><strong>4. Clearly communicate any subsequent design changes and keep these subsequent design change requests organized. </strong>Design changes after the original design is completed will happen. This is not ideal, but not uncommon, so don’t freak out! Make sure you keep track of all product design requests in an organized manner, so your designer knows exactly what they need to do when they need to do it. More likely than not, your designer will have 10342 other projects she is working on. If you want your designers to like you, make their lives easier by staying organized on every design task that must be done.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-2eec47a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2eec47a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce42306" data-id="ce42306" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1a142df elementor-widget elementor-widget-heading" data-id="1a142df" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">Why is the UX Designer your best friend?</h5>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1afc206 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1afc206" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b27dd2f" data-id="b27dd2f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8ed77a4 elementor-widget elementor-widget-text-editor" data-id="8ed77a4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span style="font-weight: 400;">In summary, t</span>he designer creates an experience enabling each member of your target audience to complete the product journey efficiently and with minimal mental effort by taking into account how human psychology forces us to interact with UI elements.</p><p>The designer will be a <strong><a href="https://www.thepzeropm.com/the-product-squad/" target="_blank" rel="noopener">Prod Squad member</a></strong> you interact with throughout the entire development process. Make sure you communicate product and potential design changes EARLY when necessary. </p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-969b97a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="969b97a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ec0c2a" data-id="2ec0c2a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-13ca9d5 elementor-widget elementor-widget-text-editor" data-id="13ca9d5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Welcome onboard Flight #143 en route to Product Launch Success, it’s your captain speaking. Hold on to your new best friend: it’s going to be a bumpy but enjoyable ride.</p><p>Bon Voyage! Que te vaya bien!</p><p>Oh, and for fun, another comic on how not to treat your UX Designers&#8230;</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-97c4f0b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="97c4f0b" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b8c98d7" data-id="b8c98d7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4c64724 elementor-widget elementor-widget-image" data-id="4c64724" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="600" height="497" src="https://www.thepzeropm.com/wp-content/uploads/2020/09/design-critic-upload.jpg" class="attachment-large size-large wp-image-1795" alt="" srcset="https://www.thepzeropm.com/wp-content/uploads/2020/09/design-critic-upload.jpg 600w, https://www.thepzeropm.com/wp-content/uploads/2020/09/design-critic-upload.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bda4bf6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bda4bf6" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a38914c" data-id="a38914c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6fbf18e elementor-widget elementor-widget-text-editor" data-id="6fbf18e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Don’t be any of these people&#8230;please&#8230;</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://www.thepzeropm.com/product-manager-ux-designer-relationship/">Why Your UX Designer is Your Best Friend &#8211; The PM and UX Designer Relationship</a> appeared first on <a href="https://www.thepzeropm.com">The P-Zero PM - Tips and Tools to Ensure a Successful Start to Your Product Management Career</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
