keep it simple. key to successful, modern web interfaces
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/2.jpg)
http://www.kutyla.com/keepitsimple/
What is simplicity?
![Page 3: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/3.jpg)
http://www.kutyla.com/keepitsimple/
“Simplicity is the ultimatesophistication.”
Leonardo da Vinci
![Page 4: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/4.jpg)
http://www.kutyla.com/keepitsimple/
![Page 5: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/5.jpg)
http://www.kutyla.com/keepitsimple/
![Page 6: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/6.jpg)
http://www.kutyla.com/keepitsimple/
Why is simplicityso important for us?
![Page 7: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/8.jpg)
http://www.kutyla.com/keepitsimple/
10 years ago
Geek
![Page 9: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/9.jpg)
http://www.kutyla.com/keepitsimple/
10 years ago
Geek rand() bloke
Today
![Page 10: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/13.jpg)
http://www.kutyla.com/keepitsimple/
Softwarez Deathmatch
![Page 14: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/14.jpg)
http://www.kutyla.com/keepitsimple/
VSphpBB Vanilla
![Page 15: Keep it simple. Key to successful, modern web interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b89885806b5f93f8b463a/html5/thumbnails/20.jpg)
http://www.kutyla.com/keepitsimple/