Feedgrids Original

In Inspiration, by Jon Phillips, March 29, 2010

UX Lessons Learned From Offline Experiences

Ps Print online printing company
I'm a sucker for a well-crafted user interface, one that doesn't take the user for granted and that doesn't require the user to have a MBA to find his way around. The good news is that a lot of web-designers excel at creating such experiences on the web. Unfortunately it's not always true when you step away from the computer and venture into the 'real world'.
A lot of the things we read about usability and UX in regards to web-design can be applied to offline situations and business. Of course the opposite is also true - things we learn offline can be applied online.

On my own sites, I spend time analyzing traffic, audience, click through rates, page views, ad placements, search engine rankings and a bunch of other things, and I try to provide my users with a great experience (hopefully). Needless to say I'm amazed when I walk into a store or a restaurant and think that they must not care about their customers. Sometimes I can't help but wonder how come the store I just walked in is still in business.

One Of My Most Recent Experiences

Some time ago I moved to a new apartment and asked a friend to come over and help me move my stuff. Of course at one point we needed to eat, so I offered we go to this restaurant not far from my new apartment and I'd pay the bill as a thank you for helping me out.

Here's the thing, that was one of the worst experiences I've ever had going to a restaurant. Not because the staff wasn't friendly or the food was bad, in fact both of those would've gotten an A+.

Nope, I consider it was the worst experience because that place and how it was laid out made me feel stupid.

I Like To Think I'm Not Stupid

And you're not stupid either. Sometimes after using a product or service, we'll feel lost, kind of in a haze, and we'll wonder why we got this weird feeling - that's an indication of bad UX. But in 99% of the cases it's not us, it's the actual interface that's not well designed.

Have a look at the map/layout of the restaurant:

At first you may look at this and think that nothing's wrong, but notice where 'order here' and 'get food here' are. Does it make sense to make people walk all the way to the other side of the restaurant to order, then go back to the entrance to get their food only to have to walk all the way back to the other side to sit down and eat?

When me and my friend entered that restaurant we actually felt lost, we had no idea where to order. In fact we didn't even notice there was a huge 'order here' sign. (duh!)

Lesson #1: If you need to add unnecessary visual cues in order for your users to find their way around, you should probably rethink the whole thing. Especially if those visual cues prove to be ineffective. Your users are not stupid.

Now, there's another big problem with that layout. Imagine there's people in line waiting to order. Where does the line start? It isn't clear and it may cause problems for people carrying plates and drinks since they would somehow have to get through the line of people waiting. Not a fun experience, especially if you drop your plate while trying to get your table.

Lesson #2: Make sure customers are happier when they leave then they were before coming into your store. If you can achieve that, they'll come back. Same goes for the web.

Simple Tweaks Mean Big Results

Sometimes the simplest tweaks can yield huge results. Of course in the case of a restaurant or a store it may not always be easy to implement, but careful planning can prevent problematic situations in the future.

Lesson #3: Plan ahead! Make sure it's easy to scale and try to fix problems before they even occur. There is always room for improvement. Always be on the lookout for simple and inexpensive things you can do to provide a better user experience.

Let's see how this restaurant layout could bee improved. Have a look at this layout:

See how 'order here' and 'get food here' have been switched. Doesn't it make sense to order as soon as you enter the restaurant? I think so.

This not only solves the 'where to order' problem, but it would also prevent customers from bumping into each other. It makes a lot more sense and it's more streamlined. The last thing you want in a restaurant is people bumping into each other. It usually results in broken plates, unhappy people and time wasted cleaning up the mess.

Give Your Users Some Room To Breathe

Now we have a much more interesting layout for that restaurant, but there's another thing that could be improved. On the web we use whitespace to give a page a nice flow and give more importance to some elements of a design, and make things feel less cluttered. The same thing can be one in a store or restaurant.

Check out the following layout:

I simply added a separator line and removed 3 tables. Considering the size of that restaurant, the extra 3 tables were causing more harm than good, so I simply got rid of them. Another deciding factor was that no one was sitting there anyway. Those 3 tables were really in the way.

Also, with that new separation and extra 'whitespace' it's now obvious you should order when you enter the restaurant and it fixes the 'bumping into each other' problem for good.

If You Don't Care About Your Users, They Won't Care About You

That's Lesson #4. The whole story happened a couple months ago. Fast forward to now and that restaurant now has a new owner - the previous owner went out of business. No surprises there.

Since the restaurant changed ownership, it's always full. Why? Because the new owner cares. He understands that you need to ask your customers for feedback and suggestions in order to get better and make them happy.

The restaurant now has a completely different layout (which looks a lot like that 3rd layout I showed you) and going there is a much more enjoyable experience. I have a feeling they'll still be there years from now.

Your Turn To Talk

I hope you found this article helpful. Please take a minute to chime in and share your thoughts. I'd be very interested to hear your own stories on user experience and usability and how online/tech world techniques and tricks can be applied to offline situations.

Stay up to date! Follow us on twitter @feedgrids and subscribe to our rss feeds: Originals Only or Entire Site

About the Author
Jon Phillips

Jon Phillips is the founder and owner of SpyreStudios and the co-founder of the recently launched MediaLoot. Jon is a designer, developer, typography lover and musician.

Share this post

Check These Out!

Network Posts

Comments

Kyle Scollin On March 30th, 2010

Awesome post. I love the diagrams to help visualize the restaurant. I think one of the toughest things about UX design is that you really have to take a step back and think about how things feel natural, and people often just set stuff up and then try to make it work.

Jon Phillips On March 30th, 2010

@Kyle: Thanks, I’m glad you liked the article. I think you’re right, things should be built or designed with attention to detail every step of the way instead just put together hoping it’ll work. It rarely does when it’s done that way.

senshikaze On March 31st, 2010

If you are going to be living nearby, I would definitely drop them a hint that they could fix their restaurant layout. A good business will sit up and listen if their customers are complaining.

Jon Phillips On March 31st, 2010

@senshikaze: Good point! I’m always willing to help and in fact it’s never cool when a store or business goes out of business. Though on the other hand, they should’ve surveyed their customers or hired someone to design the layout. We actually told the staff what we thought, but the owner wasn’t present so I have a feeling the message didn’t get to him or if it did maybe he didn’t care or simply couldn’t do anything about it.

Thanks for your comment!

Alex On April 01st, 2010

Opened my thinking to a certain amount - actually never thought about logical arrangements (flow) in a restaurant. (it’s often simply about grabbing food)

thx!

Adam On April 01st, 2010

Really smart post. Nothing concrete examples to help get the point of UX across. Unfortunately many people feel the same way about those extra tables as adding as much content as possible to a web page :(

If only they could experience the crowded restaurant to make the connection! Actually if you ever hold a conference for UX this could be a killer experiment you hold for seating arrangements.

Asrar On April 01st, 2010

Nice read. I was thinking of writing a similar post about my shampoo current bottle. I’m not a good writer though.

Andrea On April 01st, 2010

I’m not a usability expert, but I run into these kinds of real world “fails” all the time. And it’s funny because I always mention it to whomever I’m with (the same type of restaurant example included) and they just look at me like, it is the way it is, Andrea, just get over it!  But why should we “just get over it” when certain things in life should just be simple?

People should not be afraid to consult the experts.  Business owners may not have an in-house interior designer who is trained in room layout, but feel free to consult one, or have people see your space before you finalize the layout.  In web design, not every shop has a UX expert, but feel free to consult one or do low-end usability testing to get your design & functionality on the right track.

The little pleasantries in life can have a huge impact on experience. Embrace it.  Great post!

Asrar On April 01st, 2010

Bah! *current shampoo bottle* Did I mention I’m not a good writer? lol

Kidi.dai On April 02nd, 2010

Eh…, i’m thinking if a newer come in, he must order first and then get his food. Now the problem came, he don’t know his food what he ordered good or worse! Your third and fouth illustrations was a little bad to newers, what do you think of?

Brian Cray On April 02nd, 2010

Great work synthesizing this design scenario Jon. Very original, very thought provoking.

Kristian Bjørnhaug On April 02nd, 2010

Great article! This real world example is an excellent analogy for online experiences. No signing is needed if the structure lends itself to what is the the natural flow for the users/customers.

Rakesh On April 03rd, 2010

Very well observation. Thanks buddy for such nice piece of article. Its really helpful.

Lauren On April 03rd, 2010

Great metaphor and post! I think it’s important to borrow from real world examples. I’m a UX designer, so I’m constantly noticing the flow of store layouts, highway signage, and other wayfinding examples and trying to apply the good experiences to web navigation and flow. It’s also easy to convince clients that design details matter when using examples they can relate to.

Most stores probably don’t realize how a bad flow can leave a customer with subconscious negative feelings. The customer may just form a negative opinion without knowing the reason. And when they don’t return, that’s when the business goes under. It’s a shame, but hopefully posts like these will help bring more attention to UX and the importance of good design!

Jon Phillips On April 19th, 2010

Thanks for all the great comments everyone. I’m happy you liked my article!

@Asrar: haha, happens to the best of us wink

@Brian Cray: Thanks Brian, glad you liked the post! Means a lot to me coming from you.

Nathan Roberts On August 26th, 2010

Great input, really emphasizes a lot of great points. Thank you for sharing.

* Name:

* Email:

URL:

* Please enter the word you see in the image below: