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

<channel>
	<title>UX craft Archives &#8212; Stampede: the strategic design &amp; technology company</title>
	<atom:link href="https://stampede-design.com/blog/tag/ux-craft/feed/" rel="self" type="application/rss+xml" />
	<link>https://stampede-design.com/blog/tag/ux-craft/</link>
	<description>We are creating better worlds though thoughtful design and technology. Connect with us!</description>
	<lastBuildDate>Fri, 24 Apr 2026 04:56:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.6</generator>

<image>
	<url>https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-32x32.png</url>
	<title>UX craft Archives &#8212; Stampede: the strategic design &amp; technology company</title>
	<link>https://stampede-design.com/blog/tag/ux-craft/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Building the Eye: A Guide to Designer Self-Critique</title>
		<link>https://stampede-design.com/blog/designers-guide-to-self-critique/</link>
					<comments>https://stampede-design.com/blog/designers-guide-to-self-critique/#respond</comments>
		
		<dc:creator><![CDATA[Amirul Zaidun]]></dc:creator>
		<pubDate>Fri, 24 Apr 2026 04:02:09 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[craft]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Design best practices]]></category>
		<category><![CDATA[malaysia]]></category>
		<category><![CDATA[team culture]]></category>
		<category><![CDATA[UX craft]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=19596</guid>

					<description><![CDATA[<p>The worst thing I used to do was submit design the moment it felt right. I genuinely believed I was thorough. That feeling was the problem. Being close to your work is not the same as understanding it. Here's how I built a structured approach to self-critique.</p>
<p>The post <a href="https://stampede-design.com/blog/designers-guide-to-self-critique/">Building the Eye: A Guide to Designer Self-Critique</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">The worst thing I used to do after finishing a design was to just immediately submit it.</p>



<p>I used to use my gut feeling and intuition to tell what’s good and what’s not, even for critiquing my own designs and work.</p>



<p>Not because I was careless. I genuinely believed I had been thorough. I had spent hours on it. I believed I had looked at it from every angle. It felt right and that ‘feeling’ was the problem.</p>



<p>Being close to your work is not the same as understanding it. And for a long time, I confused the two.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="790" height="431" src="https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-790x431.png" alt="Designer sitting at desk with arms crossed, smiling confidently at monitor showing UI design. Warm illustration style, soft shadows." class="wp-image-19597" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-790x431.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-300x164.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-768x419.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-1536x838.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-2048x1117.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<p>Skipping self-critique has real consequences. They just tend to show up at the worst possible moment. Work gets submitted with decisions that were never challenged. When a reviewer asks why something was done a certain way, the designer either can&#8217;t answer or scrambles to reconstruct a rationale they&#8217;ve already forgotten, or hasn’t ever considered.</p>



<p>Inconsistencies slip through. A spacing rule applied on one screen but ignored on the next. A hierarchy that made sense in isolation but breaks down across the flow. Trust erodes quietly. Not because the designer lacks skill, but because the work still carries the fingerprints of someone who was too close to it when they called it done.</p>



<p>Over time, the absence of self-critique doesn&#8217;t just affect the output. It limits how fast you grow. Without the habit of interrogating your own decisions, you stop building the vocabulary to explain your craft to yourself, your team, and the people you are designing for.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">The real design self-critique failure mode isn&#8217;t laziness</h2>



<p>Usually, designers do look at their work before submitting. That&#8217;s not where the gap is.</p>



<p>The gap is that they critique against nothing.</p>



<p>No ground. No principles. No framing. The review becomes: does this look right? Does this feel good? And because you made it, it almost always does. Your eye is already calibrated to what you built, not to what was actually needed.</p>



<p>This is especially common for middleweight designers. Not because we are less capable, but because nobody explicitly teaches this in our culture, especially if you’re self thaught. You learn to execute. You learn to iterate. But the practice of interrogating your own decisions before anyone else does is rarely discussed, rarely modelled, and in many design teams here in Malaysia, rarely even practised.</p>



<p>The word ‘critique’, already carries weight in Malaysian context. It sounds like conflict. It sounds like something that happens to your work, not something you do for it. That mindset has to change.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Design self-critique needs a ground</h2>



<p>Here is what I have learned: self-critique is not a final step. It is only possible if you have set the foundation upfront.</p>



<p>Before you open Figma, before you write the first word, before you decide on a layout, ask yourself: what user outcome am I solving for? What principles am I carrying through this work? What does good actually look like here?</p>



<p>That is your ground. Everything you build gets measured against it, not against whether it looks polished.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="790" height="444" src="https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-790x444.png" alt="Cross-section illustration of an iceberg showing three layers: &quot;Goal and Outcomes&quot; as the deep foundation underwater, &quot;Strategy and Principles&quot; in the middle layer, and &quot;Execution&quot; above water on the surface." class="wp-image-19598" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg.png 960w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<p>When I started doing this, the critique became less subjective and more structured. I could ask real questions. Why did I use rows of three in this card list? Why this colour here? Why this hierarchy? If I had a reason and a grounded reason tied to the framing, the decision holds. If I could not answer, that was the critique finding me first.</p>



<p>Not intuitive. Intentional.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Write your rationale down as you go</h2>



<p>The second shift was documentation, not for handoff, not for the client, but for myself.</p>



<p>Every design is a sequence of decisions. And most designers make those decisions well in the moment, then let them disappear. The rationale lives in their head, and by the time a reviewer asks why, they have either forgotten or can only reconstruct it verbally on the spot.</p>



<p>Writing decisions down as you go changes this completely. Not everything. Just the ones that matter. Why you chose this approach over the alternative. What you were optimising for. What you deliberately left out.</p>



<figure class="wp-block-image size-full is-style-expanded"><img decoding="async" width="1738" height="900" src="https://stampede-design.com/wp-content/uploads/2026/04/Framing-2.png" alt="Screenshot of design project file showing sticky note annotations organized into sections: goal framing, layout plan, component approach, and principles with decision rationale written in yellow notes." class="wp-image-19610" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Framing-2.png 1738w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-300x155.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-790x409.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-768x398.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-1536x795.png 1536w" sizes="(max-width: 1738px) 100vw, 1738px" /><figcaption class="wp-element-caption">Example of a screen level framing. You can also do this at higher elevations such as at feature or product level.</figcaption></figure>



<p>When you include your thinking alongside the work and not just the visual, but the reasoning behind it, two things happen. First, you are forced to articulate what you actually believe, which sharpens the thinking. Second, when you come back to critique, you have something real to interrogate. Not just a screenshot, but a position, grounded against your foundational framing.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>A reviewer asking why you made a decision should never catch you off guard. If it does, that is a signal that the critique was incomplete.&#8221;</p>
</blockquote>



<p>And now with AI where you can <a href="https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/">augment the design assembly process</a>, it is more and more critical to be conscious about the goal, principles and how to execute at every step along the way. This is what design work look like at Stampede, less executing and assembly, more strategic thinking and tactical planning.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Create distance before you do self-critique</h2>



<p>The third thing, and the one most junior designers skip entirely: walking away before you review.</p>



<p>After a session of deep work, you are still the author. Your eye will fill in the gaps, smooth over the rough edges, and read what you intended, not what is actually there. You are too close to see clearly.</p>



<p>The fix is temporal distance. Close the laptop. Do something else. Come back in half an hour, or better, the next morning.</p>



<p>I have finished work in the evening and told myself I would do the self-critique first thing the following day and come back to find things I simply could not have seen the evening before. Not because I was tired. Because I had forgotten what I was trying to do, and that forgetting is exactly the point. Fresh eyes read the work the way a user would, not the way its creator would.</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="790" height="364" src="https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-790x364.png" alt="Three-panel illustrated comic: designer at desk celebrating work completion, designer walking outside, designer back at desk with realization face saying &quot;Wait. What is this?&quot;" class="wp-image-19603" style="width:950px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-790x364.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-300x138.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-768x353.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-1536x707.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-2048x942.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Walking away from your design for a bit work wonders to help you come back with fresher eyes.</figcaption></figure>



<p>Seasoned designers can do this in real-time. They have developed the ability to zoom out mid-flow, switch modes, and critique in live. That is the goal. But for most of us especially Malaysian middleweights, the shortcut is physical and temporal separation. And it works.</p>



<p>The other thing worth naming: do not be married to what you built. Don’t be afraid to murder your darlings. This sounds obvious, but it is harder than it sounds. When you have spent hours on something, it’s only natural to defend it. You will subconsciously frame your review to protect the decisions you have already made. The only way past this is to approach the review with genuine openness. Treating your own work the way you would treat someone else&#8217;s.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Sharpen the eye by dissecting other people&#8217;s work</h2>



<p>Self-critique gets easier the more you study good work.</p>



<p>Not to copy it. To understand it.</p>



<p>When you open an app, a website, a data visualisation, pause and ask why things are the way they are. What is the grid? Why this spacing? Why does this interaction feel smooth when a similar one elsewhere feels clunky? What is the overarching principles and the intent of the design? What is it trying to solve ultimately?</p>



<figure class="wp-block-image size-full is-style-expanded"><img loading="lazy" decoding="async" width="2560" height="1246" src="https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-scaled.png" alt="Annotation breakdown of Wise money transfer interface showing five key design decisions: &quot;Clarity first,&quot; &quot;No hidden markup,&quot; &quot;Trust earned,&quot; with detailed notes on problem solved, principles, visual hierarchy, information grouping, and granular labeling." class="wp-image-19613" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-scaled.png 2560w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-300x146.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-790x384.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-768x374.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-1536x747.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-2048x996.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Dissecting WISE&#8217;s landing page, trying to understand what approach, principles and execution was used </figcaption></figure>



<p>Most of us consume design passively. We notice when something looks nice. Few of us stop to deconstruct why it works and fewer still ask why it doesn&#8217;t, even when it looks fine on the surface.</p>



<p>The more you practise this on other people&#8217;s work, the more naturally you do it on your own. You start to notice the questions before a reviewer does. You start to ask, before anyone else: if someone looked at this with fresh eyes, what would they challenge?</p>



<p>That shift from creator to first critic, is what the practice is building toward. It’s building that muscle so it comes natural to you the more you mature as a designer.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Where this ends up</h2>



<p>Eventually, none of this should feel like extra work. The framing, the documentation, the distance, the dissection. These should become so embedded in how you work that finishing and critiquing are the same act.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1856" height="2123" src="https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0.png" alt="Close-up photograph of designer's hands on keyboard with Figma design blurred in background and a sticky note in foreground with the question &quot;Can you answer for this?&quot;" class="wp-image-19605" style="width:451px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0.png 1856w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-262x300.png 262w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-790x904.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-768x878.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-1343x1536.png 1343w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-1790x2048.png 1790w" sizes="(max-width: 1856px) 100vw, 1856px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>For designers who have been self-critiquing for over twenty years, that is already true. The critique is happening constantly, live, almost invisibly. It is in the DNA.</p>



<p>For the rest of us, we build toward it. We make the scaffold visible until it becomes instinct.</p>



<p>The measure, for now, is simple: before you ship, can you answer for every decision? Not defend it. Just answer for it.</p>



<p>If you can&#8217;t, you are not there yet.</p>
</div>
</div>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/designers-guide-to-self-critique/">Building the Eye: A Guide to Designer Self-Critique</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/designers-guide-to-self-critique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Getting Started with UX Writing</title>
		<link>https://stampede-design.com/blog/getting-started-with-ux-writing/</link>
					<comments>https://stampede-design.com/blog/getting-started-with-ux-writing/#comments</comments>
		
		<dc:creator><![CDATA[Zana Fauzi]]></dc:creator>
		<pubDate>Sat, 05 Aug 2017 11:40:34 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[content design]]></category>
		<category><![CDATA[UX craft]]></category>
		<category><![CDATA[UX writing]]></category>
		<category><![CDATA[writing skills]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=8096</guid>

					<description><![CDATA[<p>I came across this tweet from Smashing Magazine the other day, asking, &#8220;What are the things you wish you&#8217;d known when you started working on the web?&#8221; &#160; Two things came to mind: one, is that you will not get good overnight — and knowing the fast-paced tech industry, even if you have mastered one skill,&#8230;<a href="https://stampede-design.com/blog/getting-started-with-ux-writing/"> Keep reading</a></p>
<p>The post <a href="https://stampede-design.com/blog/getting-started-with-ux-writing/">Getting Started with UX Writing</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>I came across this <a href="https://twitter.com/smashingmag/status/892447791791960064">tweet from Smashing Magazine</a> the other day, asking, &#8220;What are the things you wish you&#8217;d known when you started working on the web?&#8221;</p>
<p>&nbsp;</p>
<p><div class="full-c-b"><img loading="lazy" decoding="async" class="alignnone wp-image-7985 size-full" src="https://stampede-design.com/wp-content/uploads/2018/12/participant-writing-some-ideas.jpg" alt="Participant writing some ideas" width="1140" height="884" /></div></p>
<p>Two things came to mind: one, is that you will not get good overnight <span>— and knowing the fast-paced tech industry, even if you have mastered one skill, you should be able to learn new things as it progresses.</span></p>
<p>Which brings to the second point: I wish I had known that while technical skills are important, I felt I should invest more on adaptable skills such as critical thinking, strategic thinking and <em>writing</em>.</p>
<h2>Why writing?</h2>
<p>When I started writing for corporate, I was told that writing is easy. So<span> I pretty much walked in for the job with that same mindset in mind. I thought personal blogging would prepare me tremendously for the job, and boy I was so wrong. </span></p>
<p>When you write for your personal blog, you give less attention to your audience because you pretty much write <em>for</em> and about yourself. However, when you write for someone else in mind, you need to be mindful of who they are, what roles they have, what nuances are better suited for them <span>— the list goes on. </span></p>
<p>Furthermore, I learned how to structure my writing and vary my pace accordingly so the audience will be engaged and not get bored in the process.</p>
<p>Something, like below.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8100 size-full" src="https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV.png" alt="writing pace" width="685" height="690" srcset="https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV.png 685w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-298x300.png 298w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-32x32.png 32w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-50x50.png 50w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-64x64.png 64w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-96x96.png 96w, https://stampede-design.com/wp-content/uploads/2017/08/GMyxkJV-128x128.png 128w" sizes="(max-width: 685px) 100vw, 685px" /></p>
<p>Now that I have ventured into tech and UX, writing gets much more challenging.</p>
<h2>What does writing have got to do with UX?</h2>
<p>If you notice, a large chunk of user experience is delivered through written messages. Think about the time when you are tickled pink by <a href="https://www.creativebloq.com/web-design/best-404-pages-812505">a funny copy on a 404 page</a>, or <a href="http://littlebigdetails.com/post/148048718425/airbnb-when-contacting-multiple-hosts-the-last">being overwhelmed trying to contact several houses on Airbnb</a>, or maybe something as routine as trying to find the most appropriate emoji to reply to Tony&#8217;s Slack message (OK, maybe just us for this one!)</p>
<p><img loading="lazy" decoding="async" class="aligncenter" src="https://68.media.tumblr.com/a0e598d96d392bcc6ce663e8b2e0cda8/tumblr_nxqjrnzdPp1qea4hso1_400.gif" alt="Slack" width="377" height="438" /></p>
<p><p class="capt_block"><strong>No emoji? </strong>When Slack can’t find an emoji that matches your search, it shows a crying emoji in response.</p></p>
<p>&nbsp;</p>
<p>Like traditional writing, <span>all of the above mentioned are written with an <em>audience</em> in mind. The modus operandi is the same — find out who you will be designing and writing for, do user research, strategise, design, develop, test and launch! </span></p>
<p><span>Traditional writing is often accompanied by content planning. The same goes to UX writing. It is often accompanied and informed by content strategy. UX design and writing will also consider users&#8217; mental states at <em>every</em> phase of the interaction. </span></p>
<p><span>This is something traditional writing lacks of, and where the challenge actually lies.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8000 size-full" src="https://stampede-design.com/wp-content/uploads/2018/01/mailchimp-high-five.jpg" alt="Mailchimp" width="1140" height="770" /></p>
<p><p class="capt_block"><strong>Addressing the current mental state</strong>&#8220;I just sent my newsletter to 500 subscribers! What if they don&#8217;t like it? What if I have typos? Oh Freddy high-fives me!&#8221; Mailchimp took into account a user&#8217;s mental state upon scheduling a newsletter, and crafted a witty success message to alleviate it.</p></p>
<p>&nbsp;</p>
<h2>It seems hard, but is it worth it?</h2>
<p>UX writing is one of the most sought after skills these days, especially with the rise of <a href="https://www.fastcodesign.com/3054934/the-next-phase-of-ux-designing-chatbot-personalities">conversational interfaces and chatbots</a>. Not only that, John Maeda, in his annual <a href="https://designintechreport.wordpress.com/">Design in Tech</a> report, suggests that besides coding, the other “unicorn” skill a designer should have would be writing.</p>
<p>The need for UX writers definitely will increase. Hence it is good to start building the experience needed for the role.</p>
<p>So, ready to level up?</p>
<p><img loading="lazy" decoding="async" class="aligncenter" src="https://media.giphy.com/media/mr3jjeIlnlIli/giphy.gif" alt="" width="500" height="281" /></p>
<h2>Getting started with UX writing</h2>
<h3>Start writing!</h3>
<p>Take 15 minutes every day to write freely. It does not have to be about work <span>— it can be about thoughts on things or whatever comes to your mind.</span></p>
<p>One good example that I came across on taking notes of your observation is in <a href="http://www.raptitude.com/2017/07/alternative-to-thinking-all-the-time/">this article about engaging in the moment and putting words to things</a>. I especially love how David describes the word &#8216;petrichor&#8217;, <span>the earthy scent of rain having just fallen on soil after a dry spell, &#8220;you definitely knew petrichor before you knew it had a name.&#8221; His observation on how wine-tasting professionals let their senses take in the scene so they could describe how every wine tastes like, is also worth noting.</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8164 size-full" src="https://stampede-design.com/wp-content/uploads/2018/01/petrichor.jpg" alt="" width="1284" height="484" /></p>
<p><span>You can start by writing something as simple as how your day goes, or what you are thankful about. If you are having problems to write, some websites offer writing prompts to get you started:</span></p>
<ul>
<li><a href="https://dailypost.files.wordpress.com/2013/12/365-days-of-writing-prompts-1387477491.pdf">365 Days of Writing Prompts</a></li>
<li><a href="https://www.writersdigest.com/prompts">Creative Writing Prompts</a></li>
<li><a href="https://www.reddit.com/r/WritingPrompts/">Writing Prompts subreddit</a></li>
</ul>
<p>&nbsp;</p>
<h3></h3>
<h3>Pay attention to UX writing in the wild</h3>
<p>One of the best ways to learn writing for UX is to observe and learn. <a href="https://medium.com">Medium</a> is good place to start, as it is filled with tech articles of case studies, redesign stories, tips and tricks and many more. Case studies and redesign stories will be helpful to write design justifications <span>— it will help you to articulate your design reasoning better. </span></p>
<p>You can also start observing on how some microcopy on the apps you have been using influence your emotions and actions. Calling for Uber? Take note of the copy they use to book a ride. Searching for a product on Lazada? How good is the search copy on the website? <a href="http://goodmicrocopy.com/">Good Microcopy</a> is also one the best places to start to learn.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8054 size-full" src="https://stampede-design.com/wp-content/uploads/2017/07/tumblr_opt8rxffoH1v1h4zko1_1280.jpg" alt="quora-search" width="800" height="411" srcset="https://stampede-design.com/wp-content/uploads/2017/07/tumblr_opt8rxffoH1v1h4zko1_1280.jpg 800w, https://stampede-design.com/wp-content/uploads/2017/07/tumblr_opt8rxffoH1v1h4zko1_1280-300x154.jpg 300w, https://stampede-design.com/wp-content/uploads/2017/07/tumblr_opt8rxffoH1v1h4zko1_1280-768x395.jpg 768w, https://stampede-design.com/wp-content/uploads/2017/07/tumblr_opt8rxffoH1v1h4zko1_1280-790x406.jpg 790w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<p><p class="capt_block"><strong>Ahead of the way </strong>A recent delightful microcopy I found out was how Quora provides similar questions in line with yours. If there is no similar questions posted yet, then you may proceed to submit the question.</p></p>
<h3></h3>
<h3></h3>
<p>&nbsp;</p>
<h3>Get feedback</h3>
<p>Learning is a two-way process. Once you have put down a substantial amount of practice, time to get some opinions! Getting feedback helps you to see your writing from a different viewpoint, and so you can start writing more inclusively.</p>
<p>If there is no access to any UX professionals around you, you can seek out feedback online. <a href="https://www.slacklist.info/">Slacklist </a>is the good place to find a UX channel start to share your work. Alternatively, there is a number of UX Facebook groups ready to help you learn.</p>
<h3>Build portfolio</h3>
<p>There is also something important I learned last week from author Jocelyn K. Glei on <a href="http://jkglei.com/progress/">progress</a>, &#8220;Most of us make advances small and large every single day, but we fail to notice them because we lack a method for acknowledging our progress. So, acknowledge them.&#8221;</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-8167 size-full" src="https://stampede-design.com/wp-content/uploads/2017/08/File-Jul-26-22-29-12.jpg" alt="paper craft" width="1200" height="900" srcset="https://stampede-design.com/wp-content/uploads/2017/08/File-Jul-26-22-29-12.jpg 1200w, https://stampede-design.com/wp-content/uploads/2017/08/File-Jul-26-22-29-12-300x225.jpg 300w, https://stampede-design.com/wp-content/uploads/2017/08/File-Jul-26-22-29-12-768x576.jpg 768w, https://stampede-design.com/wp-content/uploads/2017/08/File-Jul-26-22-29-12-790x593.jpg 790w" sizes="(max-width: 1200px) 100vw, 1200px" /></p>
<p><p class="capt_block"><strong>Tracking progress </strong>Knowing she&#8217;d be overwhelmed, Glei constructed an analog &#8216;progress tracker&#8217; for all the key pieces of her upcoming podcast. The minute she created this roadmap, she felt more grounded, motivated, and in control.</p></p>
<p>&nbsp;</p>
<p>You wouldn&#8217;t know how good you are at writing for UX without building your portfolio. Dropbox has a good guideline on <a href="https://medium.com/dropbox-design/how-to-create-a-ux-writing-portfolio-3c65fa08f2aa">how to start building your UX writing portfolio</a>, taking consideration of how to present your work in the context of the user&#8217;s intent &amp; navigations.</p>
<h2>Process, not progress</h2>
<p>Going back to my initial thought on Smashing Magazine tweet about not being good overnight: <em>you will not be good overnight and that is OK</em>. If you think about it, UX writing is a marriage of two very highly skilled disciplines <span>— user centered design and traditional persuasive copywriting. It is understandable that it will take time to be really good at these two crafts.</span></p>
<p>So start writing, observing, getting feedback and building those portfolio. If you decide to break into UX writing, or have been doing UX writing already, I&#8217;d love to hear more of your insights about this post and your experience.</p>
<p>In the meantime, write on!</p>
<p>The post <a href="https://stampede-design.com/blog/getting-started-with-ux-writing/">Getting Started with UX Writing</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/getting-started-with-ux-writing/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Microinteractions: Details that Are Not the Details</title>
		<link>https://stampede-design.com/blog/details-not-details/</link>
					<comments>https://stampede-design.com/blog/details-not-details/#respond</comments>
		
		<dc:creator><![CDATA[Zana Fauzi]]></dc:creator>
		<pubDate>Fri, 06 May 2016 04:55:24 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[details]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[microinteractions]]></category>
		<category><![CDATA[UI design]]></category>
		<category><![CDATA[UX craft]]></category>
		<guid isPermaLink="false">http://dev.stampedelabs.com/client/v3/wp/?p=6357</guid>

					<description><![CDATA[<p>We have seen microinteractions - we encounter them every day. Here are some rundown on microinteractions and how they could help make or break the website.</p>
<p>The post <a href="https://stampede-design.com/blog/details-not-details/">Microinteractions: Details that Are Not the Details</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="lead" class="lead">The <a href="https://stampede-design.com/about/">strategists at Stampede</a> are up to something again. One day, Jared the Content Strategist, who ran <a href="http://constructs.stampede-design.com/" target="_blank">Constructs</a>, and I sat down for a meeting about interfaces in general.</p>
<p>We ran through a number of websites we liked and as we cooed over every single detail that makes the user experience even more delightful, we decided to create our own Slack channel called #ui-inventory. There, we shall post our favourite interface elements, be it icon, copy, buttons, forms etc. This shall serve as references for both of us as we work on our strategies for projects as well as for our UI/UX designer, Shaza. Who knows what shall we do with the repository later?</p>
<p><div class="full"><img decoding="async" class="alignnone wp-image-7581" src="https://stampede-design.com/wp-content/uploads/2016/05/brain.gif" alt="The Brain" /></div></p>
<h2>What are microinteractions?</h2>
<p><a href="http://microinteractions.com/what-is-a-microinteraction/" target="_blank">Microinteractions</a> can be defined as ‘contained product moments that revolve around a single use case—they have one main task’. They can impact things such as:</p>
<ul>
<li>Turning things off or on</li>
<li>Commenting in any digital medium</li>
<li>Changing a setting or process</li>
<li>Viewing a notification or message</li>
<li>Sliding down the “screen” on a mobile device to refresh content (maybe with sound)</li>
<li>Interacting with a data element, such as checking the weather</li>
<li>Accomplishing any single task</li>
<li>Connecting devices, such as those for multi-player games, or printing from your laptop</li>
<li>Sharing or liking a photo or video on a website</li>
</ul>
<p><a href="http://www.odannyboy.com/" target="_blank">Dan Saffer</a>, Director of Interaction Design at <a href="http://smartdesignworldwide.com/" target="_blank">Smart Design</a> and the author of the book <a href="http://microinteractions.com/" target="blank">Microinteractions</a>, says “Every time you change a setting, sync your data or devices, set an alarm, pick a password, log in, set a status message, or favourite or “like” something, you are engaging with a microinteraction. They are everywhere: in the devices we carry, the appliances in our house, the apps on our phones and desktops, even embedded in the environments we live and work in. Most appliances and some apps are built entirely around one microinteraction.”</p>
<p>The book Microinteractions is inspired by Charles Eames’ maxim, <em>“The details are not the details. They make the design.</em>”</p>
<p><div class="full"><img decoding="async" class="alignnone wp-image-7583" src="https://stampede-design.com/wp-content/uploads/2018/02/microinteractions-structure.jpg" alt="Micro-interactions Structure" /></div></p>
<h2>Examples of microinteractions in UI</h2>
<p>We have seen microinteractions. They are nothing new and we encounter them every day, often adding joy to our experience when they are done well.</p>
<p><div class="full"><img decoding="async" class="wp-image-7587" src="https://stampede-design.com/wp-content/uploads/2016/05/mailchimp-rock.gif" alt="Mailchimp Rocks" /><p class="capt_block">Mailchimp’s series of monkey hands are my favourite microinteraction so far</p></div></p>
<p>We see them when we see <a href="http://reface.me/wp-content/uploads/new-friend-request.png" target="_blank">new friend requests in Facebook</a>, <a href="https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAXsAAAAJGJkYTcyMzVjLTQzZjAtNGU5ZS1hZmU5LTExNGViYjczNWNlNQ.png" target="_blank">the iPhone 6s’ new 3D Touch feature</a>, <a href="http://bostonhumanfactors.com/wp-content/uploads/2015/02/IMG_33201.png" target="_blank">the Uber rides waiting for requests around our block</a>, <a href="http://baymard.com/blog/highlight-products-if-in-users-cart" target="_blank">that the new cute iPhone cases we added to the cart while shopping are already highlighted so that we don’t forget which ones</a>, <a href="https://marcabraham.files.wordpress.com/2013/07/youtube-feedback-loop.png" target="_blank">the new Psy videos in Youtube</a>, that we<a href="https://chriswrightdesign.com/articles/neglected-design/img/fig2_mailchimp.jpg" target="_blank"> have successfully sent that email campaign in Mailchimp</a>, <a href="https://www.safaribooksonline.com/library/view/microinteractions-full-color/9781491945957/httpatomoreillycomsourceoreillyimages1820522.png" target="_blank">the simple case of figuring the strength of our chosen password</a> and <a href="https://s-media-cache-ak0.pinimg.com/236x/8a/f7/9a/8af79afece147c42a000e153e5ea7128.jpg" target="_blank">even in our favourite Slack</a>, when our password which consists of mixed cases and numbers got too dreadful for us to type in mobile.</p>
<h2>How do you know you need a microinteraction?</h2>
<p>Simon Proudfoot from <a href="http://www.demacmedia.com/" target="_blank">Demac Media</a> has given <a href="http://www.demacmedia.com/design-user-experience/microinteractions/" target="_blank">a great analogy</a> on how to know whether you need a microinteraction — ask yourself two simple questions:</p>
<ul>
<li>Does adding this microinteraction potentially take away from the user interacting with some other part of the site? (if no, proceed)</li>
<li>Does this add experience to the user? (if yes, proceed)</li>
</ul>
<p>Otherwise, they are not necessary. In other words, think of microinteractions as some final personal touches to your product on top of the already amazing existing product.</p>
<h2>The future of microinteractions in UI</h2>
<p>The Next Web outlines some <a href="http://thenextweb.com/dd/2015/08/17/why-micro-interactions-are-the-secret-to-great-design/#gref" target="_blank">great guidelines on making sure microinteractions work well</a>:</p>
<ul>
<li><b>Micro-interactions must live on through repeated use.</b> What’s fun and quirky on first use might become annoying after 100 uses. Be cautious of gimmicks or odd design cues.</li>
<li><b>Simplicity rules.</b> Simple type, simple language, simple colors, and simple design. Don’t make the design any more complicated than the action.</li>
<li><b>Give each micro-interaction a human voice.</b> Text should read <a href="http://thenextweb.com/dd/2015/05/06/6-simple-tips-for-designing-copy-on-the-web/" target="_blank">like people talk</a>, not like a machine.</li>
<li><b>Add a fun divot with animation, but don’t go crazy.</b> Consider the bouncing icon in the dock of your MacBook as a program loads. It lets you know the program is responding with a simple animation but does not get in the way of what you are doing.</li>
<li><b>Create a visual harmony with other elements</b>. If your app has a blue color scheme, micro-interactions should use the same hues so that the visual connection to the parent design or app is there for users.</li>
<li><b>Don’t overthink it.</b> Overdesigning a micro-interaction can be lethal. Let’s go back to the simplicity of the text message notification. Just a simple, singular display on the screen with enough information to be effective – who the message is from, what the message contains and a way to respond.</li>
<li><b>Consider each detail with care.</b> Because micro-interactions are so small, every element of the design matters. Ensure that every detail, down to the last pixel, is perfected before launch.</li>
<li><b>Think about further adaptations or how subsequent micro-interactions will work.</b> Does the exact same thing happen every time for every user? Or are there changes to the micro-interaction over time? (Consider the alarm that gets louder each time after the snooze button is hit.) These smart details will set the best micro-interactions apart from everything else.</li>
</ul>
<p>If done well, the tiny humanising details in microinteractions have the power to add delight to the websites or apps. They could not be done half-baked, yet they could not be overdone.</p>
<p>They are the details that could make or break the website or the app.</p>
<p><em>This article was <a href="http://curated.stampede-design.com/2016/04/details-that-are-not-the-details/" target="_blank">originally posted</a> on <a href="http://curated.stampede-design.com/" target="_blank">Curated@Stampede</a>.</em></p>
<p>The post <a href="https://stampede-design.com/blog/details-not-details/">Microinteractions: Details that Are Not the Details</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/details-not-details/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
