USER EXPERIENCE FAIL: Chronicles part V

9 04 2011

Rampant Encryption Services – Password Madness

My work requires me to remember somewhere around 8 different sets of user names and passwords, depending on whether I’m logging into my machine, accessing my email, logging my hours, checking the corporate website, accessing remote webmail, logging into my instant messenger, etc.  I even have a password for a site that I have to go to in order to reset my corporate password every 90 days.  I have no idea what most of these passwords are, and – though I’m sure I’ve got them written down in various places strewn about the lab – I am forced to nervously rely on luck or tedious trial and error.  Hence, I rarely use any of my company’s services that are not absolutely imperative, such as logging into my machine and using my email.   This prohibits me from accessing the corporate web page, acquiring assets from the designer’s internal blog, and learning about company benefits and programs.  It’s an inconvenience, but no more of an inconvenience than the embarassment caused by admitting failure to access the “fundamental” resources, taught to every employee during orientation training.   I’ve gone a year at the company – to admit log-in failure at this point would mean that I’ve gone a year having never logged into or utilized the aforementioned services.  How is that possible, they might think?  Well, I can tell you first hand, it is.  It fucking IS.




USER EXPERIENCE FAIL: Chronicles part IV

9 04 2011

Ambiguous Doors;  Handle Confusion and Affordances

I won’t spend too much time on this one, because Donald Norman covers it pretty well.  But a door handle’s physical form, much like any object’s physical form, should communicate how it is to be used – namely, to be pushed, or to be pulled.  There are three scenarios in which the door handle problem takes it’s shape.  First scenario:  The non-handle.  Often seen on glass doors in the form of a flat metal panel, usually unlabeled.  You’re walking at the door, nervously looking around to gauge how many people are going to silently (or not) publicly mock you when you make the wrong choice.  You get to the door, you extend your hand, and, leaving the building, you decide to push.  You’re wrong.  The door opens in.  You shrug it off and walk away, pretending not to be humiliated.
The second scenario:  Misuse of handles.  In this case, the door has a handle that indicates the opposite of what it does.  For example, imagine the above scenario, wherein I am leaving a building, only the door now has a large gold outward-facing handle on it.  Confident, now, you grab the handle and pull.  The door doesn’t budge, because – you guessed it, the damn thing is a push and opens out.  HANDLE MEANS PULL!
The third scenario:  Identical Handles.  Last, imagine the scenario  2 above, only this time you’re going to think about entering and exiting the building.  You enter, pulling the handle toward you (because, as Norman explains, a handle “affords” pulling) as the door swings out.   Hours later, after an exhausting job interview, you leave, exiting with a crowd of business people at lunch time.  You go for the handle, but it is the exact same as the one on the other side.   In the milliseconds allotted to you before you are forced to decide, you relentlessly try to remember how you used the handle before.  Was it push or pull?  It’s the same on both sides, so is it the reverse?  Maybe the doors open both ways?   But it’s too late!   You’re there, and instincts take over.  It’s a handle.  It must open toward you.  You pull, the door doesn’t budge.  The dude behind you totally gives you a flat tire (juvenile term for when the person behind you steps on the back of your shoe, usually due to an unexpected change in pace/distance between the involved parties), and then let’s out a classic New Yorker “ugh, come the fuck on, idiot” sigh (they all sound like that.  There are variations, perhaps to be discussed later.  All include some expression of annoyance, being in a rush, hating one’s life, and wanting to berate the subject).  Embarrassed, you do the unthinkable, you push the damn handle on the door and it opens outward, allowing the steady flow of business drones on their way to Chipotle to continue unobstructed by your idiocy.
The rules are simple.  The thing should do what it looks like it does.  If it looks like it does nothing, it shouldn’t be there.  A push door should not have a handle.  A pull door should have a noticeable handle and should not swing both ways (insert pun?).   Isn’t it more expensive to pay for a door to have two handles than it is to have one, anyway?? I wonder how, why, and who was responsible for such doorway atrocities every time I encounter the inevitable ambiguous door situation.  To add insult to injury, my building’s lobby doors each open in a different direction and both have handles.  One’s a push and the other’s a pull.  I can never remember which is which, especially when intoxicated or exhausted (roughly 80% of the time).  My boyfriend sometimes purposefully walks on the left side of me because he knows I always try to push the right door, which pulls out.  He happens to be one of the many humans who accepts the responsibility of learning and remembering this “quirk”, rather than the egregious design flaw that it is.  He is certainly not alone.




User Experience Fail: The Chronicles III

9 04 2011

The Infamous F#cking Mac Dongle

Apple knows exactly what they’re doing.  It’s a monetary assault against the consumer, and a major inconvenience for the end user.  Worst of all, it’s a necessary evil for mac users.  How many times I remember struggling with and/or not having the correct dongle for my machine when making a presentation to my class, having to waste several uncomfortable minutes fiddling with the strung-together dongle collection each classroom had attached to a long VGA cable in order to accomodate the needs of every conceivable model of mac a student might have.  Occasionally, when someone would show up with a new machine for which the department had not purchased the appropriate dongle, they were forced to delay or postpone their presentation, or spend 10 minutes switching machines.  It’s called VGA out.  have it.  Idiots.




USER EXPERIENCE FAIL: The Chronicles Part I

9 04 2011

I’m currently in the process of writing the first installment of my memoirs, and I find that the majority of what I write about has to do with my frustrations with various user experiences.  As a public way of chronicling this hatred for the poorly designed, visually assulting, and logically backward, I have decided to post some of my favorite segments here.  Given my career and area of expertise (the web), I have decided to focus instead on experiences I have had in physical space, with objects, devices, services, etc.  Below – behold my first rant:

I.   Deliberately Disorienting Shoppers Through Manipulation of Physical Space in the Interest of Profit / the WHOLE FOODS / DIESEL Effect

Grocery shopping checkouts are notorious for long lines, confusing self-checkout systems (see #6) and the infamous “express lane” option.   Typically, one uses quick judgement to choose whichever line appears to be moving fastest, depending on the number of items being purchased and how willing one is to interact with machines vs. cashiers.  Whole Foods on 14th street decided to solve this problem in what I consider to be the largest service design clusterfuck I have ever experienced.  In what I assume was an attempt to “streamline” the waiting process, the store makes consumers wait while paying attention to not one – not two – but THREE different informational cues to determine when they can move to a cashier (this does not include the inital decision of which line to choose first…. though theoretically they all should move at the same pace…. they don’t).  You choose a line, demarkated by a velvet rope.  The line you are in is associated with a color, which is displayed on a monitor above the massive line/crowd of anxious shoppers.  The monitor is small, centrally located, and does not directly physically correspond to the line in which one is standing.  To add insult to injury, the lines are very long, and beside each is an equally long rack of impulse-purchase items, arguably 4x the length of the average impluse station in any other grocery store.  Let’s say I choose the blue line.   I’ve got one item, and I’m hungry as hell.  I’m behind 13 other blue-liners, and the line is moving incredibly slowly.  My eyes wander across the seemingly enless display of impulse items – energy bars, chapstick, tissues, washcloths, small toys – but only briefly, for I am immediately brought back to reality as I notice a small movement in my line.  This is how the “filtration regulation” system works.
But, surprise! The system doesn’t work.  The poor shopper, after being  funneled into a color coded line,  composed of other shoppers with various amounts of goods (from a single container of sushi to those with full grocery carts), regardless of preference, must  waits in their color corral until – lo and behold – yet ANOTHER variable is introduced – a number appears upon monitor overlayed across the color he or she has chosen.  This number corresponds to a numbered cashier station, toward which the shopper at the front of that line is then allowed to advance.  However, the cashier’s numbered signs are of less than ideal design, as they are numerous, clustered, often obstruct one another, and employ an obscure presentation of the numeral itself.  Hence,  the shopper then spends an average 2-5 seconds trying to figure out where said numbered cashier is, before timidly advancing, moving their line forward by one.The system infuriates me for three reasons.  First, that I am not allowed to choose a line based on criteria that is important to me in a normal grocery checkout setting… how slowly the person in line seems to be unloading from their cart, how old the person is, how heavy their items are, how many items they have, etc.  Second, that I don’t have the choice to use an automated checkout.  In the case that I am buying a single item for lunch (a frequent occurence), I would certainly opt for a machine interaction rather than wait in the express line, etc.  Third, the system employs too many variables for the average person to keep track of, and as a result, actually significantly impedes the regular flow of customer traffic.  The shopper has to keep track of four things at once: the color of their line, it’s relation in physical space to the display on the screen, when a number appears on their color bar on the screen, and the physical location of the respectively numbered cashier.   It’s madness.  By the time #6 on blue signals me to move from my corral, I feel like an abused racehorse, confused, agitated, ready to throw my frozen Amy’s microwavable meal at an innocent cashier’s head.
This system is not only practicallly inefficient, it (potentially) it creates negative emotions by causing the user to feel confused, disoriented, “cheated” of choice, and subject to automated dictation.  Others like me with smaller loads feel agitated groups amongst those with large carts.  We stand there, staring at the monitor vigilantly, anxiously awaiting where and when the next number will be called, wondering in our heads if the distribution of “releases” among the lines is equal, keeping close track in our minds, deciding that surely the green line seems to be moving faster than the orange one – while all the while you have no control, no option to change your mind or move, only to wait, like one might for the grim reaper, “for your number to be called”.   And that’s what the shopping experience in the 14th street whole foods is like.  death.
If I could find the designers responsible, I would make them go to the store at 1:30, prime lunch hour, and experience the misery for themselves.  Then I would take them to lunch upstairs, where we would wedge ourselves uncomfortably in between a group of college students on uncomfortable metal chairs in the balmy cafe space, and ask for a succinct explanation of why this system was implemented, and why it is efficient.  Then I would laugh at them and throw my cup of soy sauce in their face, making sure not to sully my  jeans and hoodie (my professional attire), and walk out.   I think I hate those guys more than any other imaginary guys that I know.  Or at least, that I can think of right now.

Diesel

On Union Square West, coincidentally located just kitty corner from the previous offender, the Diesel store stands out as  a trendy, edgy clothing store that exemplifies the brand’s core aesthetic values and themes.  (Also commented on by Norman:)  When one enters the Diesel store, loud house music infiltrates the ears.  The floor is open, free of visible sales associates at seemingly any hour of the day.  As one wanders in, unsure of where to go, what to look at, or where to find it, no help is offered up by the staff, who continues to mill about in the background.  As such, given no other choice, the shopper is forced to explore the space themselves until they find something that is of at least remote interest. At this point, the shopper feels a sense of achievement, having been able to navigate toward something desirable without any help.  With some added confidence, the shopper continues on, picking up additional items, until eventually, a shopping assistant casually approaches and asks if the shopper would like a fitting room.  But don’t be fooled – the staff is not  just inattentive, incompetent lovers of German house music.  Nay, the entire process is carefully calculated, and every sales associate is trained in the routine.  Allow the new shopper to enter.  Intimidated by the loud music and apparent lack of direction, the shopper feels vulnerable, open to navigating toward the first item of interest they can find.  Once they’ve located an item(s) or interest, the sales associate swoops in “to the rescue”, to save the user and lead them to a safer place. Though Diesel’s not the only store that does it  (arguably Uniqulo, H and M), it’s undoubetdly a sneaky sales tactic.  And to me, a dishonest one.  Not that I’d ever be caught dead in a pair of Diesel anythings.  I’d rather have the lady in the Green line at Whole Foods spill a container of rice pilaf on my brand new white Vans.  And that I’d rather look like a non-chalant hipster  douche than a insecure fashion backward douche in a pair of $500 faded jeans – well, that’s saying a lot.





If my resume were an infographic. … aka I have serious things to consider.

6 04 2011

Where have all the dark colors gone?   …Coincidence that my graphic node display looks a heck of a lot like resistors on a circuit board?  Probably not.

censoredvisres





Just so that I can remember who I am

15 02 2011

It seems like lightyears have passed since this carefree young one sat with her tab and 28v driver.  Cheers to staying weird, everyone – here’s so saccharin and hardware!





more balls than you’d know what to do with

4 04 2010

…. Went a little crazy moldmaking this weekend with Brian, trying to find the perfect configuration so that we wouldn’t have balls with weird air bubbles/birthmarks/weakspots.  We devised a super crazy suspension scheme to do this, but after a few misfires, decided that the best method was to let the silicone sit in two halfs of the mothermold for a few minutes BEFORE submerging the mini-mold into one of the halves, then plopping the top part onto the bottom swiftly and holding that sucker in place until the silicone became too dry to shift (about 10 mins).  It took a lot of attention and meticulous effort but this ball came out looking like none other (more pics later).  For the meantime, though, check out this hilarious company of potential balls.  I feel like Tyra Banks at a casting call…. nice.





Cball Lives

13 04 2010

Here’s a brief video of me demoing the very first pseudo-presentable version of cball (the one that likes light and hates dark).  The ball purrs and glows in the lightness and is cold and dark sans illumination.  Simple, but good.





Eball is born into the Cereball(Z) family. cigars and 9v batteries all around.

15 04 2010

Here’s a short video of eball working in the lab.  hilarious user testing videos to follow.





madeline pulls a twelver on the floor – cball gets a makover – user testing yields anticipated hilariousness

18 04 2010

It was a doozie, but C and E ball are finally done.  I decided to replace the photocell circuit in Cball with a cooler FSR sensor so that when you squeeze it it glows pretty and purrs.  People seemed to like that better than the light/dark business.

I took a shitload of video so while I’m compiling that, here are a few photos to tide you all over:

and def -  more to come….





yep, even more c-ball. man I looove that thang.

21 04 2010

Spent another twelver in the lab today re-wiring boards and making everything as tiny and secure as possible.  This included replacing c-ball’s FSR and vibrator motor.   I’m not super happy with the vibration right now (not strong enough) but the FSR is working good and it really glows nice when you squeeze it…  Unanimously voted “ball I’d most like to sleep with” by user testers on the floor this week.

Here’s some pics of me squeezing the crap out of the thing – I’d take a video if it wasn’t 2AM  and my boyfriend wasn’t asleep three feet away.  although the flashes from photobooth probably already woke him up.  Whatevs.  It’s beautiful.





Thesis is over…. you’ve GOT to be sh*tting me.

14 05 2010

Well holy mother of mary, the damn thing is finally done.  While it is true that I do not remember much of last week, what I said to the roomful of esteemed guests or to the thousands of live streaming viewers, it remains to be said that overall, both the project and the presentation were a success.

I have a lot to post here, but I will begin with a few photos of what the balls looked like in their final presented state, after I stayed up all night rebuilding them after the prior week’s kid-testing trauma.

COMING SOON:  link to archived streaming thesis presentation, roughcut of adult user testing video, assorted stills.





USER EXPERIENCE FAIL: Chronicles Part IV

9 04 2011

The Dreaded Self Checkout

OK, one last one for today.  Automated Check out Machines.  Their gross misuse of sound and physical attributes in almost every instance I’ve encountered them is not only an immediate assault on both the visual and auditory systems, but in many cases, proves prohibitively intimidating and hence unappealing to the average consumer.  For those less savvy, the dissonant symphony created by the out of sync automated voice output from multiple machines combined with the unintuitive, intimidating “look” of the machines is way too weird. For this consumer, dealing with Fran, the slowest checkout girl at the local Kroger, is a more pleasurable experience.  With Fran, at least the shopper doesn’t have to risk looking stupid or making a repeated mistake and having to call for help in front of the other shoppers.  Despite what we think, it IS embarrassing to admit failure of a task, no matter where or what or who is looking.  Inside, we’re all still in grade school, and if your cafeteria suddenly offered the choice of an automated mashed potato and peas dispenser as an alternative to Nelly, the familiar lunch lady, few would argue that they wouldn’t opt for the familiar process of putting their tray up on the counter for Nelly to plop the food on rather than risk the uncertainty of utilizing the machine.  Were one to, say, mis-align the tray and suddenly wind up with mashed potatoes and peas on their shoes, for example, would be a grade-school nightmare indeed. 

Hence the initial widespread reluctance to use the automated checkout machines in grocery stores.  Though now they have become slightly more familiar to the public, as an individual who has used many in my lifetime, the fact that they have become familiar to more people is surely more of a testament to human patience and willingness to learn than it is to the ease of use of the machine itself.  For they are horribly, grossly, egregiously ill designed.  They’re annoying to use.  The machines, as mentioned, are constantly making noise.  When the user makes an error or fails to make a selection properly, the machines repeat themselves endlessly and offer few, if any suggestions in order to solve common user mistakes.  Physically, the machine’s I’ve encountered are ugly, spatially inconvenient, have poor responsiveness, and unsightly/confusing visual user interfaces.  Let’s say I’m at home depot.  I’m buying some electrical tape and a hand drill.  I swipe the hand drill first, but it’s heavy, so I quickly put it in the bag adjacent to the bar code swiping surface.  Quickly, I am alarmed when I am confronted with a repeated error message about removing items from the checkout area.  I don’t know what this means – aren’t I checking out now?  As it turns out, the area directly adjacent to the machine contains sensors to calibrate the merchandise, though no indication of any such function is offered.  To continue with my checkout, I must move the hand drill even further aside, away from the machine completely, leaving it spatially open and vulnerable to potential sticky fingers.  I hastily swipe my two rolls of electric tape, and wait for the system to calibrate.  I opt to pay the sum in cash, which I must awkwardly dispense into a slot that is physically so dislocated from the Screen interface itself that it can take several moments to find.  Meanwhile, the machine repeats to no end, “please insert cash.  please insert cash.  please insert cash….”.  Becoming nervous, I frantically rummage through my wallet, feeding the machine bill by bill.   Forgetting the exact total, I have to move back to the monitor to remind myself.  Finally, when the experience is complete, I wait patiently for my receipt and quickly grab my belongings to exit.

I have just described a true experience that happened to me in 2009.  But that is just one illustration of how the poor design of these kiosks makes purchasing difficult and cumbersome.  Other examples include items that won’t scan, the potential for multiple scans on a single item, and the necessity for a clerk to be on hands at all times to ID anyone who purchases alcohol.

It’s not that I believe these machines are doomed, or do not posess the potential to be extremely useful, because they most certainly can.  But in order to do so, they must be designed in such a way as to accommodate the following requirements:
1.  Localize sound output strategically so as to only be heard by the shopper who is within a reasonable range of the station.  Hearing multiple commands from every single kiosk within a 10 foot radius makes focusing impossible and is distracting.

2.make the dialogoue more pleasant.  Avoid strictly imperative voice and increase the number of programmed phrases to help the user solve all possible common problems.  Have the recording programmed to use friendly language, to say “please” and “thank you”.  If there is an error, state it clearly and show a text translation, instead of repeating the error via voice command on an endless loop.
3.  Rearrange the spatial configuration of the Graphical user interface (screen)unit  and money input/ credit card unit so as to be located more closely to one another.  The screen should be visible at all times and should offer text translations and instructions.
4.  The “checkout area” should be labeled or amended such that it’s function is clear and the user does not feel inclined to place things there when they shouldn’t be.
5. Make the experience rewarding for the user.  The machine should be responsive, quick, and adaptive, and should make the user feel comfortable.  At the completion of purchase, the user should walk away feeling like they’ve successfully “cheated” the line, having made a successful purchase in very little time.
That being said, I’m guessing that we’re going to have to put of up with the squawking, awkwardly designed boxes currently in stores for the next few years before the potential monetary value of improving this experience for consumers is realized and a movement for technological change is put into place.  It’s possible that as the rest of our devices follow in the footsteps of the criteria outlined above (becoming increasingly responsive, less awkward to handle, more pleasant to “communicate” with), that the infamous self checkout kiosk system will follow.  One can only hope!  Until then, I’m sticking with Fran – at least I can ask her about her day.





USER EXPERIENCE FAIL: The Chronicles II

9 04 2011

IIa.Label the damn cars on the Metro North

Often, the train conductors announce that certain doors will only open at specific (less trafficked) stations if one is in the “first four front cars” of the train.  But who on the train knows what is the front or the back?  Surely the argument could be made that either is front or back.  Why not label it?  Or at least announce “the farthest car is considered the front”.   When one is on a train,  it is almost impossible to tell which “number” car one is in.  Does the mini conductor’s car count?  Just how many cars did we walk back before we found a seat?  This problem can be solved by a ridiculously simple, unbelievably inexpensive fix:  LABEL THE FUCKING CAR NUMBERS.  Take a small piece of plexi glass or plastic material, maybe 4×4 inches.  Put a number on it.  Place that number in the respective car,  centrally located, perhaps anchored to the ceiling, so as to be visible from all angles.  Solved.

 

 





Microsoft Design Expo – “Goofy Tools for Serious Work” Design Competition … or “The dreams I dreamt for MR. M.”

10 03 2011

Concepts and Prototypes

New York University, 2010

“Goofy Tools for Serious Work” was an attempt to rethink the traditional tools and interfaces we have come to take for granted in the office place with the ultimate goal of making the workplace a more pleasant place to be.  Our approach involved  a “suite” of tools, which included the following, plus a few others never documented.

“Goaltend” and “Hot Potato” – Project Management

Goaltend was an idea for a real-time visualization of team progress on a collective goal or office objective. We saw the idea as a possible projection that could be displayed in a lobby or other common area.

hot potato was a tactile tool that workers could pass to one another aimed at facilitating office communication.


Two early hot

potato prototypes shown in different “phases”:


 

“Excelerator”, “Knorb”, and “Workglove” – rethinking the mouse and screen-based navigation

Demo-ing the Work Glove in action with some final cut pro magic. Look ma, no mouse!  And it looks super cool too!  BONUS!

…And athough it is true, we did lose the competition by a landslide (We ended up losing to an iPhone app – seriously…) we knew who the real winners were. Plus, we got to spend half a year building awesome crap that lights up and makes fun sounds, so, mega-win.





Let the record show, we thought of it first.

29 06 2010

Splash_unauthenticated

splash_loginoverlay

clink_maintop10_withmetadata

clink_wfriendlistpopup

clink_main_genre








Follow

Get every new post delivered to your Inbox.