<?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: Bill Lenoir</title>
    <description>The latest articles on DEV Community by Bill Lenoir (@billlenoir).</description>
    <link>https://dev.to/billlenoir</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%2F162397%2Fb96e0720-b917-4987-9b56-5bc04c9254f5.gif</url>
      <title>DEV Community: Bill Lenoir</title>
      <link>https://dev.to/billlenoir</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/billlenoir"/>
    <language>en</language>
    <item>
      <title>What You Need to Know about UX</title>
      <dc:creator>Bill Lenoir</dc:creator>
      <pubDate>Fri, 23 Sep 2022 17:35:23 +0000</pubDate>
      <link>https://dev.to/billlenoir/what-you-need-to-know-about-ux-17gp</link>
      <guid>https://dev.to/billlenoir/what-you-need-to-know-about-ux-17gp</guid>
      <description>&lt;p&gt;In a recent conversation, I was asked about pet peeves at work. As someone who’s been working in the user experience field for 25+ years, long before it was even called UX, I can give you an earful. Similar to UI design, where a single line blurted out at the project’s kick-off can ruin the whole mood (“It’s gotta pop!”), projects can get off on the wrong foot when I’m asked questions out of the blue about what’s the best approach in a particular situation. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Advice without understanding the context can be worse than saying nothing at all&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Besides, the act of expressing that context is beneficial to both parties. That said, my pet peeves fall into these categories:&lt;/p&gt;

&lt;h2&gt;
  
  
  A UX Designer Cannot Start Designing on Day 1!
&lt;/h2&gt;

&lt;p&gt;Before you start, you need to:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Define what success looks like for the organization&lt;/li&gt;
&lt;li&gt;Describe everyone who will use or be impacted by your product’s use&lt;/li&gt;
&lt;li&gt;Map out the user behaviors that will allow you to achieve your goals&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Either the client has done this work up front or, more likely, they have that built into the statement for work for the UX designer. I prefer the latter because it allows me to fully grok the context in which the client operates.&lt;/p&gt;

&lt;h2&gt;
  
  
  The User in UX Is a Plural!
&lt;/h2&gt;

&lt;p&gt;Each individual interacting with your product arrives with their own history and experience. UX is not a one-size-fits-all proposition. That said, you cannot please all people all of the time, so you need to prioritize. The prioritization must be done by the client. As a UX designer, with my understanding of the context, I can make suggestions, but the product owner has to &lt;em&gt;OWN&lt;/em&gt; the success of the product.&lt;/p&gt;

&lt;h2&gt;
  
  
  UX is Not Immutable!
&lt;/h2&gt;

&lt;p&gt;A user’s experience the first time interacting with your product is different from the second, the tenth, the thousandth, etc., etc. The key is to implement a framework that gathers usage metrics that allow you to evaluate the current UX and adjust as necessary. If I’ve done my job right, the organization will now have:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Access to people who fully understand the universe in which the product operates&lt;/li&gt;
&lt;li&gt;Know how that universe and the people who populate it might change over time&lt;/li&gt;
&lt;li&gt;Have the metrics to evaluate that evolution&lt;/li&gt;
&lt;li&gt;Understand how to express that to the development team&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That is the sign of a project well executed.&lt;/p&gt;

</description>
      <category>usability</category>
      <category>ux</category>
      <category>petpeeves</category>
    </item>
    <item>
      <title>User Interfaces, Usability, and User Experience: The Square Milk Jug Edition</title>
      <dc:creator>Bill Lenoir</dc:creator>
      <pubDate>Fri, 17 May 2019 20:00:36 +0000</pubDate>
      <link>https://dev.to/billlenoir/user-interfaces-usability-and-user-experience-the-square-milk-jug-edition-4ce5</link>
      <guid>https://dev.to/billlenoir/user-interfaces-usability-and-user-experience-the-square-milk-jug-edition-4ce5</guid>
      <description>&lt;p&gt;Given the lack of time and scarcity of resources all designers face, we need to prioritize our efforts. This often means setting aside the most obvious or seemingly coolest features for those that will give us the most return on our investment, even (or especially) when these choices appear counter-intuitive.&lt;/p&gt;

&lt;p&gt;To get to the right design, you’ll need to answer the 3 key questions:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Who uses it?&lt;/li&gt;
&lt;li&gt;How do they use it?&lt;/li&gt;
&lt;li&gt;How are successful interactions measured?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;By answering these questions up-front, you stand a much better chance of creating a product that will be a market leader rather than a forgotten follower. Need a good example to show you the way?  &lt;/p&gt;

&lt;h2&gt;
  
  
  The Square Milk Jug Conundrum
&lt;/h2&gt;

&lt;p&gt;The relationships between user interfaces (UI), usability, and user experience (UX) are complex. Consider the square milk jug. Perhaps you have seen one at a big box store. Consumers hate it, because it is difficult to pour, frequently resulting in spills. Yet it has been around for about a decade and is unlikely to go away. Why? While the usability of pouring the milk from the jug is faulty, is that the critical use case? If not, what is? And from whose point of view? The consumer, the store, or the producer?&lt;/p&gt;

&lt;h3&gt;
  
  
  The Domain
&lt;/h3&gt;

&lt;p&gt;Let’s start with the Domain.  What is the environment in which a product operates from production through consumption? The typical way to express this is through some representation of the people and systems that interact directly with your product as well as those who have a stake in or impact its use.  This is more than just the interaction between the person pouring and that oddly shaped jug of milk. The path from the cow to the one who drinks the milk is rather long. The user may be the one who buys the milk, pours it and drinks it; however, if these are different people, how does their relationship affect the milk buying decision?  And how do you get the milk to the point where the user places it in the shopping cart?&lt;/p&gt;

&lt;p&gt;At the store that sells the milk, a number of things need to happen to sell a carton of milk:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A purchasing agent buys the milk.&lt;/li&gt;
&lt;li&gt;A refrigerated truck brings the milk to the store.&lt;/li&gt;
&lt;li&gt;A stocker puts the milk in the refrigerated case.&lt;/li&gt;
&lt;li&gt;The user interacts with the refrigerated case and puts the jug in the shopping cart.&lt;/li&gt;
&lt;li&gt;The cashier accepts payment.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Br8NuFU_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/wlsi39sju45cchgblscd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Br8NuFU_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/wlsi39sju45cchgblscd.png" alt="Milk Context Diagram" width="580" height="506"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  User Interface (UI)
&lt;/h3&gt;

&lt;p&gt;User Interfaces are complex things, and a lot of products – even square milk jugs – have more than one.  Here are the key questions to ask about the UI for your product:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What are the touch points between any two actors in this domain? Each of these describes a transaction.&lt;/li&gt;
&lt;li&gt;The interface is how the two execute this transaction:

&lt;ul&gt;
&lt;li&gt;What is a prerequisite for the action?&lt;/li&gt;
&lt;li&gt;How does the exchange occur?&lt;/li&gt;
&lt;li&gt;What are the possible results?&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Certainly, there’s an interface between the milk pourer and the milk jug; however, there are also interfaces between the cup and the drinker, the refrigerated case at the store and the buyer, the buyer and the cashier, and again with the fridge at home.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mNI70nKW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/egvr5maq9fzgha2e84x0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mNI70nKW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/egvr5maq9fzgha2e84x0.png" alt="Interface Diagram for Milke" width="556" height="487"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Usability
&lt;/h3&gt;

&lt;p&gt;UI and Usability are soul mates, and you need to serve both to build a great product.  Therefore, there is, at least implicitly, a usability commitment for each interface: a set of criteria by which each actor will judge the success of the transaction. Usability is a quality measure of some combination of an interface’s ease of use and learnability. This serves as a framework for understanding how a user will judge the interaction. It is a highly subjective measurement that takes into account the context of the domain.&lt;/p&gt;

&lt;p&gt;The interface between the one who pours and the milk jug may be evaluated on how easily the person can take the jug out of the fridge, open it, pour, close it, and put it back without spilling or wasting any milk. The compactness of the square jug makes it more difficult to complete these tasks as compared to a regularly shaped jug (though the square one may fit in the fridge better); however, this is just one of many interfaces.&lt;/p&gt;

&lt;h3&gt;
  
  
  User Experience (UX)
&lt;/h3&gt;

&lt;p&gt;UX is more than just the sum of the usability of each interface. It is a subjective measure of the whole experience, which will vary by user and over time.  Most who pour the milk expect to do so without spilling; some are more tolerant. Some who buy the milk expect to get the best value for their money; others want the highest quality product. Sometimes I want to spend as little time as possible executing the transaction; other times, I like to linger to see what’s on sale. It is the cumulative total of these individual experiences that adds up to the overall user experience.&lt;/p&gt;

&lt;p&gt;Some things are beyond the designer’s control, like the cup interface between the drinker and the milk. Others things, like the relationship between the drinker and the purchaser, can be influenced indirectly through activities such as advertising (got milk?™). The key is to prioritize this list in order of what’s most likely to achieve your goals for a given level of effort.&lt;/p&gt;

&lt;p&gt;Note that organic milk is not packaged in a square jug because organic milk buyers find the entire experience from cow-to-cup to be important.  Therefore, tough to pour equals poor sales. Regular milk buyers would like to pour the stuff more easily, but, given the choice, they’ll usually go with the cheaper option.  It’s cheaper because the store can pack more containers in the refrigerator if they are square shaped, which lowers their costs and enables them to compete better on price. The frustration a user feels about the occasional milk splash is outweighed by the importance of getting a good deal on a product they buy every week.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Lessons Learned
&lt;/h2&gt;

&lt;p&gt;The Square Milk Jug Conundrum provides several valuable insights:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Important v. Obvious&lt;/strong&gt;. There is a difference between the most obvious and most important interface.  In the milk market, the most important metric is sales volume, not consumer convenience.  Therefore, the most important interface is from the dairy to the big box store, not to the consumer.  The consumer interface only has to be “good enough to pour.”&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Think Deeper&lt;/strong&gt;. It’s an easy leap to assume consumer preferences are the number one driver in the milk market, but the Square Milk Jug Conundrum shows us otherwise.  Maximizing amount of the milk on the shelf actually maximizes sales despite a less than optimal milk container.  Square containers are also easier and cheaper to ship because stacking is easier and use of space in the truck is optimized.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Follow the Money&lt;/strong&gt;. Suppose you built the perfect milk carton for consumers but no one knew.  I don’t mean that consumers rejected your perfect container once it hit the shelves.  I mean that big box stores rejected your container for a multitude of reasons – too much shelf space per container, too expensive to buy and ship – and consumers never saw your perfect container.  You are better off improving the square container, so consumers will like it more, than designing a product no one will ever see. That way, the dairy and store make the most possible money, and the ​consumer gets milk at a good price – albeit in a distinctly average container.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ui</category>
      <category>usability</category>
      <category>ux</category>
      <category>milk</category>
    </item>
  </channel>
</rss>
