Tag Archives: Everyday Thing

User Experience

Everyday Thing: The Work Report

Recently I was appointed the position of ‘Academic Integrity Officer’ for the department of Computing and Information Science at the University of Guelph. Basically, I review undergraduate programming assignments and check them for plagiarism. Sweet title right?  Makes me feel like Dog the Bounty Hunter.  Though some of my friends told me I’m just a NARC.  Bummer.  Anyways, when i took the position I thought that it would sound great on the resume, be a good life experience, and help pad the back pocket (which can never hurt); but I knew that it had nothing to do with usability.  At least, that’s what I thought. DUN DUN DUN!!!! [This is where I imagine overly dramatic music playing even though it's a mundane topic].

*** DISCLAIMER: All of the examples used here are merely anecdotal. They are not examples of actual cases of academic misconduct found at the University of Guelph, nor do does the topic matter in this blog post breach the terms of any privacy agreement I may have signed. ***

When a case of academic misconduct is discovered, it is my job to write up a formal report, which after going through a few people, ends up at the Dean’s office.  Keep in mind that the Dean and the Associate Dean don’t have a background in computer programming.  They’ve seen these reports before but that’s really the extent of it.  So I can’t just send them the two assignments and let them figure it out. I have to make a non-programmer understand the similarities between 2 pieces of software, and do this all on a few 8″ x 11″ sheets of paper.  All of a sudden, this becomes an example of a real-world usability problem with real-world constraints.  Let’s break it down into Problem and (Potential) Solution, and just for fun, Take Home Message that applies to all user interfaces and document writing.

Problem: A non-programmer doesn’t know the words “variable, function, main method, comment” in a programming context. How then do you describe the similarities in the anatomy of the two programs?

Solution: You can say things like “the wording is similar” instead of “the variable names, function names, or comments are similar”.

Take Home Message: Use language appropriate for your target audience. They shouldn’t have to dictionary.com your terminology.

Problem: A non-programmer does not know that spacing and tabbing does not affect the functionality of the program. How then do you effectively show the similarities between two bits of code that at first glance look different?

Solution: The human mind is very good at visually spotting patterns [lookup Gestalt Psychology if you don't believe me].  Firstly, you can point out that these spaces and tabs are trivial and do not affect the functionality.  Second of all, you can say that “the structure is identical”, while circling and highlighting the two bits of code (chunking) and connecting them with a line to represent a reationship. The best way to do this is have the two bits of code side by side.

Take Home Message: Use visual aids to chunk objects together or depict relationships. The human mind is very good at processing this information. In report writing, try to use graphs and figures to summarize information and show relationships.

[img]

Problem: On an 8″ x 11″ page, you cannot put two pieces of code side by side without making them too small to read.

Solution 1: You can put the code one on top of the other, but then you can’t draw lines between similar code- the lines cross and it looks confusing, and since the similar bits don’t line up horizontally, it is more difficult for the reader to see the similarities.

Solution 2: You can put the code side by side using landscape. This, however, may still result in code that is too small to be readable.

Take Home Message: Due to real-world constraints, you will often have to make comprises. Consider all options and choose the one that is most appropriate.

[img]

Overall, it is important to keep in mind that user interfaces don’t just come in the digital form.  It is important to make even your work reports user-friendly. In my case, a user-friendly report means that the bad guy doesn’t get away. Don’t mess with the Dog.

User Experience

Everyday Thing: Alarm Clock

So I bought a new alarm clock yesterday (old one was busted) and I though to myself, “hey.  Instead of getting another one of those standard black alarm clocks, why not get something fancy”?

One short trip to Wal-Mart later, and Behold!

Philips clock radio

Minimalist design in all its glory! Brushed aluminum with a mirror-like clock face.  A futuristic dream.

5-minutes out of the box, and you know what i realize?? I Hate the goddamn thing. Here’s why:

I’m used to crappy old alarm clocks.  Ones with basic functionality, but are easy to use.  They’re black, they have a red LED display, an alarm, a big snooze, and some radio controls. Philips has created the beautiful alarm clock with an MP3 jack, and two separate alarms.  However, their fault is in focusing on aesthetic design, and pure functionality. Behind the slick exterior lies a mash of complex buttons (I mean literally behind the display). I could go and list the usability barriers one by one, but i think describing a scenario with structured tasks would help paint this picture much more effectively.

Scenario: Setting your alarm clock.

12:00 am. Excited with your brand new (and shiny) clock radio, you decide to set your alarm for the next morning.  Examining the unit, you find 2 buttons and 3 multi-modal dials on the left side to help you with just that.  On the other side, you find the standard tune, AM/FM, and Volume.   You locate Alarm 1, and set it to Radio (because the buzzing scares the shit out of you). There is another dial, you set it to “set Al 1″.  The display now shows 12:00 and a bell symbol.  So far so good.  You press the “up” button to set the alarm.  Whoa! it moves at lightening speeds.. but whoops you overshoot 7am (Its almost impossible to NOT overshoot it).  So you press the “down” button. The numbers move like a snail. “Ahh!” you think “thats why up is so fast”.  However, you quickly realize that if you set your alarm clock to 10am one day, and want to change it to 7am the next day, these up and down buttons dont help.  Down is too slow to reach 7 from 10, and up (albeit fast) takes too long to wrap around the the separate AM and PM numbers to hit 7am.  The fact that they have 2 alarms does not solve this issue if  you EVER need to change the time you wake up, which for me, is a lot.  Annoyed, you forget to put the dial back to “Clock”, and 7:00am is all the the display shows, never changing.  If you ever forget to change it back, you’ll never know the correct time, and I guarantee it will trip you up.  Finally Alarm’s set, you go to bed.

Left side of the clock.  Buttons from top to bottom: Up, down, display clock or alarm, alarm 1, alarm 2

Scenario: Wake up

7:00 am. The alarm goes off. Way too loud.  Groggily, you try to hit snooze.  Unfortunately, the alarm clock hides its buttons so well, you cant physically see the damn thing.  The button’s not even significantly bigger than the other ones on the top.  You feel around, and mash all the buttons until it stops. Finally.

Top of the clock. Buttons from left to right: Repeat, Reset, Sleep, Sleep off or Snooze.

7:10 am. The alarm goes off again. still way too loud. This time you’re more awake, so you try to lower the volume, which again is hidden. This is additionally confounded by the fact that there is a tuner with the exact same type of dial.  Instead of lowering the volume, you’re blasted with Axl Rose screaming “sha na na na na na na na na nana…” AHH .. *fumble* *fumble* *fumble*. Snooze.

Right side of the clock.  Buttons from top to bottom: Volume, Tuning.

7:20 am. The alarm goes off again. I guess its time to wake up.  What time is it anyways. You look over to the clock face, and wtf?! you cant even read the damn time.  The sun’s streaming in through the window and the clock radio does absolutely nothing but reflect it.

Front of the Clock.  The surface is so mirror-like that the time can barely be seen.

10:00 am.  You return the alarm clock to walmart.

Let me summarize these deal breakers, in order of importance:

  1. Complexity of buttons- Once in “set alarm” you must actively return to the clock.  It should actively return on its own.
  2. Cannot read time – clock face too reflective
  3. Up/Down – ineffective modes of interaction
  4. Hidden buttons
  5. Function of buttons are not obvious from a tactile perspective – snooze is not raised or big enough, feels like other buttons.  Tuner and volume feel the same.

All together, these usability issues make this clock highly unusable to the average consumer.  I’m not going to tell you not to buy it- i’m just going to tell you that imo when looking for alarm clock, ability to use the damn thing is more important than fashion or amount of functionality.

Back to basics:

My old dusty alarm clock.  Ugly, but usable.