My name is Jack Moffett
. I am an Interaction Designer with over ten years of experience. According to Herb Simon
, that makes me an expert, so I must have something worth sharing. I have started this venture as an exercise to spur critical thinking about my chosen profession. I hope that others may find it thought provoking as well.
DesignAday will present a brief thought about Design every weekday.
When I started my car this morning, the Check Engine light came on. Usually, that would provoke a little curse, but this time, I got excited. I picked up my phone and saw a notification saying that my Check Engine light is on. Yes! Automatic was working as promised. So, I launched the app and tapped the little engine icon.
Okay, good enough for now. I pressed the Clear Engine Light button and the app stepped me through a short process in which I turned off the engine, turned on the power, and then restarted the engine. The light was off and hasn’t come back.
So far, I’ve found Automatic to be everything it promised to be. Hopefully, I won’t have the opportunity to test the emergency calling feature.
Following my 2-year contract cycle, I upgraded from an iPhone 4s to an iPhone 5s several days ago. I’ve always considered the iPhone to be the perfect size and have had no interest in the Android “phablets”. I want a phone that comfortably fits in the front pocket of my jeans. I was a little concerned that the extra length of the 5s would be a problem while sitting with it in my pocket, but I honestly haven’t really noticed a difference. There are two things, however, that I have noticed.
One is an inconvenience I was expecting. I have quite a collection of cables and peripherals with the old dock connector. The new phone, of course, only came with a single cable. I need to replace the speaker dock I use every morning to listen to podcasts while I’m shaving, showering, and so forth. I need a cable to carry with me in my bag so that I can leave one plugged into my iMac. I now run a cable from the phone’s headphone jack to my car’s Aux port, rather than plugging the phone into the port specifically for it. The dash controls no longer interface with it.
The other inconvenience I wasn’t expecting. All of the apps I have on my phone have to be signed into again. I tried to start playing Ender’s Game in my Audible app while I was driving home today, only to discover that the file wasn’t on my phone (apparently that wasn’t included in the backup from my old phone), and it wouldn’t let me download it until I signed in. I couldn’t do that while I was driving. Every time I launch one of my apps for the first time on the new phone, I have to go through the onerous sign-in process. Thank goodness for 1password! I wouldn’t be able to log into anything without it, but it’s still a tedious process.
- Switch out to the springboard.
- Launch 1password.
- Enter password.
- Search for login.
- Copy password and make mental note of user name.
- Switch back to app.
- Paste the password.
I know, they’re trivial, first-world problems. I love the the fingerprint scanner, but I’m impatient for it to work with everything.
In the iPhone app for the Automatic Link, when you scrolling through your trips, the car’s headlights come on and it drives alongside. After it stops for a second, the headlights turn off.
I received my Automatic Link today and just got it set up. I was impressed with the Automatic iPhone app, which made the process a snap. I especially liked one little microinteraction in particular.
You see the flashlight button? It turns on the iPhone’s light so that you can use it to find the port under the dashboard where you have to plug in the Link. That was a brilliant inclusion.
On page 41 of Microinteractions, Dan presents the iOS Speak Selection setting screen as a whimsical example of labeling, playing off the fable of The Tortoise and the Hare.
I had never actually seen this screen on my phone before, but looking at the enlarged screenshot in the book, it immediately struck me that the rabbit icon was wrong. After examining it for a few seconds, I realized that it was drawn as if the rabbit were trotting like a dog.
Perhaps the artist has never seen a live rabbit, but I can tell you that rabbits don’t run like dogs. They jump.
Photo by Ken Slade
Unfortunately, this icon is too obscure to take up the mantle of Clarus the dogcow. Besides, rabbits don’t have a sound to combine with “woof”.
I’ve been using TweetDeck, primarily on my iPhone, as my only Twitter client for a few years. Several months ago, we were informed that the iPhone version of TweetDeck would stop working. If memory serves, it was supposed to go belly up in March, and it was about that time that the Facebook integration stopped working. That didn’t bother me, so I continued using it until just last week when my custom feeds stopped working. For those of you that aren’t familiar with it, TweetDeck would allow you to set up multiple feeds, including the standard timeline, mentions, and direct messages, but also allowing you to create custom feeds based on hash tags, keywords, and handles. It was very robust. I had one feed that listed any tweets referencing DesignAday, one that tracked tweets about IxDA, and I would set up feeds for each conference I was attending. I could easily swipe between them, and it would indicate which tweets I hadn’t read.
I’ve now been using TweetBot for about a week. It is a well-designed app—no doubt about it. There are many little details that make it a pleasure to use. However, I don’t find it to be nearly as convenient. It allows me to save searches and access them, but search feeds are treated as second class citizens. I have to first navigate to the search screen and then select the search stream I want to see, rather than listing them at the same level as my timeline. I could live with that, but it doesn’t retain any history of past viewings. Every time I view a search stream, it displays the most recent tweet, leaving me to read through them in reverse-chronological order until I get to one I’ve seen before.
I also manage my church’s Twitter account, and TweetDeck allowed me to include that feed at the same level as all the others. I could just swipe over to it. In Tweetbot, I have to switch accounts to see it.
TweetDeck always seemed like the “Pro” Twitter client. No other client I’ve tried has provided close to the same level of utility and flexibility.
In Jared Spool’s recent podcast interview with Dan Saffer, they chatted a bit about hidden microinteractions. Jared referred to them as “socially contracted” features, because you usually learn of them by seeing someone else use them.
I’ve been using the Reading List feature in Safari heavily. My list is currently 139 items long. I just can’t keep up, but my point is that I add a lot of stuff to my reading list. Usually, I add articles that I receive links to in tweets, as I’m typically not able to read them at the time I’m checking my stream. I’ll also add articles cited in blog posts I’m reading. This all comes from my iPhone. Typically, the way I added items to the list was to tap the link, opening it in a web view within the Twitter app or RSS reader. Then I would tap the share/send/forward button and tell it to open the page in Safari. Finally, in Safari, I was able to add the page to my reading list.
Fairly recently, I accidentally held my finger on a link that I was going to take through that process. I was presented with a list of options, one of which was to add the link to my reading list. i was able to do it directly from within Tweetdeck. The next time I was perusing my subscriptions in NetNewsWire, I tried the tap-and-hold, and sure enough, the option was there too. That microinteraction is going to save me a lot of tapping and cut down on my data use.
Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines.
In simpler words, parallax is a visual effect you experience when moving. Objects closer to you appear to move past more quickly than objects that are farther away. For example, when riding in a car, if you look out the side window, a tree by the side of the road will move through your field of vision much faster than a barn in the distance behind it. This effect is utilized within software to convey a sense of depth.
The most recent incarnation of the Foursquare iPhone App employs a parallax effect in which information on the screen scrolls on a plane above the map.
This GIFF doesn’t do it justice, of course, but a still image wouldn’t convey it at all. The effect is purely aesthetic, but it feels good. It’s an enjoyable microinteraction.
Yesterday, I used the Pro Metronome app as an example of skeuomorphism. Today, I want to point out my favorite feature of the application: the TAP button. I’ve never owned a fancy, digital metronome, so I had never seen this feature before. I imagined it was an inventive addition taking advantage of the touch capability of the device, but no, it is a feature translated from existing devices. You can set the tempo by tapping out a steady beat on the surface of the phone. It’s very useful if you want to make note of the tempo of a recording, and I imagine it is even better suited to the iPhone than the physical depress of a button required by digital metronomes.
A few weeks back, I reviewed the new mobile app from Audible. One detail I left out was the microinteraction involving the scrubber. A scrubber is a control for moving forward or backward through a segment of audio. In most audio playback applications, it takes the form of a slider. The length of the slider represents the length of the audio clip, and the thumb, or handle, indicates the current playback position. Dragging the thumb allows you to change the playback position. Thus, the control fulfills two functions: it shows you where you are in the clip, and it allows you to navigate to a different point in the clip.
The Audible app is designed specifically for people on the go. It is a mobile app, after all. When you are moving, be it driving or walking, it’s easy to miss your tap target. If you accidentally move the scrubber in a song, that’s not such a big deal. You have a reasonably fine-grained control of position in a 3 or 4-minute track. An audiobook, however, has much longer audio clips. A slight move of the scrubber can translate to a huge jump in relation to the story, and you’ll have a hard time finding where you were.
So, the designers of the Audible app did something really smart. The scrubber is always displayed in the player interface, so you can quickly glance at it to see where you are.
To actually move it, however, you must first tap it. Tapping the scrubber unlocks it, allowing it to be dragged.
This two-step interaction makes it highly unlikely that you will ever accidentally lose your place. Furthermore, if no further interaction has occurred, the control returns to its locked state after a period of about 5 seconds. This is not conventional—most UIs allow sliders to be dragged without being tapped first. Given that the control is probably rarely used, making the control less intuitive is actually an excellent design decision.