Back to Basics with Interaction Design

in , by Connor 26 comments

As an interactive designer, it is easy to get carried away. Part of being a good designer is knowing how and when to use the techniques at your disposal. While there are tons of great tips on how to do certain things on the web, these few tips aim to help designers of any experience level avoid problematic situations by getting back to the basics.

Don't Forget That Your Users are Human

One of the most important aspects of a website is its usability. Don't forget your audience is human. When you forget this you don't communicate your message effectively. A great example of this principle applied is found in [form design][1]. Ryan Singer outlined [10 ways to make forms better][2], one of which being the language that you use when a error occurs. We've all had it happen, you forget to fill out one of the questions on a form and when you submit it you get a nasty error screen that makes you feel like you've done something illegal.

Error: Not all of the fields were completed! Self-destructing in 5...4...3...2...

You have to consider that many people aren't as comfortable online as you and I. Errors that aren't friendly and informative are scary to users.

A Better Approach

Remember to be conversational in your errors/notifications. So what if they messed up a little bit? Gently let them know they skipped a field and move on.

It looks like you forgot to tell us your first name.

This allows for a better user experience that communicates to your users what you'd like them to do, not to mention it treats them with a little respect.

Don't Jump Straight Into Photoshop

So, you're excited about a new project and you start out by opening up a crisp white canvas in Photoshop. You've launched yourself into a huge ocean of tools without a good idea where to begin. By doing this you can end up with a design that is not very well informed and it makes it very difficult to create a successful web experience.

A Better Approach

Resist the temptation! At a minimum you should always map out the goals for each design and start by [simply sketching out ideas][3]. Sketching is an efficient and effective way to explore concepts because you don't have to focus on typography or making everything pixel perfect. Photoshop is great for executing a design, but not so great for exploring broad ideas.

Design Sites That are Both Necessary and Useful

One of the highest priorities of any project should be to make it usable. If people can't use your site then what good is it? Many designers lose perspective of big picture goals and focus instead on just making something that looks good. Designing with no purpose in mind makes it hard to know where your going.

A Better Approach

Believe it or not the Shakers came up with a design philosophy that can be perfectly applied to design on the web.

"Don't make something unless it is both necessary and useful; but if it is both necessary and useful, don't hesitate to make it beautiful."

The Shaker Design Philosophy

The most beautiful site in the world can also be the most useless. As with all forms of design, the best work has a foundation of usefulness.

Got it. Now What?

These tips may seem like common sense, but unfortunately, many people don't consider them in their day to day web work. If you're just starting out, these tips can take some designers years to pick up so learn them now.

If you've been an interaction designer for a while, try to examine your daily routine to see if you can apply these tips. You may be surprised at where you've neglected the basics.

26 comments

Sam Wilson says

Great article Connor!

Shaker design philosophy is beautiful, useful and necessary in a day when everyone is competing for your customers' attention.

These days I like to design things that can be used while you are on the phone i.e. doesn't take a ton of attention.


Connor (ZURB) says

Thanks Sam!

I love how Shaker philosophy can apply to the web. Nothing is really as new as we think. Be sure to let us know of any new projects you're working on.


Shawn Rubel says

This calls for a field trip to the Shaker Museum!


Josh Cagwin says

Nice read!


bottleneck effect says

yours truly look forward to reading more from you. Have a really cool week.


hedgefundresearch says

refreshing and very informative. my homie wish there were more blogs like it. Anyway, my homie felt it was about time my homie posted, I If you want to exchange links let me know.


condo las new vegas says

Hi Homie Good stuff My bro will try & get back to you thank you L8er


nfl odds says

You know, meself have to tell you, meself really had great fun this site and dha insight from everyone who participates. meself find it great


funniest commercials says

Hello You myself find it to be good Laters


advance adapters says

Whats Up Its not actually my practice to post comments, but My bro thought My bro would say that this was very great.


electronic free project schematic says

Awesome info! my homie was honestly just thinking about something similar to this the other day so, it was almost weird when my homie ran across this. You would be surprised how many people simply have no idea when it comes to this kind of stuff. Anyway, thanks for getting this ubercool info out there and my homie am sure my homie am not the only one who appreciates you taking the time to post this for the masses. Buh Bye


printers says

You know, My bro have to tell you, My bro really find it funny this site and the insight from everyone who participates. My bro find it great I discovered your homepage by coincidence.


best home business ideas says

I like your site and wanted to know if you would be interested in exchanging blogroll links. thank you very much in advance


national plus says

Yo Bro Sally, you are absolutely correct, it shows that youre an authority on teh subject. you admire someone that takes teh pride you have and with your projecton of information. So when you actually do sit down to read material, I appreciate well written and organized yous like this one. you have it bookmarked and will be back. Very interesting posts and well written.


how earn money says

Yo Bro Nice writing style. Sincerly


work from home business opportunity says

Refreshing and very informative. I wish there were more blogs like it. Anyway, I felt it was about time I posted, I Cu Soon


job seek says

Good Day Very good video Lisa. Bye Bye


how to make money with google online says

Great overall site! Can you tell me how to eliminate spam on mine? What do you know about agency? Goodbye


make money online says

Hello Realy cool stuff, i managed to make my blog


making money online says

Hello There Have you considered writing professionally? Like a periodical or something? Would you be interested in exchanging blogrolls links with my site?


see practice says

Hello There yours truly am not going to be original this time, so all yours truly am going to say that your site rocks, sad that I don't have such writing skills Added you to the RSS reader


left online jobs with no fees says

Hi Keep up dha good work. Me just added your RSS feed Would you be interested in exchanging blogrolls links with my site? Yours Sincerly


home business ideas for women says

Wow! thank you extremely much! Me always wanted to write in my site something like that. Can Me take part of your post to my blog?


data entry from home says

Hey You Great overall site! Can you tell me how to eliminate spam on mine? Very interesting posts and well written.