The Forest for the Trees

Every UX professional feels the pain that has driven me down my winding career path, but the next steps aren’t obvious and there is not a clear path to follow. I’m trying to document the opportunities that I see, in the hope that others will drive forward, taking risks in order to have a larger impact.

Admittedly, I miss the days where I spent 10 hours in Photoshop or wrangling code. When I’m finalizing budgets, dealing with internal politics, reviewing contracts or defending a product roadmap, I seriously think about returning to those roles. Those challenges are much more familiar. The role far more comfortable. The results of my effort easier to see.

But my influence would be dissipated. My view of the world narrowed. My ability to deliver a great experience reduced, hampered by the decisions of others.

I would not make the impact that I want.

A Place at the Table for UX

Every so often I’m asked about my career path: “why the switch from coding and design to workflows and wireframes?”, “what prompted the jump from User Experience to Product Management?” or “why the move to the business-side of the house?”

It took me a long time to realize that my reason is simpler than my lengthy replies, outlining a cycle where I gained more control over the experience with each move, only to find that I didn’t have the final say. There was always someone else who would make the call, or could change something that I felt was in the best interest of the user.

Now, my answer boils down to this: I want the best possible experience for our users, and the only way to do that is to be the person who makes the final decision.

Many companies say user experience is critical, but until there are more of us in true, company-wide leadership roles, UX will not have its proper place at the table.

The (Updated) UX Career Path

Mapping the UX Path

Mapping the UX Path

This entry supersedes my earlier post laying out my take on the career possibilities for UX professionals. With this, I aim to shed light on the differences between the options, the responsibilities of the positions and the steps needed to transition from one role to the next.

This post remained a draft for far too long, held there by my hope that I would find time to fill in all of the job responsibilities specific to the PM and UX roles. I lay out four major levels: the Individual Contributor, the Manager, the Senior Manager and the Executive, which I acknowldege is far from exhaustive. There are steps between and within these levels, which aren’t included and there are branches into independent contractor roles as well as design and engineering paths that go unrepresented. Instead of waiting for everything to come together, I’m publishing this as a starting point for us to discuss the possibilities and realities of the industry.

I would love your feedback and look forward to a wide-ranging discussion.

This is just the intro, let’s dive into the details! »

The State of Multi-Column Twitter Clients

I’ve used a Multi-column app for Twitter for a few years now, as it is e one way for me to compartmentalize and prioritize the people and topics that I’m interested in. Of late, I vacillate between Tweetbot and the new, Twitter-owned Tweetdeck, both of which are solid, while having a couple of flaws that keep me from adopting either 100%.

This is a bit frustrating, but also provides an opportunity to break down what does and doesn’t work for me in each app, with the goal of outlining the changes that would result in a “perfect” app for my needs.

I’m not going to enumerate over all of the feature of each as their respective Web sites can sell the products. Instead, I’ll highlight some of the features and gaps that impact how I use the apps. For reference, I use both on two different screens: a 13″ MacBook Air and a 27″ iMac. I’ll leave a review of the mobile apps for another day.

Columns & the Timeline

Tweetbot’s column layout is clunky – if I add another column, I have to minimize and maximize the app in order for it to appear. I’ve found reordering of columns to be more intuitive with Twetdeck. Plus, in Tweetbot, the main Timeline column cannot be moved – I prefer to have the first column display a subset of the overall list of people that I follow. Tweetdeck provides this flexibility.

Twitter posts with images in TweetbotTweetbot’s display of attached media, such as photos and videos is cleaner, showing the thumbnail to the right of the text. But, this is also the place where it shows my avatar when I tweet, so I don’t see the thumbnail. While this isn’t a huge deal, I post quite a few images via Flickr and Pinterest, so I like to see the thumbnail to confirm everything is working as expected.

Syncing

Tweetbot’s integration of history syncing is a killer feature for me, as I access Twitter on four different devices. Tweetdeck lacks any form of cross-device history sync such as Tweet Marker

Muting & Filtering

Tweetbot’s Hashtag mute functionality is excellent and convenient to use. All it requires is that I right-click on a hashtag, select Mute and choose a duration. Tweetdeck’s filtering capability is strong, but it is buried, so it isn’t convenient to use when I want to mute a specific hashtag.

Post-Filtered Columns

I miss the column functionality of the old Tweetdeck, which didn’t rely on Twitter lists, but instead allowed you to create a column that is post-filtered. The problem with using Twitter Lists, is that they don’t include @replies between two users that I follow. So, if @patramsey replies to @atxryan, that tweet doesn’t appear in a List, even though they are both in it. The conversation will appear in my main timeline. Neither app provides the functionality, but I still see it as a gap.

Aol Alto – An Odd UX Decision

Aol’s new Alto Web-based email client is beautiful and does a nice job with the presentation of organized mail. The UI is clean and the service feels modern in a way that most Web-based clients don’t. While I’ve tinkered with it, I haven’t really put it through it’s paces quite yet. That said, I noticed an odd interaction flow that seems like a significant mistake for something that has so obviously had a lot of design attention.

In the video below, you can see the issue – in order to act on one or more messages in the sidebar, you click a label titled “Actions” at the top of the screen, which then slides up and causes an action bar to appear at the bottom of the screen – about as far as possible from your current moue position. I reduced the size of my browser for the video, so the distance is much more pronounced in real world scenarios.

Unable to display content. Adobe Flash is required.

My gut reaction is that the action bar should drop in from the top, reducing the distance required to move the mouse, and making the relationship explicit. It is also a clearly established pattern to place controls above lists. Following an existing pattern is by no means required, but breaking it is a very explicit decision. I’m curious about the logic behind that decision.

UX Archive »

Lays “out the most interesting user flows so you can compare them, build your point of view and be inspired.” Handy.

Scrollbars Through the History »

Fuck Jetpacks »

The site discusses good interaction design – how it *works*, not just how it looks. “FJP celebrates the future around us.”

On Convergence and Features

Anything can be forced to converge, but the problem is about trade-offs, and you end up with trade-offs that don’t please anyone. You can converge a toaster and refrigerator, but the end result won’t be pleasing to the user.

Tim Cook

Every single person involved in product management or user experience should read this at the start of each day. It doesn’t matter if you’re working at a giant multinational or for yourself, this applies to every feature decision, large and small.

What’s the waiter doing with the computer screen? »

People don’t always use your product the way that you intended.

Mobile Testing on the Cheap »

Better Numerical Inputs for Mobile Forms »

Patterns »

UI Patterns for iOS, Android and More

Mobile UI Patterns »

Redesigning the Country Selector »

Great design pattern for a frustrating UI element.

The Kindle Fire »

My thoughts exactly.

18 PSDs For Mobile Phones UI Design »

Knowin’ What to Throw Away and Knowin’ What to Keep

It’s time for another installment of the State of the Hostile Web, a series that I’ve never officially started, yet have many entries examples of user-antagonism to highlight.

This time it started with a simple goal – I wanted to craft a clever reply to a Twitter post by my buddy Chris Bailey (@chriscognito):

Chris' Tweet: "Do you know when to cut bait and run? Sometimes knowing when to kill a program is as important as knowing how to start one."

I don’t know about you, but for me, I immediately heard Kenny Rogers. Maybe that’s because I was born and raised in Texas, but that’s besides the point. This was a crystal clear opportunity to blast the Internet with a reminder of the awesomeness that is The Gambler.

The Gambler Album Cover from KennyRogers.com (Links to Amazon)To ensure I got it just right, I did a quick search for the lyrics, and the first site to pop up is called LyricsFreak (they don’t get any link love from me – you’ll see why), which displays the words in all of whiskey-soaked glory. But when I go to cut-and-paste them (you can call it lazy – I call it efficient), nothing is selectable. At all. The normal click-and-drag to highlight doesn’t work and the right-click menu is taking the day off.

I was perplexed. I was annoyed. But I also know a little bit about these here Web pages, so I figured that I would just view the page source to disable the code that was blocking me, or I might copy the lyrics from there.

…and I stopped dead in my tracks, confronted with this:


&#79&#110&#32&#97&#32&#119&#97&#114&#109&#32&#115&#117&#109&#109&#101&#114
&#39&#115&#32&#101&#118&#101&#110&#105&#110&#39&#32&#111&#110&#32&#97&#32
&#116&#114&#97&#105&#110&#32&#98&#111&#117&#110&#100&#32&#102&#111&#114
&#32&#110&#111&#119&#104&#101&#114&#101&#44

That’s the very first line of the song: “On a warm summer’s eve on a train bound for nowhere”.

Seriously.

Beyond disabling all of the standard methods for copying a bit of text, Lyric Freaks encoded every single character of the song.

Part of me understands that their goal is to not have other people copy their database in bulk. Assuming they paid for the transcription, it has value to them that they want to protect in order to make some money . I get that. I’m a happy little capitalist myself.

But this practice has instantly made the site useless to me, when there is a sea of lyric sites available. Beyond that, any developer can tell you that this won’t make the least bit of difference to someone specifically scraping the Lyric Freaks site to snag their content. None.

So, the people who actually use their service, see, and hopefully click, their ads and tell others to visit are hamstrung.

Luckily Sing365 made it easy for me to reference The Gambler Lyrics.

Which I used oh so cleverly in under 140 characters:

This is a very long blog post that boils down to the fact that LyricFreaks has lost site of what’s important, hurting prospective users before they even have a chance to turn them into fans. All this in an attempt to protect something, using a method that won’t work, making the Web a little less friendly and a little less usable.

User-hostile practices do not work on the Internet. Your site or service is one among many competitors, and it won’t take long for a competitor to eclipse your work, so do yourself a favor and build solutions that reward the user for visiting instead of making their day harder in an attempt to protect a castle made of sand.

The Usability of the Link Icon

Peter Steen Høgenhaug has posted the results of a usability test focused “aimed at exploring how little documentation you could leave in a CMS, and still have even the most non-savvy person use it with no issues”. This lead him to discover how few people make the connection between an icon of two links in a chain with the act of creating a hyperlink to another page. It’s a quick read and a fascinating study of the cognitive association, or lack thereof when trying to extend real world imagery to represent online actions.

It would be interesting to see a study focused on users who are familiar with content management systems, to see if they find this to be an issue. Without a great replacement, we may need to rely on discovery and learning for this association.

This reminds me a lot of my previous post . So, posing the same question as we did there – what would be a good replacement? I haven’t been able to come up with a great iconic substitution and am leaning ever so slightly, toward simply using the word Link. I’m sure there’s something better though.

What do you think, is it worth changing? If so, what should it be?

What happens to user experience in a minimum viable product? »

“feature complexity — scope — is always the cost multiplier, not user experience. There aren’t debates about experience or how far to take it. The user experience simply has to be up to base standard in order to ship, no matter how trimmed down the feature is.” I agree 100% – without a consistent experience, you can’t trust the results gleaned from your minimum viable product.