small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

large_featuredImage

medium_featuredImage

small_featuredImage

thumbnail_featuredImage

What Is the Open Web?

From Design System to ‘NFT Design System’: Creating TinyFaces

<p><a href="http://ift.tt/2sHr2yI">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div>
<p>Product &amp; UX Design, Assistant Vice President @ Citibank Innovation Lab</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div><img src="http://ift.tt/2tc2j8Z" alt="1*SjyWUB3xaZfKyq1qj2XVLA.png"></div>
</div>
</div>
<div>
<p>I was browsing through LinkedIn on the mobile app and accidentally tapped “Connect” on someone’s profile. <em>Oh no! </em>I wanted to withdraw my invitation right away. The next thing I know, I’m spending the next hour trying to figure out how to do that and wondering if I was missing something. So I went back to take rough screenshots of everything so you can follow along.</p>
<blockquote><p>Empathy is important to understanding users holistically.</p></blockquote>
<blockquote><p>— <a href="https://twitter.com/MoGoltz">Shlomo Goltz</a>, User Researcher at Hearsay Social</p></blockquote>
<p>It feels like I’m making myself vulnerable. This is because maybe it should’ve just taken me a few seconds to accomplish this task. It’s not like I’m proud that I spent so much time on this and struggled with something that sounds like it would be easy. However, this is what you may find with your users who get frustrated. Here’s my experience and I hope there is something you can take away from it.</p>
<p>I needed to do this so teams out there can go through this struggle with me and see what it’s like when users get stuck. So please be nice if you thought the answer to this issue was obvious. <strong>Empathy, a key component of design thinking and user experience, involves identifying with what I am feeling and actually feeling those feelings yourself.</strong></p>
<blockquote><p>If you’ve stumbled upon this page looking for the answer to how to withdraw a LinkedIn invitation you sent on a mobile app, check out <a href="http://ift.tt/2sHyucX">Managing Invitations on the LinkedIn Mobile App</a>.</p></blockquote>
<blockquote><p>Usability answers the question, “Can the user accomplish their goal?”</p></blockquote>
<blockquote><p>— <a href="https://twitter.com/joyclee">Joyce Lee</a>, Human Factors Design at Apple</p></blockquote>
<p>After struggling for a bit to figure out how to withdraw the invitation, I asked my friend if he knew how to do it. “It shouldn’t take long,” I assured him. “I’m sure there’s something simple I’m just missing!” He pulled out his phone to help by trying to figure it out as well. We removed each other on LinkedIn and tried to send invitations to reconnect. Here’s what happened:</p>
<h3>Withdrawing a LinkedIn Invitation</h3>
<h4>Experience on the iOS</h4>
</div>
<div>
<div>
<div><img src="http://ift.tt/2tc7FkP" alt="1*cmbQ-rrrt-C0k5uhjGwHLA.png"></div>
</div>
<p>I watched my friend try to connect with me on LinkedIn, and then try to withdraw his invitation. Then I watched him tap “pending” several times and get frustrated after nothing happened.</p></div>
<div>
<p>When my friend got the last screen, he:</p>
<ol>
<li>Tapped “Pending” 3 times</li>
<li>Tapped “Share via…”</li>
<li>Tapped “back”</li>
<li>Tapped “Pending” twice</li>
<li>Tapped the home button on his iPhone twice</li>
<li>Opened Safari</li>
<li>Typed in “how to cancel linkedin invitation”</li>
<li>Clicked “<a href="http://ift.tt/2sHFcQc">Withdrawing an Invitation | LinkedIn Help</a>”</li>
<li>Looked at the page</li>
<li>Put down his phone</li>
</ol>
<div></div>
</div>
<div>
<div>
<div><img src="http://ift.tt/2tbIXRq" alt="1*Hk4SsmHHH9KsJSHmx31b5A.png"></div>
</div>
<p>I watched my friend turn to Google for assistance and then arrive a Help page from LinkedIn. However, he got frustrated when he noticed that the screenshot on the Help page was not for mobile (even though the steps were very similar anyway).</p></div>
<div>
<h4>Experience on Android</h4>
<p>We were puzzled and thought it would be helpful to check this out on Android to see if it was easier. We recreated the first few steps of sending an invitation through looking at the options to cancel the invitation. This time, the original “Connect” button was replaced with a disabled “Pending” button. We clicked the “Options” icon to see if we can withdraw the invitation but didn’t see that option there.</p>
</div>
<div>
<div>
<div><img src="http://ift.tt/2sHFd6I" alt="1*Vq-IZEhNig8aOpoZ6MLGtg.png"></div>
</div>
<p>We tried to do the same thing on Android. We sent an invitation to connect and then tried to withdraw the invitation.</p></div>
<div>
<h3>Unfollowing People on LinkedIn</h3>
<p>We played around with “unfollowing” people because we thought this behavior would be similar to “connecting.” It seemed pretty easy to unfollow on LinkedIn. The “unfollow” option appeared close to where you originally tap “follow.” However, we didn’t see “connect” working in the same manner.</p>
<div>
<div><img src="http://ift.tt/2tc0xof" alt="1*KoX_qkbGarLiOXfITel8xw.png"></div>
</div>
<p>It seems like you can follow and unfollow people pretty easily.</p>
<h3>Requests that Require Approval</h3>
<p>I wondered if LinkedIn treats invitations this way perhaps because the other member needs to approve them.</p>
<p>So I checked out Facebook and Instagram. Both are two other popular social media platforms that have similar usage rates and users, and an approval system. I wanted to do a quick-and-dirty comparison. On Facebook, all friend requests need to be approved. On Instagram, you approve requests only if you requested your Instagram to be private.</p>
<h4>Facebook lets you cancel the request in the search results and on that member’s profile</h4>
<div>
<div><img src="http://ift.tt/2sHgsHW" alt="1*PQz64tHG_3NzACi0utCWDQ.png"></div>
</div>
<p>The screens on Facebook to send a friend request and then cancel the request. You can do this on both the list of search results and on the person’s profile.</p>
<p>(I would prefer there to be more a visual difference between the first and second screen though to make it more obvious that a friend request was sent.)</p>
<h4>Instagram lets you cancel the request on that member’s profile</h4>
<div>
<div><img src="http://ift.tt/2tbOO9e" alt="1*TSDxA9gSPqnkn_stmZ_5MQ.png"></div>
</div>
<p>The screens on Instagram to send a request to follow someone, and then cancel the request. You can do this on the person’s profile.</p>
<p>(I like the change in the button background color from blue to white.)</p>
<h3>The Ah-ha Moment</h3>
<p>Luckily, I was able to find <a href="http://ift.tt/2sHyucX">Managing Invitations on the LinkedIn Mobile App</a> after I Googled “withdraw linkedin invitation mobile.” I know, maybe that should’ve been the first thing I Googled. But hey, we all do things differently.</p>
<div></div>
<p>Turns out, the solution is similar to what appeared on the <a href="http://ift.tt/2sHFcQc">Withdrawing an Invitation | LinkedIn Help</a> but it didn’t have a screenshot of LinkedIn on a desktop. So I went into the “My Network” Tab &gt; “See all 9” &gt; “Sent” Tab &gt; “Withdraw” (see below screenshots) Then I realized that the blank screen meant that I must’ve withdrawn my invitation successfully and that I had no more left to withdraw. Cool.</p>
</div>
<div>
<div>
<div><img src="http://ift.tt/2sHosZa" alt="1*S7czY4dlqg9jjOf5WizAng.png"></div>
</div>
<p>I went into the “My Network” Tab &gt; “See all 9” &gt; “Sent” Tab &gt; “Withdraw” to withdraw the invitation.</p></div>
<div>
<h3>Reflection</h3>
<p>Like with any app, there is always room for improvement. <strong>Design is not a once-and-done thing.</strong> I am not going to do an unsolicited redesign here but I would like to make some notes based on my experience trying to withdraw a LinkedIn invitation. Granted, this is based on my own personal experience and I’d love to hear if anyone else has shared this experience.</p>
<h4>1. Validate your hypothesis of where users expect to withdraw invitations</h4>
<p>The user <a href="http://ift.tt/2rTCSbZ">expects to see interface controls near what they want to control</a>. Find out or validate your hypothesis of where this is. Maybe it’s in multiple locations, like in the case of Facebook. I wondered if the ability to withdraw invitations is located in “My Network” because LinkedIn felt that these pending requests are potentially part of my network? So that’s where I should go to manage them? I see pending invitations I need to approve so I can see why someone might expect to see pending invitations they sent out there. Is that the only location users might expect to see this ability to withdraw invitations?</p>
<p>Does the app’s conceptual model match the user’s mental model? If the conceptual model is designed to reflect just one mental model when there are multiple user groups, then the other users will find the app hard to learn and use.</p>
<p>As a designer, I try to keep the “undo” equivalent close to the original function in case a user makes a mistake or changes his mind. Then I test my hypothesis.</p>
<blockquote><p>Asking users to adopt new behaviors or even modify their existing behaviors is very, very hard.</p></blockquote>
<blockquote><p>— <a href="https://twitter.com/khoi">Khoi Vin</a>, VP of UX at Wildcard</p></blockquote>
<h4>2. Make the help page relevant to device the user is on viewing it</h4>
<p>If I’m on mobile, I might expect to see a <a href="http://ift.tt/2sHFcQc">LinkedIn Help page with a screenshot relevant to my device</a>. If they are going to show me that (not ideal), then can there at least be a screenshot or link on that page for what to do when I’m on mobile or the mobile app? Luckily, I found <a href="http://ift.tt/2sHyucX">Managing Invitations on the LinkedIn Mobile App</a> after I Googled more specifically: “withdraw linkedin invitation mobile.”</p>
<div>
<div><img src="http://ift.tt/2sHIvqp" alt="1*OJcAFUlbw7p_MAnppBabBw.png"></div>
</div>
<p>This is the Help page we came across from LinkedIn.</p>
<h4>3. Make clearer which links are active vs. disabled</h4>
<p>Can you tell before tapping that nothing will happen when you tap “Pending”?</p>
<div>
<div><img src="http://ift.tt/2tbZx3r" alt="1*L7SEDXoXgKOsJfuGEr4Lfw.png"></div>
</div>
<p>On iOS, make the “Pending” link clickable if you’re going to make it look like all the rest of the links. Otherwise, make sure there’s enough of a difference to show the user that you can’t click that link. If you can’t click that link, include a note explaining the criteria for use so that we’re not stuck.</p>
<h4>4. Make sure feedback on an action is clear</h4>
<p>I saw a blank screen after I withdrew my one and only pending invitation. I realized that the blank screen meant that I got my desired result. But is there another way to show me that my invitation was successfully withdrawn other than it disappearing? Is there another way besides to inform me that I have no more invitations I can withdraw? Maybe a little note about how I have none?</p>
<h3>Conclusion</h3>
<p>Again: if you want to withdraw a LinkedIn invitation you sent on a mobile app, check out <a href="http://ift.tt/2sHyucX">Managing Invitations on the LinkedIn Mobile App</a>.</p>
<p>Luckily, I don’t need to withdraw invitations too often. However, I hope that next time, I can rely on recognition of the interface functions as opposed to trying to recall how to withdraw the invitation or Googling instructions. In the real world after the team comes up with ideas to a problem, they will put their ideas down in a tangible form to share with users. Then they can conduct testing and revise their designs accordingly.</p>
<p>Hopefully my struggle was entertaining to some of you. As I mentioned, I wanted share this with you in hopes that some of you can empathize with me or take something away from this. I’d also love to hear your thoughts and see if anyone has been in a similar situation!</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p>At the end, my friend asked, “Wait, so can you accept my LinkedIn request?”</p>
<div></div>
</div>
</div>
</div>
</div>
<div><a href="http://ift.tt/2sHr2yI">http://ift.tt/2sHr2yI</a></div>


LinkedIn Invites: How not to make your users feel like stalkers My experience withdrawing a LinkedIn…

LinkedIn Invites: How not to make your users feel like stalkers My experience withdrawing a LinkedIn…

Top Stories