<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Jim Zarkadas</title>
    <description>The latest articles on DEV Community by Jim Zarkadas (@jimzarkadas).</description>
    <link>https://dev.to/jimzarkadas</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F52393%2F9fc41ad7-7c77-4c3b-82e9-b30c14b99e09.png</url>
      <title>DEV Community: Jim Zarkadas</title>
      <link>https://dev.to/jimzarkadas</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jimzarkadas"/>
    <language>en</language>
    <item>
      <title>The UX of Loading states</title>
      <dc:creator>Jim Zarkadas</dc:creator>
      <pubDate>Tue, 10 Nov 2020 10:01:24 +0000</pubDate>
      <link>https://dev.to/jimzarkadas/the-ux-of-loading-states-5apn</link>
      <guid>https://dev.to/jimzarkadas/the-ux-of-loading-states-5apn</guid>
      <description>&lt;p&gt;Every week I help and coach fellow indie hackers by working together on their product's UX. With some of them we livestream our sessions for my YouTube live show called "UX sessions for indie devs".&lt;/p&gt;

&lt;p&gt;On the last episode I worked with &lt;a href="http://twitter.com/mdgale"&gt;@mdgale&lt;/a&gt; on the checkout loading flow of his product.&lt;/p&gt;

&lt;p&gt;Here is what we talked about:&lt;/p&gt;

&lt;p&gt;🔸Think offline first. Think like a human.&lt;br&gt;
🔸Difference between actual and perceived time&lt;br&gt;
🔸 The 4 response time limits&lt;br&gt;
🔸 Active and passive user modes&lt;br&gt;
🔸 Examples of active and passive modes&lt;br&gt;
🔸 Live user testing and feedback on Matt's Fbars app loading flow prototype&lt;br&gt;
🔸 The concept of Optimistic UI&lt;br&gt;
🔸 Live pair-design of the new loading flow&lt;br&gt;
🔸 How can a user understand which UI elements are clickable?&lt;/p&gt;

&lt;p&gt;👉 Check out the episode and let me know what you think! &lt;a href="https://www.youtube.com/watch?v=aIlDxDDcwwE"&gt;https://www.youtube.com/watch?v=aIlDxDDcwwE&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ux</category>
      <category>design</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
    <item>
      <title>💡UX Tip: Every pixel in your UI should have a purpose</title>
      <dc:creator>Jim Zarkadas</dc:creator>
      <pubDate>Tue, 27 Oct 2020 14:08:53 +0000</pubDate>
      <link>https://dev.to/jimzarkadas/ux-tip-every-pixel-in-your-ui-should-have-a-purpose-499h</link>
      <guid>https://dev.to/jimzarkadas/ux-tip-every-pixel-in-your-ui-should-have-a-purpose-499h</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YhZ78r3b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dt6ppkic2px0stv7i8k6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YhZ78r3b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dt6ppkic2px0stv7i8k6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When building a screen, make sure to ask yourself "Why?" before you add a component. &lt;/p&gt;

&lt;p&gt;It's easy to unconsciously add components we don't need, just because we saw them somewhere or are included in a UI kit we use.&lt;/p&gt;

</description>
      <category>ux</category>
      <category>beginners</category>
      <category>uiweekly</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>User testing made easy - 4 tips to get started and improve the UX of your project</title>
      <dc:creator>Jim Zarkadas</dc:creator>
      <pubDate>Tue, 27 Oct 2020 09:36:35 +0000</pubDate>
      <link>https://dev.to/jimzarkadas/user-testing-is-easy-4-tips-to-get-started-and-improve-the-ux-of-your-project-ie8</link>
      <guid>https://dev.to/jimzarkadas/user-testing-is-easy-4-tips-to-get-started-and-improve-the-ux-of-your-project-ie8</guid>
      <description>&lt;p&gt;Asking your users to give you feedback on something you built can be tricky. &lt;/p&gt;

&lt;p&gt;One simple and effective way to do it is to jump on a call with them, ask them to use it and observe them.&lt;/p&gt;

&lt;p&gt;Here is what you should keep in mind:&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;1. Keep the testing session focused.&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Ask your users to complete small focused tasks.&lt;br&gt;
For example: You are building a platform where people can sell products. Ask them to "add a new product".&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;2. Ask your users to think out loud as they use your product.&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;This is by far &lt;a href="https://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/"&gt;one of the simplest and most effective methods to get insights&lt;/a&gt;. It's like getting access into your users' brains.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;3. Don't interrupt your users. Listen and observe.&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Your goal is not to sell your product or to prove that you are right. &lt;br&gt;
Your goal is to understand how they feel when using it. &lt;br&gt;
Practice your listening skills. It's tough at first but gets better as you practice.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;4. Don't test the same thing with more than 5 users.&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;The best results come from &lt;a href="https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/"&gt;testing no more than 5 users&lt;/a&gt; and running as many small tests as you can afford. &lt;/p&gt;

&lt;p&gt;Actually even just 2 or 3 will give you plenty of insights!&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Any questions/thoughts?&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Feel free to comment below, happy to help!&lt;/p&gt;

</description>
      <category>ux</category>
      <category>design</category>
      <category>uiweekly</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
