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

Upload: wojtek

Post on 30-Nov-2014

5.425 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

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/