Keep it simple. Key to successful, modern web interfaces.

20
hp://www.kutyla.com/keepitsimple/ Keep it simple Key to successful, simple web interfaces by Wojtek Kutyla. Photos by Flickr Creave Commons BarCamp May 2007, Sheeld

description

Presentation covers the simplistic approach to the web development and usability role in the development process.

Transcript of Keep it simple. Key to successful, modern web interfaces.

Page 1: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Keep it simpleKey to successful, simple web interfaces

by Wojtek Kutyla. Photos by Flickr Creative CommonsBarCamp May 2007, Sheffield

Page 2: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

What is simplicity?

Page 3: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

“Simplicity is the ultimatesophistication.”

Leonardo da Vinci

Page 4: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Page 5: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Page 6: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Why is simplicityso important for us?

Page 7: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Why is simplicityso important for us?

Because of the USER.

Page 8: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

10 years ago

Geek

Page 9: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

10 years ago

Geek rand() bloke

Today

Page 10: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Users’ approach to simplicity:

- We want small and fast stuff. Now.

- Information overload sucks.

- The less we know, the happier we are.

- Less clicks = more happiness.

- Spare me this IT b00lshit, please.

Page 11: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

How can we achieve that?

- Test your interfaces. They can always

be improved.

- Don’t fall into complexity abyss.

- Listen to your users.

- Give them what they need, not what

you think they need.

Page 12: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Remember, UI expert

Give your user control, but don’task or expect them to think.

It’s you who needsto do it!

Page 13: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Softwarez Deathmatch

Page 14: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

VSphpBB Vanilla

Page 15: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

VSphpBB Vanilla

Cluttered interface

Bad markup

Difficult to modify

Powerful

Big user base

Good support

Nice and clean

Valid markup

Easy to modify

Powerful enough

Young

So-so support

Page 16: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

So, is simplicity really the key?

Just do it the way you want ;)

Most of the time. Unless your targetreally needs more... And if this is

the case then...

Page 17: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Conclusions

- Identify your users’ needs by the research

and usability tests

- Minimise the information overload

- If you think it’s simple enough - it’s not :)

- Don’t try to build a perfect interface

Just build a good one!

Page 18: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Remember one thing

rand() bloke won’t get geeky

Page 19: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/

Remember one thing

rand() bloke won’t get geeky

but you won’t get rand() either ;)

Page 20: Keep it simple. Key to successful, modern web interfaces.

http://www.kutyla.com/keepitsimple/