<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3292838794309229710</id><updated>2011-04-21T20:35:09.290-04:00</updated><category term='Crappy Designs'/><category term='Usability'/><category term='miscellany'/><category term='infrastructure'/><category term='Revision'/><category term='starting'/><category term='mistakes'/><category term='Amazon'/><category term='Preachy'/><category term='Bad Web'/><category term='Marketing'/><category term='errata'/><category term='Case Study'/><category term='Experience'/><category term='Good Job'/><title type='text'>Mouthy American</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Ben Adams</name><uri>http://www.blogger.com/profile/13106190562306572831</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://4.bp.blogspot.com/_Ilu7KilOfEE/Sx-X1ql0OaI/AAAAAAAAAAM/z9JZBxLF6fw/S220/simpsons_ben.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>9</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-13913805030019178</id><published>2009-02-17T06:22:00.003-05:00</published><updated>2009-02-17T07:35:58.628-05:00</updated><title type='text'>Invisible Interfaces</title><content type='html'>&lt;a style="font-family: trebuchet ms;" href="http://www.amazon.com/exec/obidos/search-handle-url/ref=ntt_athr_dp_sr_1?_encoding=UTF8&amp;amp;search-type=ss&amp;amp;index=books&amp;amp;field-author=Donald%20A.%20Norman"&gt;Don Norman&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt; talked about the "Invisible Interface" and the "Invisible Computer" as one that the user expresses no thought effort on &lt;/span&gt;&lt;span style="font-style: italic;font-family:trebuchet ms;" &gt;how&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt; to do the task, only on the task to be done.  &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;In many interfaces, we learn what to do so that we don't have to think about how to do it.  For example, driving a car.  When we are first learning, it seems overwhelming: you have to look at the road, but you have to also watch your speed, but you should constantly check your mirrors, but pay attention to which foot is where, and keep both hands on the wheel, but be ready to shift at any moment.  And the feet!  By the time we learn, we don't think about all the steps necessary.  We think about where we want to go, and we go.  The interface with the car has become invisible.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;There are common designs for many things in our lives.  A toilet handle is, well, a handle.  An HTML link is blue and has an underline.  A submit button looks remarkably "button-y".  A car's steering wheel is round and has little ridges on the back where our fingers fit.  The important thing to remember is that these designs didn't start out that way.  In any product, industry, and technology, there is a period where competing designs are tested and one dominant design wins out.  Here is an example of a &lt;/span&gt;&lt;a style="font-family: trebuchet ms;" href="http://farm4.static.flickr.com/3192/2693838979_7e25bd0944.jpg?v=0"&gt;steering handle, &lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;a different design to a wheel.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;When designers (or more usually, engineers or marketers) tinker with an existing design, alter it in some way, the design is no longer invisible.  We have to think about &lt;/span&gt;&lt;span style="font-style: italic;font-family:trebuchet ms;" &gt;how &lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;to do the task again.&lt;/span&gt;&lt;span style="font-family:trebuchet ms;"&gt;  Try driving a car in a country that drives on the opposite side of the road from what you are used to.  All of a sudden, you don't just point the car and go.  Everything is on the "wrong" side, from the door locks to the gas pedal, never mind that ONCOMING BUS!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;When we encounter a suddenly visible interface, it is jarring, disconcerting, and can prompt the phrase, "what were they thinking?"  An example of this was a local watering hole who thought it would be cute to rename the labels on the bathrooms.  Every bathroom was unisex, so it didn't matter what one was chosen.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;They could have done a simple sign, like &lt;/span&gt;&lt;a style="font-family: trebuchet ms;" href="http://www.cantstopthebleeding.com/img/bathroom.JPG" target="_blank"&gt;this&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;, or &lt;/span&gt;&lt;a style="font-family: trebuchet ms;" href="http://www.adacompliancereview.com/prodimages/Restroom.jpg" target="_blank"&gt;this&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;, or even a uniform look like &lt;/span&gt;&lt;a style="font-family: trebuchet ms;" href="http://farm1.static.flickr.com/166/387249739_307ca70cac.jpg" target="_blank"&gt;this&lt;/a&gt;&lt;span style="font-family:trebuchet ms;"&gt;.  But they didn't.  Somebody chose the following:&lt;/span&gt;&lt;br /&gt;&lt;ul style="font-family: trebuchet ms;"&gt;&lt;li&gt;Pointers&lt;/li&gt;&lt;li&gt;Setters&lt;/li&gt;&lt;li&gt;Democrats&lt;/li&gt;&lt;li&gt;Republicans&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-family:trebuchet ms;"&gt;Suddenly, the interface is visible.  Which one do you choose?  You were focused on the task, whichever one you were going to do, and now you have to think.  What if you choose incorrectly?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;It is very frustrating to suddenly be confronted with something that is no longer invisible.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:trebuchet ms;"&gt;Of course, I could be a bathroom-phobe.  What do you think?&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-13913805030019178?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/13913805030019178/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/invisible-interfaces.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/13913805030019178'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/13913805030019178'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/invisible-interfaces.html' title='Invisible Interfaces'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-316618219935711823</id><published>2009-02-11T07:40:00.003-05:00</published><updated>2009-02-11T07:43:51.392-05:00</updated><title type='text'>Curious Perversions in Form Design</title><content type='html'>"The current estimated age of the universe is only in the tens of the billions," writes Bob S, "so twelve digits or so for the 'year you were born' field should have been adequate to accommodate the return of the Old Ones, should they be interested in filling out readership surveys. iPerceptions wanted to play it a little safer, though."&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img.thedailywtf.com/images/200902/errord/OldOnes.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 331px; height: 264px;" src="http://img.thedailywtf.com/images/200902/errord/OldOnes.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;http://thedailywtf.com/Articles/The-Littering-ATM.aspx&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Umm... I agree.  But what do you think?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-316618219935711823?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/316618219935711823/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/curious-perversions-in-form-design.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/316618219935711823'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/316618219935711823'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/curious-perversions-in-form-design.html' title='Curious Perversions in Form Design'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-7630722514016714442</id><published>2009-02-11T06:14:00.002-05:00</published><updated>2009-02-11T07:31:07.182-05:00</updated><title type='text'>One Simple Thing</title><content type='html'>The only way to really beat the system at a casino is to get "comps" for as many things as possible, while gambling as little as possible.  Most books you could read send this same message.  All casino games are "negative expectation" games.  That is, the statistics are engineering in the house's favor.  The best you can do is minimize your losses and enjoy the perks.&lt;br /&gt;&lt;br /&gt;The only way to get "comps" at the table games is to ask for them.  Table games are Poker, BlackJack, and Roulette.  (Yes, I know there are variations of these, like "Spanish 21" or "Carribean Stud", but those are even more negative expectation, and I never play them).  These days, every casino has a "frequent flyer" card where they can swipe you into the system, keep track of how much you play, and award you "comps" based on how much you win (or really, lose).&lt;br /&gt;&lt;br /&gt;So, there I was in Atlantic City, asking to be comped a meal.  There was a pit boss there, using the compter.  First they granted me the comp for breakfast at the buffet.  Then it turns out there is no buffet breakfast on Sunday.  So, they needed to issue me a refund/cancellation and then issue me a new comp based on the restaurant that was open.&lt;br /&gt;&lt;br /&gt;It took 20 minutes.&lt;br /&gt;&lt;br /&gt;It turns out that the pit boss was from a Blackjack pit, and they use a different computer system for the Poker pit.  He kept trying to enter his identification to issue the refund, and it was refusing.  Finally, he came up with the idea of putting his initials instead of his employee number in the field.  It took, and they were able to issue me the comp.&lt;br /&gt;&lt;br /&gt;Some key questions came up:&lt;br /&gt;1) what error message was he getting, and why wasn't it giving him enough information to figure out what needed to be resolved?&lt;br /&gt;2) what was the label on the field that could take his employee id or his initials, and he couldn't tell the difference?&lt;br /&gt;3) Why didn't the comp system know that the buffet was closed?&lt;br /&gt;4) WHY HAVE DIFFERENT COMP SYSTEMS 150 FEET APART?&lt;br /&gt;&lt;br /&gt;Simple, simple usability issues that caused both the pit boss and I frustration and led the casino to lose money.  Why?  Because they know how much money they make from me when I gamble for 20 minutes.  That 20 minutes standing there was lost revenue.&lt;br /&gt;&lt;br /&gt;But, I'm just frustrated with the experience.  What do you think?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-7630722514016714442?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/7630722514016714442/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/one-simple-thing.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/7630722514016714442'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/7630722514016714442'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/one-simple-thing.html' title='One Simple Thing'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-8711107248049231197</id><published>2009-02-10T11:39:00.002-05:00</published><updated>2009-02-10T12:13:01.712-05:00</updated><title type='text'>Montgomery Scott School of Project Management</title><content type='html'>I read about this somewhere, and a typical google search turned up only vague references to it.  So, here it is, for others to link to.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;The Montgomery Scott School of Project Management&lt;/span&gt;&lt;br /&gt;First, the background...&lt;br /&gt;For those of you who don't know, Star Trek started as a television show in the late 1960's and became a cultural phenomenon.  It spawned 5 spin-off series and about a dozen movies.  The "original series" takes place on the Starship Enterprise, and Montgomery Scott (aka "Scotty") was the chief engineer on the ship.&lt;br /&gt;&lt;br /&gt;It seemed like each week, there was some crisis and a conversation something like the following would occur:&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-style: italic;"&gt;Captain: &lt;/span&gt;Scotty!  We need the warp drives back on line!  We need to escape!&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Scotty:&lt;/span&gt; I canna do it, Cap'n.  The drives are shot.  They canna be fixed.&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Captain:&lt;/span&gt; Scotty! If you don't do it, the Caldrassian Empire will be eliminated!&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Scotty: &lt;/span&gt;I'll see what I can do, but it'll be several hours at least.&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Captain: &lt;/span&gt;Well, keep me updated! We need to have that power!&lt;br /&gt;&lt;span style="font-style: italic;"&gt;&lt;about&gt;&lt;/about&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Scotty: &lt;/span&gt;Cap'n, the warp drives are back online.&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Captain: &lt;/span&gt;Bless you, Scotty!  Navigator, Full Warp Speed!&lt;/blockquote&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;br /&gt;This particular example was repeated over and over, and even became somewhat of a joke.  However, from this exchange, we can infer the guiding principles of the Montgomery Scott School of Project Management:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;When the client asks for a new project, even when the specs are clear, deny the possibility of the task being able to be accomplished.  The odds of completion are so astronomical as to defy description.&lt;/li&gt;&lt;li&gt;If pressed, multiply by 4 (or 8) the amount of time you think it might take.&lt;/li&gt;&lt;li&gt;When it only takes you twice as much time as you originally estimate, you will come out ahead by a factor of two (or four).&lt;/li&gt;&lt;/ol&gt;I have only used this once or twice, and believe me, it works.&lt;br /&gt;&lt;br /&gt;Quote from Montgomery Scott, later in his career:&lt;br /&gt;&lt;blockquote&gt;How are you going to get a reputation as a miracle worker if you tell the Captain the actual amount of time it will take?!?!&lt;/blockquote&gt;Hopefully, this will rise in the google rankings, so others can benefit.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-8711107248049231197?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/8711107248049231197/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/montgomery-scott-school-of-project.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/8711107248049231197'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/8711107248049231197'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/02/montgomery-scott-school-of-project.html' title='Montgomery Scott School of Project Management'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-5128663600600967234</id><published>2009-01-16T06:23:00.003-05:00</published><updated>2009-01-16T06:54:43.973-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='Experience'/><category scheme='http://www.blogger.com/atom/ns#' term='Good Job'/><title type='text'>Selling Experience</title><content type='html'>I've noticed over the years that there is an interesting dichotomy in the style of advertising coming from really large, really competitive companies.  And this style repeats in a couple of different industries:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Pepsi vs Coke &lt;/li&gt;&lt;li&gt;Burger King McDonald's &lt;/li&gt;&lt;li&gt;Universal Studios vs DisneyWorld/Land &lt;/li&gt;&lt;/ul&gt;In each case, the one on the right is significantly more dominant in their market than the one on the left (of course, the one on the left doesn't like to admit it).  Coke outsells Pepsi 2 to 1.*  &lt;a href="http://answers.yahoo.com/question/index?qid=20081026110912AA0BtYx"&gt;~14000 McDonald's&lt;/a&gt; to &lt;a href="http://en.wikipedia.org/wiki/Burger_King"&gt;~7700 Burger Kings&lt;/a&gt;.  &lt;a href="http://www.themeit.com/attendance_report2007.pdf"&gt;~116 million visitors (worldwide) to 26.4 million (worldwide)&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;This is lopsided market share is not anywhere more evident than in their advertising.  Here are some of the slogans &amp;amp; ideas they have each used:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Better Tasting/Choice of a New Generation/Something for Everyone&lt;br /&gt;vs&lt;br /&gt;Have a Coke and a Smile/I'd like to buy the world a Coke and fill it with love&lt;/li&gt;&lt;li&gt;Our fries are better/Flame broiled burgers are healthier (?) or better tasting&lt;br /&gt;vs&lt;br /&gt;Happy Meals/I'm Lovin it/You Deserve a Break today/We love to see you smile&lt;/li&gt;&lt;li&gt;Better Rides/More Rides/Faster Rides/More Trills/Better Shows&lt;br /&gt;vs&lt;br /&gt;Magic Kingdom/Where Magic Lives/The Magical Place to Be&lt;/li&gt;&lt;/ul&gt;So, what are they selling?  One side sells Soda/Pop/Drinks, Burgers, and Rides.  The other sells Smiles, Happiness, and Magic.&lt;br /&gt;&lt;br /&gt;It is a powerful message.&lt;br /&gt;&lt;br /&gt;The fact that their drink does better in blind taste tests, or that some tribe from the Arctic (who has never seen cows) likes their burgers, or that people like their rides better are all &lt;span style="font-weight: bold;"&gt;product features. &lt;/span&gt; The other side is selling the &lt;span style="font-weight: bold;"&gt;experience.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;So, when selling against competitors, what are you pushing?  Do you point out features?  Or do you sell experience?&lt;br /&gt;&lt;br /&gt;What do you think?&lt;br /&gt;&lt;br /&gt;* ok, so I don't have a source for this.  And those who know me will understand that I'm biased.  So, if you dispute this number, go find a better one and post it here.  I'll correct.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-5128663600600967234?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/5128663600600967234/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/selling-experience.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/5128663600600967234'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/5128663600600967234'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/selling-experience.html' title='Selling Experience'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-7464530203822327759</id><published>2009-01-15T13:53:00.002-05:00</published><updated>2009-01-15T14:04:14.034-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Usability'/><category scheme='http://www.blogger.com/atom/ns#' term='Amazon'/><category scheme='http://www.blogger.com/atom/ns#' term='mistakes'/><title type='text'>It's the Simple Things</title><content type='html'>So, Amazon.com is the world's leader in usability.  They test everything, and retest, and retest.  I've known places that all they want to do is emulate Amazon.  A friend told me about his boss who:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;printed out the Amazon homepage&lt;/li&gt;&lt;li&gt;crossed out the Amazon logo&lt;/li&gt;&lt;li&gt;wrote in their company's name&lt;/li&gt;&lt;li&gt;handed it to my friend and said: "Make this!"&lt;/li&gt;&lt;/ul&gt;So what happens when Amazon gets it wrong?&lt;br /&gt;&lt;br /&gt;I could be going off on a rant here (to quote Dennis Miller), but they do so many things so well, why can't they have a login that just logs you in?  Since so much of the experience is about your previous shopping at Amazon, every page/screen/section has something to do with you and your history.  But you can't just log in.&lt;br /&gt;&lt;br /&gt;Blogger has a log in.  It is in the upper left of the window.  That one, up there.  On this screen.&lt;br /&gt;&lt;br /&gt;Some sites, the login is all you can do.  Take Penn's implementation of &lt;a href="http://zimbra.upenn.edu"&gt;Zimbra, for example&lt;/a&gt;.  Just a login.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://bokardo.com/"&gt;Josh Porter&lt;/a&gt; (and others) talk about inviting your users in, teasing them with the premise of the site and getting you to log in.  They point to sites like &lt;a href="http://www.linkedin.com"&gt;LinkedIn,&lt;/a&gt; &lt;a href="http://geni.com"&gt;Geni&lt;/a&gt;, and others.  But on all those sites, you can click a link to log in.&lt;br /&gt;&lt;br /&gt;Amazon has a "click this link to log in" link, along the top (along with a "Hello" that turns into a "Hello, Consuela" after you log in).  But you'll notice that the link says "Personalized Recommendations" and thats where you go after you log in.  There's also a "My Account" link, but how can it be My Account when I haven't logged in yet?&lt;br /&gt;&lt;br /&gt;It seems like a minor point, but it irritates me every time I go.&lt;br /&gt;&lt;br /&gt;What do you think?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-7464530203822327759?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/7464530203822327759/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/its-simple-things.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/7464530203822327759'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/7464530203822327759'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/its-simple-things.html' title='It&apos;s the Simple Things'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-8404629952197199677</id><published>2009-01-08T13:37:00.004-05:00</published><updated>2009-01-08T14:32:23.083-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Usability'/><category scheme='http://www.blogger.com/atom/ns#' term='Case Study'/><category scheme='http://www.blogger.com/atom/ns#' term='Preachy'/><title type='text'>Setting Usability Criteria to Guide Development</title><content type='html'>There can be amazing value in setting usability targets before you design the application.   This technique may not work in all environments and all projects, but shoot if it didn't work really well here.  Note: a lot of the ideas from this post come from &lt;a href="http://www.lukew.com"&gt;Luke Wroblewski&lt;/a&gt;'s amazing insights into Best Practices in Form Design.  If you haven't see Luke speak, see him.  If you haven't read his book, buy it now.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;So what is a usability target?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;In a usability test, you generally record some metrics of user behaviour.  Sure, you can ask people, "Did you like this site?" or "What did you think of the colors?" but you aren't really measuring anything there.  The issue is that even if you aggregate reactions of this nature and say&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;&lt;/span&gt;&lt;blockquote&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;respondents gave a 3.75 on a 5 point scale to this&lt;br /&gt;website when asked if they liked the site or not&lt;/span&gt; &lt;/blockquote&gt;&lt;br /&gt;&lt;/div&gt;how do you you improve that 3.75?  Should you improve that 3.75?  Name 5 things you could do to improve that 3.75.  Who can?  I couldn't.  Maybe put some puppies.  People like puppies.&lt;br /&gt;&lt;br /&gt;However, if you were to say things like:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;67% of participants failed to find the "Purchase" button&lt;/li&gt;&lt;li&gt;the average time to complete the transaction was 13 minutes and 15 seconds&lt;/li&gt;&lt;li&gt;98% of respondents didn't look beyond the homepage&lt;/li&gt;&lt;/ul&gt;Now we're talkin'.  You can develop a plan to raise (or lower) metrics like these.  If you made the purchase button 30% bigger, I bet more people would find it.  If you removed some steps from the checkout process, you could probably complete transactions faster.  And so on.&lt;br /&gt;&lt;br /&gt;Important note: I wouldn't suggest any value judgement on any of these numbers.  While 67% failed to find the button, 33% succeeded in finding the button.  Maybe 33% is a &lt;span style="font-weight: bold;"&gt;great&lt;/span&gt; number.  Maybe your business couldn't handle if 99% found it.  The point is that the metrics give you a place to start the discussion.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Crazy Idea&lt;/span&gt;&lt;br /&gt;try this on for size: what if you set the goals before you even designed the site or app?  What if the metrics were clearly established as part of the requirements?&lt;br /&gt;&lt;br /&gt;That's exactly what we did in the faculty recruitment project.  Everyone on the team knew the basic requirements:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;build an online application for collecting applicants to faculty positions&lt;/li&gt;&lt;li&gt;deliver faculty applicant's data to hiring officers electronically&lt;/li&gt;&lt;li&gt;be publicly accessible but store the data securely&lt;/li&gt;&lt;/ul&gt;some basic requirements, right?  What we did as a team was to set some additional usability targets:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Applicants must be able to complete the form in 90 seconds or less.&lt;/li&gt;&lt;li&gt;Once an application is started, Completion rate must be near or above 99%.&lt;/li&gt;&lt;li&gt;No logins or passwords that would prevent the application from being completed on behalf of the applicant by someone else.&lt;/li&gt;&lt;/ul&gt;These targets were set based on our understanding of our user pool, potential faculty at Ivy League institutions.  And most of them would be physicians and surgeons.  These users are not universally known for their patience and forbearance.  Actually, they tend to be a very demanding group.&lt;br /&gt;&lt;br /&gt;Given that we had these targets to achieve, many issues that could have otherwise been thorny fell into place quickly.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-style: italic;"&gt;Wherever possible, eliminate fields.&lt;/span&gt;  All the data on whether or not you want to hire someone is in the resume/CV anyway, so no sense in asking the user to input their entire CV over again.  Only display the minimum number of fields that are needed.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-style: italic;"&gt;Wherever possible, eliminate non-required fields.&lt;/span&gt;  If they really, really aren't required, why are we asking them?  Apart from data in the CV, there are data you could ask that would be nice to have, but are really needed.  Get 'em out.&lt;/li&gt;&lt;li&gt;&lt;span style="font-style: italic;"&gt;Eliminate steps. &lt;/span&gt; People can scroll down.  People do scroll down.  If you make it obvious that they need to scroll, and there is content or ideas to see down there, they'll scroll.  No need to add clicks &amp;amp; steps unnecessarily.&lt;/li&gt;&lt;li&gt;Make flow of application obvious.&lt;/li&gt;&lt;li&gt;Group like fields together&lt;/li&gt;&lt;li&gt;Delete unnecessary text&lt;/li&gt;&lt;li&gt;Make labels clearer (especially if you could add a word or two to make the intent clear)&lt;/li&gt;&lt;li&gt;Make field sizes appropriate to the text they will store.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;It became liberating, in a way, to have these constraints in place.  Because it gave us a reason to say "No" to something.  It also made decisions easy when it came to should we do it like X or like Y?  If the decision impacted our usability issues, then pick the best one.  If not, then &lt;span style="font-weight: bold;"&gt;it doesn't matter&lt;span style="font-style: italic;"&gt;.&lt;/span&gt;&lt;/span&gt;  The programmer can decide.&lt;br /&gt;&lt;br /&gt;The end result is here:&lt;br /&gt;http://www.med.upenn.edu/apps/faculty_ad/index.php/g303&lt;br /&gt;&lt;br /&gt;Try clicking on an posting and then click "Apply for this position"&lt;br /&gt;&lt;br /&gt;Tell me what you think.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-8404629952197199677?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/8404629952197199677/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/setting-usability-criteria-to-guide.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/8404629952197199677'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/8404629952197199677'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/setting-usability-criteria-to-guide.html' title='Setting Usability Criteria to Guide Development'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-683360525482185464</id><published>2009-01-06T07:34:00.008-05:00</published><updated>2009-01-06T08:46:03.584-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Usability'/><category scheme='http://www.blogger.com/atom/ns#' term='Revision'/><category scheme='http://www.blogger.com/atom/ns#' term='Crappy Designs'/><category scheme='http://www.blogger.com/atom/ns#' term='Bad Web'/><title type='text'>Usability that Sucks</title><content type='html'>I know, &lt;a href="http://uie.com/"&gt;Jared Spool &lt;/a&gt;loves to talk about the &lt;a href="http://www.uie.com/reports/scent_of_information/"&gt;"Scent of Information"&lt;/a&gt; or about content that sucks the reader/viewer in, but sometimes a site sucks.  "Sucks" as in, FUBAR, crappy, poorly executed, stupid, inane, insipid, lazy... I could go on.&lt;br /&gt;&lt;br /&gt;Here is an example of one, the &lt;a href="http://www.fbijobs.gov/"&gt;FBI Jobs website.&lt;/a&gt;  Assuming they are going to change it at some point, here is a picture of the search screen:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_VlQBz7Hsvx0/SWNQjAnYZxI/AAAAAAAAAAo/PC8xaWmiJfQ/s1600-h/fbi_jobs1.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 252px; height: 320px;" src="http://2.bp.blogspot.com/_VlQBz7Hsvx0/SWNQjAnYZxI/AAAAAAAAAAo/PC8xaWmiJfQ/s320/fbi_jobs1.JPG" alt="" id="BLOGGER_PHOTO_ID_5288158949853914898" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;What's wrong:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;three different navigation actions&lt;/li&gt;&lt;li&gt;some fields whose labels are hard to read&lt;/li&gt;&lt;li&gt;the fields are probably required but unlabeled as such&lt;br /&gt;&lt;/li&gt;&lt;li&gt;some additional radio buttons that are cryptic, especially to a new visitor&lt;/li&gt;&lt;li&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;an INSANE amount of red text&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;Just a few items, there are more.  Look, I know that the developers of this site were under government contract and probably had 300+ pages of requirements and specifications, but come on!  It is confusing as hell!&lt;br /&gt;&lt;br /&gt;Here is the kicker:&lt;br /&gt;I, not really applying for an FBI job but vaguely interested, clicked on the "Just Browsing" radio button and got this:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNR_n8b-EI/AAAAAAAAAAw/HRwQGSzohJM/s1600-h/fbi_jobs2.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 252px; height: 320px;" src="http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNR_n8b-EI/AAAAAAAAAAw/HRwQGSzohJM/s320/fbi_jobs2.JPG" alt="" id="BLOGGER_PHOTO_ID_5288160540959176770" border="0" /&gt;&lt;/a&gt;An unspecific error with no direction on what to do next. *sigh*&lt;br /&gt;&lt;br /&gt;So, what are some remedies?&lt;br /&gt;1) split the initial navigation into links: Just Browsing, New Users, Registered Users&lt;br /&gt;2) if you want to get all Web2.0-ish, you could have the additional information needed for registered users display once they click the Registered Users link.  Or you could just go to a new screen&lt;br /&gt;3) the Please Note at the bottom should be color reversed (Please Note in red, paragraph below in black)&lt;br /&gt;4) Since you probably can't change or lessen the number of words in the bottom Please Note paragraph (it cites US Code title &amp;amp; section), I'd remove it from the screen.  I mean, if I am truly just browsing, aren't I not worried about falsifying information?  Honestly, this paragraph probably needs to be put in the face of registering users and anyone who is about to submit an application for a specific job.  Otherwise, it isn't necessary.&lt;br /&gt;5) The Please Note at the top, change to a link that says: &lt;span style="color: rgb(255, 0, 0);"&gt;Important Note if you registered in our system prior to 2/22/2008. &lt;/span&gt; I can quickly judge if it applies to me, and if not, I can ignore it.  If it does apply, I can click on it to see the important note.&lt;br /&gt;&lt;br /&gt;you can see &lt;a href="http://webdev.med.upenn.edu/adamsben/web_temp/personal/fbi.html"&gt;a revision here&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;IMPORTANT NOTE:&lt;/span&gt; only the registered users link works.  Don't click anything else unless you want to apply for an FBI job.&lt;/blockquote&gt;Hey! These important notes are fun!&lt;br /&gt;&lt;br /&gt;This revision took me ~15 minutes.  Maybe less.  And it looks a heck of a lot better.&lt;br /&gt;&lt;br /&gt;But these are just my thoughts.  what is your reaction?&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-683360525482185464?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/683360525482185464/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/usability-that-sucks.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/683360525482185464'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/683360525482185464'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/usability-that-sucks.html' title='Usability that Sucks'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_VlQBz7Hsvx0/SWNQjAnYZxI/AAAAAAAAAAo/PC8xaWmiJfQ/s72-c/fbi_jobs1.JPG' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3292838794309229710.post-3836285304318295163</id><published>2009-01-06T07:03:00.000-05:00</published><updated>2009-01-06T07:07:20.434-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='infrastructure'/><category scheme='http://www.blogger.com/atom/ns#' term='miscellany'/><category scheme='http://www.blogger.com/atom/ns#' term='starting'/><category scheme='http://www.blogger.com/atom/ns#' term='errata'/><title type='text'>Just Starting out</title><content type='html'>So, after much hemming and hawing (several years of it), I have finally been convinced to start a blog.&lt;br /&gt;Things I care passionately about:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Usability and User Experience&lt;/li&gt;&lt;li&gt;Leadership &amp;amp; Management&lt;/li&gt;&lt;li&gt;Customer Service&lt;/li&gt;&lt;li&gt;Football - especially one Philadelphia Eagles&lt;/li&gt;&lt;/ul&gt;So, I'm going to start this, and keep focused on those topics.  The ultimate, crass intent is to write a book, and this seems like a way to get going on it.&lt;br /&gt;&lt;br /&gt;Please PLEASE correct me.  I need it.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3292838794309229710-3836285304318295163?l=mouthyamerican.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://mouthyamerican.blogspot.com/feeds/3836285304318295163/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/just-starting-out.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/3836285304318295163'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3292838794309229710/posts/default/3836285304318295163'/><link rel='alternate' type='text/html' href='http://mouthyamerican.blogspot.com/2009/01/just-starting-out.html' title='Just Starting out'/><author><name>Ben Adams</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='25' height='32' src='http://3.bp.blogspot.com/_VlQBz7Hsvx0/SWNKAbUAXwI/AAAAAAAAAAM/jiU780Pg5U4/S220/simpsons_ben.jpg'/></author><thr:total>0</thr:total></entry></feed>
