No Mod Required

Archive for the 'design' Category

Maybe for someone this U3 software is useful.

But for me it certainly wasn’t. Useful wouldn’t be on the list of words I would use to describe my interface with U3 software.

To explain: I bought a Kingston 1GB USB Flash Memory stick to put on my key chain. It was mostly to move files (mp3s mostly, but other stuff as well) between my machine at home and my work machine. I went for the Kingston since it was at least $10 cheaper than the other ones at Circuit City.

What did I get for my $10 savings? A nice little drive and some “smart” software from a company called U3.

The drive I like. The software? Not so much.

This morning I popped it in, and instead of it simply being recognized as a USB Mass Storage Device (what I expected), I was greeted with it installing a phantom CD Drive (in addition to the USB drive letter- yes it took two separate drive letters), nestling itself into the systray and launching this annoying piece of software:

annoying.jpg

Considering my expectations (a no-hassle USB drive just like every other one I’ve ever used), running into all of that crap was the digital equivalent of getting shit on by a pigeon- an unexpected and unwanted annoyance. Apparently I’m not alone, considering all the griping people are doing about the U3 software on Amazon (<= just a random page about another USB device with this "enhancement" installed.)

Mine and other's reactions to this software and the way that it fundamentally alters the interface with a pretty common device illustrates how radically deviating from user expectations can cause strong negative reactions.

Luckily I was able to uninstall the software easy enough, but if I'd known what I was up against beforehand I would have saved myself the hassle and gone with a regular non-enhanced USB drive (even if it cost a buck or two more as I hate the idea of somehow supporting such crappy software.) Which is kind of the point of this post- when buying a flash memory stick, stay far, far away from U3 infected devices. Unless you're into that sort of thing (whatever that thing actually is- I never really figured out what it's purpose was.) In which case, fun it up!

Emptying the Web Junk Drawer of My Mind

Not much this time around as everyone is in hiding, apparently.

Shameless self promotion: New Project

I’m going to be doing some UI design and development for my old boss, PK Shiu’s new project Kind Neighbor. I think we first talked about working on it a year and a half ago. Sometimes even the Internet doesn’t move all that fast. Should be fun.

Wikiasari

Speaking of moving slow… looking at the About page at search.wikia.com, I’m wondering what all the fuss is about. Sure, Jimbo Wales is involved, and the concept is interesting, but they don’t even have a name for the thing yet.

In thinking about it myself, I’m curious if the end result will look anything like this:

Sholay - Factbites

Factbites actually pulls out pertinent quotes on a topic and presents them as part of the search results. Potentially very helpful. Check the link to my Sholay review halfway down the page to see why I even noticed Factbites.

IE7 Adoption Update

We made it over 20%. Slowly but surely.

internet explorer 7 adoption rate chart.jpg

Here are the actual numbers (Google docs is awesome)

Feedburner

I’m trying out a new feedburner feed. We’ll see if it matters at all on the RSS end. One thing I do like is the ability to offer people the ability to Subscribe by Email

Cool site: Lovepics

I got a myspace friend request tonight and clicked through to see the actual Lovepics site. Very cool design and photography.

If anyone is wondering what to get me for Christmas.

This will do:

Audemars Piguet : Millenary Novelty WG / Light Blue / Leather

aec05cdc-9ce7-44c8-9585-26c6fa0b7787.jpg

Linkedin, the interface

People ask, I deliver…

I was asked, in a comment, to elaborate on my throwaway line about the interface for LinkedIn being terrible. I started to reply in another comment, typed for a little bit and then realized I’d written a hundred or so words in about thirty seconds. I thought, “there’s a proper post in this somewhere” and then moved the whole circus up here. What follows are basically unfiltered thoughts about the interface based on my experience with it yesterday- trying to update my profile and trying to add one person as a connection.

As a note, this isn’t to be taken as a serious evaluation of the site. These are more off-the-cuff remarks based on one small personal interface with the application. They also, by their very nature, focus on the negative aspects of the user experience. A proper look at what they’re doing would also highlight more of the good things (such as they are.)

I also want to mention this- I’m sure that people who have used the system regularly are able to navigate it successfully. No need to point that out to me:) I’m an on-again, off-again eBay Power Seller, so I know about plenty about how repetition and familiarity can smooth out even the worst interface kinks.

That said, for me, not being able to benefit from years of learning and adapting to the system, the LinkedIn interface was both confusing and (as often follows “confusing”) frustrating. I had trouble orienting myself and oftentimes there seemed to be no direct way to take any of the actions I wanted to take- basic actions that I expected to be clearly defined right up front.

For instance, when I logged in and was taken to my home page, I had a hard time trying to find a button or area that would allow me to edit my profile. After scanning the area where I expected such functionality to be (I was looking for an “action” type control panel in the main content area) and failing to find anything to looked warm, I eventually found a tab across the top that lead me to “My Profile.” This, to me, seemed like awkward placement as the top tabs other than “Home”, felt like they should be about “everyone else” and not about “me.” Add to that the fact that the tab I was looking for is de-emphasised (set back and in a different color), and it’s no wonder I had a confusing time trying to find the right place to click.

Interestingly, returning this morning to look at the process once again in order to write this piece, I was surprised to see that there was, in fact, an “update your own profile” button centrally located on the page. I had just been unable to find it. I think this is because both the context and design of the “update your own profile” button are off. The way it’s placed makes it seem related to the profile updates of my contacts, which lead me to immediately discount it as something to do with my profile. The small- text/ gray- on- gray/ crowded- against- the- edge- of the- button visual design doesn’t help matters by failing to catch my eye in any meaningful way- I literally didn’t see it until my second pass.

Once I found the page where I was able to edit my profile, matters didn’t improve. When I landed on the profile page, I was greeted with no less than THREE separate buttons styles used to open up editing capabilities. Two of them are actually pretty clear, but the third is insidious and the pure fact that there are three separate “button” designs in one small area of the interface is an area of concern- Consistency is a positive thing.

Here’s a graphic with the three different styles:

linked_in_buttons.gif

And here are the styles in place on the page:

linked_in_edit.gif

The first two are actually pretty straightforward, althouh I’d prefer a single consistent format in order to lessen the amount of processing needed to work through the site. The third one, the one I was looking for to complete my task is plainly awful.

  • Since it doesn’t have an underline or any other styling beyond a dark blue color I had to guess that it’s a link
  • When I did guess correctly, and interacted with it, there was no clear hint as to what the payoff for the click might be be. Instead, there’s an underline and an arrow pointing downward. I thought, “what does this mean? Download?” It actually means- go down to the bottom of the page where the editing capability is, but since I’d never been there before, I had no clue what it could possibly mean that would make sense to me in that context. So it was a leap of faith to click on it, hoping that it would take me where I needed to go.

I will say, once I made it past that point, the process smoothed out considerably. There’s a clearly labeled “Edit” button next to existing positions and the “Add Position” button is clear as a bell. Now if they could just make getting there a little more straightforward we’d be in business.

The second part of my task, adding another user as a connection, presented at least one major hiccup. While not necessarily an “interface” issue in a “design” sense (it being a business decision at its heart), it definitely makes for a lesser user experience, so it’s included here. Apparently, you cannot contact a user directly through the system without upgrading to a paid account. The lack of a “message user” function or the equivalent of a myspace “friend request” was initially quite confusing to me and definitely will temper my interest in using the system. I expected to be able to use the system, in a straightforward manner, to connect with people without necessarily remembering or knowing their current email address. When I’m current with contact information for people or when, like me, people have email addresses that are basically eternal it’s not really a problem (although I have obviously have less reason to actually use the system to contact or connect with those people). The problem comes when I’m slightly out of touch with a user and I don’t have current contact info- many people use work emails for this and trying to keep track of those in technology is a nightmare. In those cases I’m out of luck and can’t use the system for something I would find really useful- reconnecting with people I’ve worked with over the years. There’s already a queue of people I know who I haven’t connected with because of the way the system is set up.

And that’s that. two good hours and five billion words based off of maybe one thirty minute interaction with the system. I’m not sure what that means, but it was certainly an interesting exercise.

I made this.

Another site I worked on is live: A Wider Net.

I turned it around from PSD to fully functioning site in a little over a day.

I love WordPress.

Of all the designs I’ve worked on so far at Cramer (a surprising number considering how long I’ve been there), this one is my favorite and the CSS was pretty streamlined/straightforward, so I’m pretty happy with my contribution as well.

Who started this trend?

The trend being- gray body text on web sites.

I build a lot of sites and I swear to god the last ten have had #333 or #444 or some variation thereof defined for the body text. This is across four or five designers. When did this become a ubiquitous design trend?

(As a note to my design peoples- I’m not complaining, I’m just curious. Go on with your bad, gray body texting, selves)

Absolutely GOLDEN Quote

Where Visual Design Meets Usability - An Interview with Luke Wroblewski, Part II

“It’s also very valuable to look at the visual design from the perspective of what is absolutely necessary to communicate. Do you really need a different background, font size, font color, and drop shadow to distinguish that content? Would just a background color suffice? A common tendency I see is over designing, such as employing too many different colors and too many different graphic elements, which ultimately result in visual noise or just design-for-design’s sake.”

That speaks to the core of the way I look at the web.

(yes, I’ll read the whole article eventually. I collect those and the HFI newsletters and read them in one big Usability blur)

(I’m slowly pulling in some old posts from my blog @ raizlabs.)

Count the flashy things!

http://www.tylerkirkham.com/
The entire site flashes and pulses and then flashes again.

Party like it’s 1999.

Amex ripped off Tom.

Tom’s portfolio site mycardmywork.com:

THOMAS O’KEEFE :: My card. My work.

Amex’s new site featuring Vaginefeld:

mylifemycard.com