Your SlideShare is downloading. ×
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
The Path to Designing Better UI
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The Path to Designing Better UI

2,110

Published on

Presentation for BarCamp Orlando 3 done on how to make better user interfaces, specifically for web apps. Told from a real designer's perspective.

Presentation for BarCamp Orlando 3 done on how to make better user interfaces, specifically for web apps. Told from a real designer's perspective.

Published in: Technology, Design
2 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,110
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
204
Comments
2
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide


















































  • Transcript

    • 1. The Path to Designing Better UI An Actual Designer’s Perspective by derekbender Photo by Wonderlane
    • 2. the Intro Photo by Wonderlane
    • 3. the Intro I don’t know it all Photo by Wonderlane
    • 4. the Intro I don’t know it all these lessons won’t work in every case Photo by Wonderlane
    • 5. the Intro I don’t know it all these lessons won’t work in every case here’s what I learned Photo by Wonderlane
    • 6. a few things... Photo by Jule_Berlin
    • 7. a few things... if you think you’re done, your app sucks Photo by Jule_Berlin
    • 8. a few things... if you think you’re done, your app sucks mockups are SOOOOOO important! Photo by Jule_Berlin
    • 9. a few things... if you think you’re done, your app sucks mockups are SOOOOOO important! your UI should depend on 2 things: your users your goals Photo by Jule_Berlin
    • 10. making a User Interface Photo by Trois Tetes (TT) / dope art by Banksy
    • 11. making a User Interface focus on usability Photo by Trois Tetes (TT) / dope art by Banksy
    • 12. making a User Interface focus on usability examples & good practices Photo by Trois Tetes (TT) / dope art by Banksy
    • 13. is it worth it?
    • 14. use ajax affectively Photo by law_keven
    • 15. the old way
    • 16. the new way
    • 17. front page login Photo by kuschelirme
    • 18. verdict: bad
    • 19. Text Text
    • 20. Text Text verdict: good
    • 21. Text Text
    • 22. Text Text
    • 23. Text verdict: meh Text
    • 24. Text Text
    • 25. the fourohfour is important too Photo by ceceyy
    • 26. the fourohfour is important too Photo by ceceyy
    • 27. the fourohfour is important too always have a search Photo by ceceyy
    • 28. the fourohfour is important too always have a search error, no page, permissions? Photo by ceceyy
    • 29. the fourohfour is important too always have a search error, no page, permissions? links + a back link Photo by ceceyy
    • 30. take advantage of css3
    • 31. take advantage of css3 border-radius
    • 32. take advantage of css3 border-radius box-shadow
    • 33. take advantage of css3 border-radius box-shadow rgba
    • 34. take advantage of css3 border-radius box-shadow rgba downgrade gracefully
    • 35. ...more UI techniques Photo by Ben
    • 36. ...more UI techniques be consistent with element placement! Photo by Ben
    • 37. ...more UI techniques be consistent with element placement! DO NOT depend on icons Photo by Ben
    • 38. ...more UI techniques be consistent with element placement! DO NOT depend on icons simple is better Photo by Ben
    • 39. Key Points subtraction is iteration too get feedback get out there! minimalism common sense goes a long way Photo by publicenergy
    • 40. A Few Resources smashingmagazine.com /2009/01/19/12-useful-techniques-for-good-user-interface-design-in-web-applications/ /2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/ /2009/02/18/9-common-usability-blunders/ Daniel Burka’s Design Lessons Learned in the Trenches http://events.carsonified.com/fowa/2009/miami/slideshows/daniel-burka Steven Krug’s Don’t Make Me Think PSDTUTS.com psd.tutsplus.com/articles/6-interface-design-principles-and-tips-every-web-designer-should-know/ UXbooth.com — good stuff! Photo by lord marmalade
    • 41. I’m derekbender twitter: @derekbender derekbender.com memberfuse.com nfistudios.com Photo by kuschelirme

    ×