<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

 <title>Nelson Joyce - Product Designer</title>
 <link href="http://gnelsonj.com/atom.xml" rel="self"/>
 <link href="http://gnelsonj.com/"/>
 <updated>2025-07-21T15:33:27+00:00</updated>
 <id>http://gnelsonj.com</id>
 <author>
   <name></name>
   <email>nellyvan@gmail.com</email>
 </author>

 
 <entry>
   <title>Hi Josh Pigford</title>
   <link href="http://gnelsonj.com/hi-josh-pigford/"/>
   <updated>2024-05-01T00:00:00+00:00</updated>
   <id>http://gnelsonj.com/hi-josh-pigford</id>
   <content type="html">&lt;p&gt;Goodluck reviving RSS feeds!&lt;/p&gt;
</content>
 </entry>
 
 <entry>
   <title>Moving on to New Adventures</title>
   <link href="http://gnelsonj.com/new-adventures/"/>
   <updated>2015-10-05T00:00:00+00:00</updated>
   <id>http://gnelsonj.com/new-adventures</id>
   <content type="html">&lt;p&gt;“Once you raise money in a few months, I’ll rejoin you guys at Rentabilities”, that was the agreement I made with &lt;a href=&quot;http://twitter.com/andygcook&quot; title=&quot;Andy Cook&quot;&gt;Andy Cook&lt;/a&gt; Back in March 2011. He was a tenacious startup founder, but him and his brother just didn’t have the funding to pay me a salary.&lt;/p&gt;

&lt;p&gt;As a recent grad with student loan payments looming, I had to find a ‘real’ job. So I joined a small but up-and-coming startup called &lt;a href=&quot;http://hubspot.com&quot; title=&quot;HubSpot&quot;&gt;HubSpot&lt;/a&gt;. More than a few months passed (54 in fact), but I’m making good on that promise to Andy. We’re setting out to start a company of our own.&lt;/p&gt;

&lt;p&gt;Compared to our 3-man team at &lt;a href=&quot;https://angel.co/rentabilities&quot; title=&quot;Rentabilities&quot;&gt;Rentabilities&lt;/a&gt;, the ~160 person HubSpot felt like a ‘big company’. They had just raised a 32 million dollar series D and were growing fast. During my time there it wasn’t unusual for 50+ new employees to join in any given month.&lt;/p&gt;

&lt;p&gt;I had the privilege to be an inaugural member of the HubSpot UX team lead by &lt;a href=&quot;http://twitter.com/bokardo&quot; title=&quot;Joshua Porter&quot;&gt;Joshua Porter&lt;/a&gt;.  I had never been a designer, but Josh took me under his wing. For over two years I honed my design skills working with Josh, &lt;a href=&quot;https://twitter.com/danritz&quot; title=&quot;Dan Ritz&quot;&gt;Dan Ritz&lt;/a&gt;, and a handful of other great designers.&lt;/p&gt;

&lt;p&gt;In October 2013 I got an unusual phone call from the VP of Engineering, Elias Torres. HubSpot was acquiring Andy’s company Rentabilities. Elias asked if I was up for working with Andy on a ‘startup within a startup’. It was an easy yes.&lt;/p&gt;

&lt;p&gt;We only had 3 ‘guardrails’ when we started:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Build something that helps small businesses do marketing.&lt;/li&gt;
  &lt;li&gt;It should be free or cheap.&lt;/li&gt;
  &lt;li&gt;Use orange in the logo.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;After 2 years of hard work, &lt;a href=&quot;https://www.hubspot.com/products/marketing/free&quot; title=&quot;Leadin&quot;&gt;Leadin&lt;/a&gt; is something that tens of thousands of people genuinely love. We learned a ton, and had a chance to work with an amazing engineering team in Dublin. It was a crazy grind, but doing so gave me the skills and confidence to start my own company.&lt;/p&gt;

&lt;p&gt;HubSpot now has over 1,000 employees and it worth over 1.6 Billion dollars and growing. The products I helped design and build have been used by tens of thousands of people to run and grow their businesses. I’ve made lifelong friends and learned more in my time at HubSpot than I though possible.&lt;/p&gt;

&lt;p&gt;HubSpot is a special place that has two incredible founders and no true peer in Boston. Short of starting my own company, there’s no other in company I would rather work for.&lt;/p&gt;

&lt;p&gt;It’s also a place that &lt;a href=&quot;http://genuinevc.com/archives/2014/12/03/unique-powerful-way-hubspot-mafia-impacting-boston-startups.html&quot; title=&quot;HubSpot Mafia&quot;&gt;breeds great entrepreneurs&lt;/a&gt;. &lt;a href=&quot;http://twitter.com/dharmesh&quot; title=&quot;Dharmesh Shah&quot;&gt;Dharmesh Shah&lt;/a&gt; (Founder and CTO of HubSpot), has publicly said, “we’ve wanted to not just build a great company, but also build some great entrepreneurs”. This attitude is why I have so much confidence in what Andy and I can achieve.&lt;/p&gt;

&lt;p&gt;Andy and I are really excited about our next idea.&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>Dealing with Edge Cases in Product Design</title>
   <link href="http://gnelsonj.com/edge-cases/"/>
   <updated>2013-07-18T00:00:00+00:00</updated>
   <id>http://gnelsonj.com/edge-cases</id>
   <content type="html">&lt;p&gt;Designing simple products is hard. Software that starts simple has the tendency to become more and more complicated as time goes on. Ideas come pouring in from customers for that next ‘must have’ feature. In many cases, those features are actually edge cases that will only be useful to a small subset of customers. Trying to optimize an interface to serve all of these edge cases will quickly lead to complexity. It’s our instinct as designers to optimize functionality to the fewest amount of clicks and screens, but when adding edge case functionality, it should be deprioritized in order to keep primary use cases simple.&lt;/p&gt;

&lt;p&gt;Some may argue that the ideal situation is to keep your product in its simplest form, never supporting any of these edge cases. That approach may satisfy design purists following a sacred set of ideals, but it is often unrealistic when you’re trying to grow your customer base. At &lt;a href=&quot;http://www.hubspot.com&quot; title=&quot;HubSpot Homepage&quot;&gt;HubSpot&lt;/a&gt; we’ve learned that adding this type of functionality is ok, as long as it stays out of the way of the main use cases.&lt;/p&gt;

&lt;p&gt;Your product doesn’t need to allow for edge case tasks to be completed quickly and easily. Advanced users are willing to click a few extra times for advanced functionality. The benefit they receive from that advanced functionality is often worth the extra effort. Beginners will also benefit from not being intimidated by a myriad of features they don’t understand.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/images/edge-cases-hero.png&quot; /&gt;&lt;/p&gt;

&lt;p&gt;One of the best examples of this principle in action is Google Search. There’s a ton of advanced search functionality that has been added over the years, but the home page remains just a single input box. In order to access advanced search features, you either need to know advanced query syntax, or find the advanced search link buried in a drop down menu on the results page. Google recognizes that a majority of their users don’t need that advanced functionality, and keeps it out of the way.&lt;/p&gt;

&lt;p&gt;It sounds easy, but in practice it’s much harder. Our design instincts tell us to optimize for the fewest number of clicks and screens. We are always trying to create a delightfully simple experience for all our users. But we must ignore those instincts when dealing with edge cases in order to keep our products simple.&lt;/p&gt;

</content>
 </entry>
 
 <entry>
   <title>GrubHub - An App With a Soul</title>
   <link href="http://gnelsonj.com/grubhub/"/>
   <updated>2012-07-31T00:00:00+00:00</updated>
   <id>http://gnelsonj.com/grubhub</id>
   <content type="html">&lt;p&gt;I was ordering food with &lt;a href=&quot;http://grubhub.com&quot; title=&quot;GrubHub&quot;&gt;GrubHub&lt;/a&gt; on my iPhone this past week and was pleasantly surprised by this simple graphic on the confirmation screen:&lt;/p&gt;

&lt;p&gt;&lt;img class=&quot;block-image&quot; src=&quot;/images/grubhub.png&quot; alt=&quot;grubhubbers dancing&quot; /&gt;&lt;/p&gt;

&lt;p&gt;What you aren’t able to see is when you tap the image, the cartoons begin to dance. This type of interaction is what &lt;a href=&quot;http://uxdesign.smashingmagazine.com/author/chuck-longanecker/&quot; title=&quot;Posts by Chuck Longanecker&quot;&gt;Chuck Longanecker&lt;/a&gt; calls an &lt;a href=&quot;http://uxdesign.smashingmagazine.com/2012/03/28/give-your-website-soul-with-emotionally-intelligent-interactions/&quot; title=&quot;Give Your Website Soul With Emotionally Intelligent Interactions&quot;&gt;emotionally intelligent interaction&lt;/a&gt;.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;An emotionally intelligent interaction is any state (or change in state) of a website/app where the messaging or functionality includes attention to details that create a user experience that feels organic and human. These interactions can be a big experience (like when an entire website is down), or a very small experience (such as when an error state on a form element appears). They can be derived from different elements, including messaging and copy, color and design, and responsiveness to user inputs and system outputs.&lt;/p&gt;

  &lt;p&gt;Combining each of these crafted experiences creates soul and personality for a website. And it’s that &lt;strong&gt;emotional connection with users&lt;/strong&gt; that builds lasting loyalty, and raving fans.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;GrubHub has done a great job building a brand with a charming personality that breeds loyal customers.  As designers it’s easy to forget that we have so many opportunities like this to put a smile on our user’s faces. Try adding an emotionally intelligent interaction to your app, I’m sure your users will appreciate it.&lt;/p&gt;

</content>
 </entry>
 

</feed>
