<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Ux on Afroleft</title><link>https://afroleft.com/tag/ux/</link><description>Recent content in Ux on Afroleft</description><generator>Hugo</generator><language>en-gb</language><lastBuildDate>Sat, 07 Mar 2020 17:13:56 +0000</lastBuildDate><atom:link href="https://afroleft.com/tag/ux/index.xml" rel="self" type="application/rss+xml"/><item><title>Look around: Costs are everywhere</title><link>https://afroleft.com/look-around-costs-are-everywhere/</link><pubDate>Fri, 20 May 2016 00:00:00 +0000</pubDate><guid>https://afroleft.com/look-around-costs-are-everywhere/</guid><description>&lt;figure&gt;&lt;picture&gt;&#10; &lt;source type="image/avif" srcset="https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_bd4575f5c64eda7b.avif 480w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_b9c3487c11341ec6.avif 800w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_8c9a85410a39b77f.avif 1200w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_2916e1c457efced8.avif 1600w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_30566361a828ef90.avif 2000w" sizes="(max-width: 42rem) calc(100vw - 2.5rem), 40rem"&gt;&#10; &lt;img src="https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_a47b32000a60e05c.jpeg" srcset="https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_5d8c16a5592ae1f4.jpeg 480w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_dfe952b5fb4b7ea1.jpeg 800w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_a47b32000a60e05c.jpeg 1200w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_d0f34d500c160e38.jpeg 1600w, https://afroleft.com/images/2020/03/1-Tl-fDFqMOab4HYyx6-FjZQ_hu_46da84bca439ae92.jpeg 2000w" sizes="(max-width: 42rem) calc(100vw - 2.5rem), 40rem"&#10; width="2000" height="823" alt="" loading="lazy" decoding="async" style="background-color: #fcfcfc"&gt;&#10; &lt;/picture&gt;&lt;/figure&gt;&#10;&#10;&lt;p&gt;It’s easy to rest on the assumption that costs are &lt;strong&gt;only&lt;/strong&gt; monetary. In product design, this misses an important point — costs are everywhere:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Waiting for a webpage to load &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Typing in your card details &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Figuring out whether to trust a company you’ve never heard of before &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Learning how a product works &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Signing-up &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Waiting to find something out (yes, uncertainty) &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Having to print out, sign and post a form &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;li&gt;Handing over your personal information &lt;strong&gt;&lt;strong&gt;&lt;strong&gt;is a cost.&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;Identifying costs [and] what they might equate to for your users is an insightful way to inform how you think about the products you make.&lt;/p&gt;</description></item><item><title>We used Intercom to add £100,000s of marketplace investments at Fruitful—here’s how</title><link>https://afroleft.com/we-used-intercom-to-add-100-000s-of-marketplace-investments-at-fruitful-heres-how/</link><pubDate>Fri, 20 May 2016 00:00:00 +0000</pubDate><guid>https://afroleft.com/we-used-intercom-to-add-100-000s-of-marketplace-investments-at-fruitful-heres-how/</guid><description>&lt;p&gt;Onboarding customers to your new product is tricky.&lt;/p&gt;&#10;&lt;p&gt;Onboarding customers to a new financial product is really tricky.&lt;/p&gt;&#10;&lt;p&gt;For a mountain of security and regulatory reasons you’re required to collect and validate a towering number of data points.&lt;/p&gt;&#10;&lt;p&gt;Of course, for each additional data point that we had to collect = &lt;a href="https://medium.com/@afroleft/look-around-costs-are-everywhere-b9ba63558b52#.rkictr1mc"&gt;additional cost&lt;/a&gt; to the customer = increased risk that they might drop-off and watch videos of &lt;a href="https://www.youtube.com/watch?v=1b0ZbcdbMBI"&gt;otters eating lettuce&lt;/a&gt; instead.&lt;/p&gt;&#10;&lt;h3 id="fruitfuls-onboarding-steps"&gt;Fruitful’s onboarding steps&lt;/h3&gt;&#10;&lt;p&gt;In Fruitful 1.0 (more about the pivot &lt;a href="https://ingredients.lovefruitful.com/the-other-side-of-the-sunset-8ef487714b34#.6yfywce4r"&gt;here&lt;/a&gt; ) these were the steps for onboarding new users:&lt;/p&gt;</description></item><item><title>Keep peddling until you find the right problem</title><link>https://afroleft.com/keep-peddling-until-you-find-the-right-problem/</link><pubDate>Mon, 16 May 2016 00:00:00 +0000</pubDate><guid>https://afroleft.com/keep-peddling-until-you-find-the-right-problem/</guid><description>&lt;p&gt;Back in August 1972, New York’s Metropolitan Transportation Authority introduced the late Massimo Vignelli’s new map of the subway system.&lt;/p&gt;&#10;&lt;p&gt;New Yorkers were furious.&lt;/p&gt;&#10;&lt;p&gt;Complaints came &lt;a href="http://www.nytimes.com/2012/08/06/arts/design/the-subway-map-that-rattled-new-yorkers.html?_r=1"&gt;flooding in&lt;/a&gt;:&lt;/p&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;“Stations seemed to be in the wrong places. The water surrounding the city was coloured beige, not blue. As for Central Park, it appeared to be almost square, rather than an elongated rectangle.”&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;To Vignelli’s mind, that was the entire point (emphasis added):&lt;/p&gt;</description></item><item><title>Questions to ask your design work</title><link>https://afroleft.com/questions-to-ask-your-design-work/</link><pubDate>Tue, 29 Sep 2015 12:47:33 +0000</pubDate><guid>https://afroleft.com/questions-to-ask-your-design-work/</guid><description>&lt;p&gt;Last month I spent some time &lt;a href="https://afroleft.com/portfolio/"&gt;updating my portfolio&lt;/a&gt;. As a product / user experience / web designer, it can be quite tricky to present your work to others.&lt;/p&gt;&#10;&lt;p&gt;The rock star visual designers of this world can get away with presenting screenshots of their stunning visual work — job done, money due.&lt;/p&gt;&#10;&lt;p&gt;But if your day-to-day consists of making user flows, interaction designs, napkin wireframes, trade-offs, A/B tests, and minimum viable products, then you — like me — need to do a bit more groundwork to do the show and tell properly.&lt;/p&gt;</description></item><item><title>Same Same. But Different.</title><link>https://afroleft.com/same-same-but-different/</link><pubDate>Fri, 01 May 2015 08:57:00 +0000</pubDate><guid>https://afroleft.com/same-same-but-different/</guid><description>&lt;p&gt;It’s Sunday, late morning, and I’m right in the middle of cleaning the bathroom. In the other room I hear a frustrated girlfriend struggling to find accommodation on - lets say - website X, for our trip to the Amalfi Coast.&lt;/p&gt;&#10;&lt;p&gt;Complaints flying left, right and centre, vented in a tone that kind of suggests that this is all my fault:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;“Why won’t this?”&lt;/li&gt;&#10;&lt;li&gt;“It won’t let me!”&lt;/li&gt;&#10;&lt;li&gt;“I keep loosing my tab when I go to trip advisor for reviews!”&lt;/li&gt;&#10;&lt;li&gt;“I hate this”&lt;/li&gt;&#10;&lt;li&gt;“Why can’t it show me what’s available on the dates that we’re going”&lt;/li&gt;&#10;&lt;li&gt;“Oh FFS!”&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;…&lt;/p&gt;</description></item><item><title>This is How You Automate</title><link>https://afroleft.com/this-is-how-you-automate/</link><pubDate>Fri, 18 Oct 2013 08:39:00 +0000</pubDate><guid>https://afroleft.com/this-is-how-you-automate/</guid><description>&lt;p&gt;Just received a wonderfully engaging / automated / interesting / human / polite / funny / direct / personal upgrade message (there’s an oxymoron there, I know) from the folk at &lt;a href="https://teuxdeux.com/"&gt;TeuxDeux&lt;/a&gt;. This is how automated marketing should be:&lt;/p&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;Dearest Tom,&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;It’s been six months since the launch of the new TeuxDeux and we very much hope you’ve enjoyed it. Given how much you’ve been using it, it’s our guess that you have. In fact, with 1846 items done since you’ve been with us, you are certainly among the most productive people on the planet!&lt;/p&gt;&#10;&lt;/blockquote&gt;</description></item><item><title>Notes from Mobile First</title><link>https://afroleft.com/notes-from-mobile-first/</link><pubDate>Mon, 22 Apr 2013 19:37:00 +0000</pubDate><guid>https://afroleft.com/notes-from-mobile-first/</guid><description>&lt;p&gt;I read Luke Wroblewski&amp;rsquo;s &lt;a href="http://www.abookapart.com/products/mobile-first"&gt;Mobile First&lt;/a&gt; over the weekend. Here are my (unedited) notes:&lt;/p&gt;&#10;&lt;h3 id="usage"&gt;Usage&lt;/h3&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Mobile opens up new opportunities &amp;amp; introduces new constraints&lt;/li&gt;&#10;&lt;li&gt;Forces you to focus products &amp;amp; interfaces&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Desktop users&lt;/strong&gt; = deep sea diving&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Mobile users&lt;/strong&gt; = snorkelling&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h4 id="advantages-of-native-mobile-experience"&gt;Advantages of Native Mobile Experience:&lt;/h4&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;Better access to system resources&lt;/li&gt;&#10;&lt;li&gt;Robust access to hardware capabilities&lt;/li&gt;&#10;&lt;li&gt;Core features like access to address book / photos / camera / audio / notifications etc.&lt;/li&gt;&#10;&lt;li&gt;In-app sales&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h4 id="advantages-of-mobile-web-experience"&gt;Advantages of Mobile Web Experience:&lt;/h4&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;No updates to download&lt;/li&gt;&#10;&lt;li&gt;Less expensive&lt;/li&gt;&#10;&lt;li&gt;Can be used by all mobiles&lt;/li&gt;&#10;&lt;li&gt;Improved share-ability. [Marco Arment &lt;a href="http://www.marco.org/2013/02/24/the-magazine-sharing"&gt;wrote an interesting piece&lt;/a&gt; about this.]&lt;/li&gt;&#10;&lt;li&gt;Easier to A/B test&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h3 id="constraints"&gt;Constraints&lt;/h3&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Reduced screen size&lt;/li&gt;&#10;&lt;li&gt;Means a reduction in interface debris, complimentary content, ads and unnecessary calls to action&lt;/li&gt;&#10;&lt;li&gt;Forces us to focus&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h4 id="performance-is-vimportant"&gt;Performance is V.Important&lt;/h4&gt;&#10;&lt;p&gt;Google research shows an additional 200ms can disrupt engagement and effect bounce rates [more so, on mobile]&lt;/p&gt;</description></item></channel></rss>