57°F

Aaron Parecki

  • Articles
  • Notes
  • Projects

#UX

  • The Line of Death – text/plain (textslashplain.com)
    Portland, Oregon
    #security #ux
    Mon, Mar 6, 2017 2:20pm -08:00
  • Daring Fireball: The iPad Pro (daringfireball.net)
    The user should never have to wait for the computer, especially if it’s just for an animation.
    #apple #ios #ux
    Wed, Nov 11, 2015 1:41pm -08:00
  • Feeling Like An Unwelcome Guest on medium.com - Broken Links (www.broken-links.com)
    #medium #ux
    Tue, Sep 1, 2015 8:30am -07:00
  • #indiewebcamp 2015-02-24 (indiewebcamp.com)
    if you have bad UX, you only get the type of people who are willing to put up with it
    #indieweb #ux
    Tue, Feb 24, 2015 9:46pm -08:00
  • 🌈 http://tantek.com/
    @elfpavlik #IndieWeb focuses on:
    #ownyourdata, own notes > tweets
    #UX #design > protocols
    More: http://indiewebcamp.com/principles (ttk.me t4_h2)
    #IndieWeb #ownyourdata #UX #design
    Mon, Feb 16, 2015 10:16pm -08:00 (liked on Tue, Feb 17, 2015 8:42am -08:00)
  • Next up in interaction - Slashie (www.slashie.org)
    If a tiny winch was stuck at the wrist with a super thin wire leading up to the tip of our index finger, it could simulate a surface by straining and retracting the wire at just the right time and thus giving haptic feedback in mid air. This would create an “air tap“, simulating a surface that doesn’t exist.
    #interaction #ux #future #hologram
    Thu, Feb 12, 2015 11:03am -08:00
  • User Onboarding Teardowns (www.useronboard.com)
    #bsoule #startups #ux
    Mon, Feb 10, 2014 11:28am -08:00
  • You should not be displaying relative dates

    Thu, Aug 23, 2012 8:50am -07:00

    Every time I see a web app display a date as "30 minutes ago" I cringe a little. This was cute 10 years ago when rapid publishing on the web was new, but there are a number of problems with this.

    Relative dates break screenshots

    How many times have you seen a screenshot of a tweet that says "28 minutes ago"? Months later, you've completely lost the date of the tweet.

    Tweet

    The only clue in this picture about when the tweet was posted is the copyright at the bottom of the page.

    Twitter has since stopped using relative dates on their tweet pages, and instead just shows the full date now.

    Tweet

    Now, Twitter uses the format "10:42 PM - 15 Aug 12" and will always display the full date, even if viewing a recent tweet.

    Relative dates aren't machine readable

    If you've just put a relative date in a tag, all of a sudden the date is not machine readable. If you insist on using relative dates, at least mark it up with the appropriate HTML5 element so there is a machine-readable version of the date.

    <time class="dt-published published"
          datetime="2012-08-12T09:00-0700">
      12 hours ago
    </time>
    

    or, if you can't use the HTML5 element, use the Microformats value-class-pattern instead.

    <span class="dt-published published">
      <span class="value-title" 
            title="2012-08-12T09:00-0700"> </span>
      12 hours ago
    </span>
    

    Relative dates are ambiguous when read

    If you're looking at an email and it says "2 hours ago," how are you supposed to know if it's rounding the number or giving you an exact value? If it's currently 11:15am, was the email sent before or after your 9:00am phone call?

    If it says "2 days ago" how do you know whether it was at 9am that day or 4pm that day?

    Gmail solves this by including both the exact time as well as the relative time.

    Gmail

    When viewing a thread of emails, Gmail uses a different format of date depending on how long ago the date is. If the date is less than 24 hours ago, it will show just the time. If older, then it shows just the date and a number of days ago.

    Gmail Thread

    As shown in this screenshot, the times from 10:25pm to 10:57pm all show the same "9 hours ago" text. The difference between 10:35pm and 10:49pm may be significant depending on the situation, and I would hate to lose that piece of information if all I saw was "9 hours ago".

    What next?

    In summary, avoid displaying relative dates, but if you feel like you absolutely need to, follow these best practices:

    • Show both the relative date and absolute date on the page to provide more context
    • Include the machine-readable version of the absolute date in an HTML5 <time> tag, or use the Microformats value-class-pattern
    2 mentions
    #ux #web #dates
    Thu, Aug 23, 2012 8:50am -07:00
  • Things I don’t like about Twitter 4 for IOS (www.byte.org)
    Don’t pay attention to what your users ask you for, pay attention to what they are trying to achieve.
    #twitter #users #ux
    Sat, Dec 10, 2011 6:33pm -08:00
  • Managing UI Complexity (www.brandonwalkin.com)
    #design #interface #UI #ux
    Tue, Apr 12, 2011 10:59am -07:00
  • Soft Signup: Lower the barrier to entry

    Tue, Apr 12, 2011 8:15am -07:00

    Nobody wants to be presented with a signup form when trying out a new web service. Even though in recent years many websites have trimmed down their signup forms to make them easier to complete, I think we can do better.

    Example Signup Form

    A typical signup form these days consists of asking for your email address and creating a password. Some will also request you create a username, or ask for your real name.

    People will probably fill out your signup form on your website if it doesn't look too daunting, but mobile apps are a whole different story. With mobile apps, people expect to be able to use your app immediately after downloading it. Adding a signup form will do nothing but make people frustrated. It is important to think about whether you actually need their email address or phone number in order for them to at least start using your app.

    Incrementally collect information from your users as it becomes necessary to provide a feature.

    Example: geoloqi.com

    Download the app and press "use anonymously", you're taken to your map

    You can leave yourself a Geonote, and we can deliver the message since we have your push token for the device

    When you press "Share Location," you have multiple options:

    Send via SMS or Email

    The app opens the phone's system SMS composer, and your phone sends the SMS. We never need to know your phone number to do so.

    Send via Twitter or Facebook

    In order to post to your Twitter account, we need to connect your Geoloqi account to Twitter. At this point, we prompt you to log in to your Twitter account which then tells Geoloqi who you are. Similarly to Twitter, posting to Facebook requires you to grant Geoloqi permission to your Facebook account.

    At this point, we have now named your previously anonymous user account in Geoloqi, tied to your Twitter or Facebook account. This is a relatively seamless way of "registering," since you knew exactly why you had to authenticate at that point.

    Soft Create: GraphThis.me

    Similar to the idea of "soft signup" is the idea of "soft create." Send an email to "weight@graphthis.me" where the subject line is your weight, and a graph will immediately be created for you. Replace "weight" with other values to create new graphs.

    GraphThis doesn't require signing up beforehand in order to use the service, since you'll be inputting data from your email address anyway. If you want to expand your input options, such as being able to send a tweet or a DM, then you can connect your Twitter account.

    GraphThis doesn't require that the tag "weight" be set up before starting to graph the values. It could have required you to set up the graph name before hand, but that would have increased the barrier to create new graphs.

    Conclusion

    Make it as easy as possible for people to start using your service. Think about whether you actually need more than a unique identifier for a user in order to get them started playing around. Collect new information from your users only as it becomes necessary to provide a new service to them.

    #ux
    Tue, Apr 12, 2011 8:15am -07:00
  • Pttrns - mobile app patterns (pttrns.com)
    #app #applications #design #mobile #resources #ux #wireframes
    Mon, Apr 4, 2011 3:19pm -07:00
  • Mobile UI Patterns (mobile-patterns.com)
    #design #iphone #mobile #reference #UI #ux
    Tue, Feb 15, 2011 9:49am -08:00
  • LukeW | Gradual Engagement Boosts Twitter Sign-Ups by 29% (www.lukew.com)
    #conversion #design #forms #signup #usability #ux
    Sat, Oct 9, 2010 9:59am -07:00
  • A nice way to show Twitter replies inline: http://www.flickr.com/photos/aaronpk/4775035589/ I wish the main Twitter website did this! #UX
    #UX
    Fri, Jul 9, 2010 12:01am +00:00
next

Hi, I'm Aaron Parecki, co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and am the editor of several W3C specfications. I record videos for local conferences and help run a podcast studio in Portland.

I wrote 100 songs in 100 days! I've been tracking my location since 2008, and write down everything I eat and drink. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel.

Follow
  • Okta Developer Advocate
  • IndieWebCamp Founder
  • W3C Editor
  • Stream PDX Co-Founder
  • backpedal.tv

  • W7APK
  • ⭐️ Life Stack
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Sleep
  • Travel
  • Contact
© 1999-2018 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons