Get started with ui design on the right foot

847 views
790 views

Published on

A flash talk I've given to a

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
847
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Get started with ui design on the right foot

  1. 1. LUCA CANDELA // FOLLOW ME @LUCKYMETHODGET STARTEDWITH UI DESIGNON THE RIGHT FOOTA quick intro to design that doesn’t suck1
  2. 2. LUCA CANDELA // FOLLOW ME @LUCKYMETHODWHO AM I?Coder // DesignerProduct ManagerMeetup Organizer2
  3. 3. LUCA CANDELA // FOLLOW ME @LUCKYMETHODMEETUP ORGANIZER1629 people26 events3 years50+ applications reviewed3
  4. 4. LUCA CANDELA // FOLLOW ME @LUCKYMETHODWHAT’S WRONG WITHMOST UI DESIGNS?1. Follow bad advice2. Lack of visual hierarchy4
  5. 5. LUCA CANDELA // FOLLOW ME @LUCKYMETHODBAD ADVICENot everybody is your friend on the internet...5
  6. 6. “”LUCA CANDELA // FOLLOW ME @LUCKYMETHODJAKOB NIELSEN // “USABILITY EXPERT”HOW USERS READON THE WEB?THEY DON’T.6
  7. 7. LUCA CANDELA // FOLLOW ME @LUCKYMETHOD7
  8. 8. LUCA CANDELA // FOLLOW ME @LUCKYMETHOD8
  9. 9. LUCA CANDELA // FOLLOW ME @LUCKYMETHODISSUES WITH THE STUDY1. Irrelevant topic2. Bad recruiting criteria3. Biased test material4. Bad selection of goals9
  10. 10. LUCA CANDELA // FOLLOW ME @LUCKYMETHODTHE TRUTH ABOUTREADING, EVERYWHEREpoynter.org/extra/eyetrack$120 well spent10
  11. 11. LUCA CANDELA // FOLLOW ME @LUCKYMETHOD11
  12. 12. “”LUCA CANDELA // FOLLOW ME @LUCKYMETHODLUCA CANDELA // ADVOCATE OF LOST CAUSESSTOP SAYING DUMBSHIT, PEOPLE READON THE INTERNET.12
  13. 13. LUCA CANDELA // FOLLOW ME @LUCKYMETHODVISUALHIERARCHYTop to bottom, all the way and back again.13
  14. 14. LUCA CANDELA // FOLLOW ME @LUCKYMETHOD14
  15. 15. LUCA CANDELA // FOLLOW ME @LUCKYMETHOD15
  16. 16. LUCA CANDELA // FOLLOW ME @LUCKYMETHODGRID ANATOMYPlease get naked now, I’m a designer...16
  17. 17. LUCA CANDELA // FOLLOW ME @LUCKYMETHODGutterBaselineMargin17
  18. 18. LUCA CANDELA // FOLLOW ME @LUCKYMETHODGutterBaselineMarginVerticalunitColumnModuleRegion18
  19. 19. LUCA CANDELA // FOLLOW ME @LUCKYMETHODExample from“Web Typography Sucks”by Mark Boulton andRichard Rutterhttp://webtypography.net/sxsw2007/19
  20. 20. LUCA CANDELA // FOLLOW ME @LUCKYMETHODRESOURCESYou have no excuses now. Use a grid.20
  21. 21. LUCA CANDELA // FOLLOW ME @LUCKYMETHODhttp://dribbble.com/shots/865767-iPhone-5-Grid http://www.titanui.com/11176-ipad-retina-grid-psd/21
  22. 22. LUCA CANDELA // FOLLOW ME @LUCKYMETHODhttp://blog.sfaranda.com/grid-generator-plugin-for-photoshop/http://guideguide.me/22
  23. 23. LUCA CANDELA // FOLLOW ME @LUCKYMETHODhttp://hashgrid.com/ http://goldengridsystem.com/23
  24. 24. LUCA CANDELA // FOLLOW ME @LUCKYMETHODhttp://www.subtraction.com/ http://markboulton.co.uk/24
  25. 25. LUCA CANDELA // FOLLOW ME @LUCKYMETHODTHERE ISSO MUCHMORE TO THIS......but I’m out of time.25
  26. 26. LUCA CANDELA // FOLLOW ME @LUCKYMETHODTHANK YOUNow go design some cool shit.26

×