• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Good, Bad & Ugly of UI Design
 

The Good, Bad & Ugly of UI Design

on

  • 59,255 views

My talk on UI Design at Adobe Flash Platform Summit 2011 in Bangalore....

My talk on UI Design at Adobe Flash Platform Summit 2011 in Bangalore.

With great power comes great responsibility. This dialog from Spiderman holds true in the context of what developers can do to UI/FE today with the power of RIA technologies like Flex/Air. The User Interface or the Front End realm has been ever evolving. With each step that technology takes towards sexier and delightful experiences, the challenges to create simplistic good user interface experiences seem to be growing exponentially. This session will start by covering the basics of good and bad design experiences and cover how important it is to understand good design principles in the context of RIA technologies like Flex/Air.

Statistics

Views

Total Views
59,255
Views on SlideShare
36,722
Embed Views
22,533

Actions

Likes
26
Downloads
462
Comments
3

25 Embeds 22,533

http://moodle.apc.edu.ph 20971
http://localhost 948
http://www.spatiallyrelevant.org 337
http://boldvisitor.com 88
http://uxdresearch.wordpress.com 48
http://uxaddict.com 39
http://feeds.feedburner.com 20
http://etceter.whynotsoluciones.com 15
http://marcbreidbach.posterous.com 14
http://abjkk.posterous.com 13
http://etceter.example.com 9
http://slideinside.tumblr.com 7
http://twitter.com 5
http://www.linkedin.com 4
https://twitter.com 2
http://www.twylah.com 2
http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 2
http://www.tumblr.com 2
http://posterous.com 1
http://storify.com 1
http://pinterest.com 1
http://www.hanrss.com 1
http://www.memoriasegundaguerra.org 1
http://us-w1.rockmelt.com 1
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

13 of 3 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    The Good, Bad & Ugly of UI Design The Good, Bad & Ugly of UI Design Presentation Transcript

    • Uday M. Shankar BANGALORE 27 JULY 2011
    • LinkedIn – Twitter – G+ – Facebook – Skype g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 2
    • U S E R INTERFACE DESIGNg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 3
    • USER INTERFACE DESIGN USER TASK CONTEXT g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 4
    • USER BEHAVIOR f(U,E) Lewin’s equation Behavior is a function of the User & the Environment 5g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com
    • IT DOES REALLYg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 6 MATTER
    • CASE IN POINTg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 7
    • BAD TOUCHg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com T 8
    • GOOD DESIGNg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 9
    • GROUND RULESR Tg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 10
    • CLEARg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 11
    • CLEART Rg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 12
    • MINIMALg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 13
    • MINIMAL Tsource:  h*p://www.slideshare.net/aweyenberg/realis8c-­‐user-­‐interface-­‐design   R g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 14
    • RESPONSIVEg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 15
    • RESPONSIVE Rg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 16
    • FORGIVINGg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 17
    • FORGIVING Rg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 18
    • FAMILIARg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 19
    • FAMILIAR Rsource:  h*p://www.slideshare.net/aweyenberg/realis8c-­‐user-­‐interface-­‐design   g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 20
    • DIFFERENTg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 21
    • DIFFERENT Rg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 22
    • CONSISTENTg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 23
    • CONSISTENT Tg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 24
    • LEVERAGE HARDWARE PROPERLY g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 25
    • LEVERAGE HARDWARE PROPERLY Rsource:  h*p://www.slideshare.net/aweyenberg/realis8c-­‐user-­‐interface-­‐design   T g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 26
    • WELL INTEGRATED g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 27
    • B A D DESIGNg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 28
    • BROWSER WARS ARE BACK g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 29
    • BROWSER WARS ARE BACK g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 30
    • ONE SIZE FITS ALL g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 31
    • EVERYTHING ON THE WEB g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 32
    • HTML5 <> FLASH g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 33
    • OVERDOING REALISM g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 34
    • UGLY DESIGNg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 35
    • “EVERYONE LIKES IT” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 36
    • “DRAG-N-DROP IS SO COOL” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 37
    • “MUST CONFIRM EVERYTHING” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 38
    • “CUSTOM COMPONENTS? COOL!” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 39
    • “LET’S HARDCODE STUFF” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 40
    • “GRAPHIC DESIGN = UI DESIGN” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 41
    • “IT’S JUST AN ENTERPRISE APP” g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 42
    • “MORE IS GOOD”g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 43
    • DESIGNg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 44
    • HOW COMPLEX CAN YOU MAKE IT? T g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 45
    • METAPHORS SOMETIMES BACKFIREsource:  h*p://www.slideshare.net/aweyenberg/realis8c-­‐user-­‐interface-­‐design   T g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 46
    • GRADIENT OVERLOAD Tg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 47
    • NICE & WELL DESIGNED Rg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 48
    • WHY? Tg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 49
    • CLEAN, CRISP, CONSISTENT R g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 50
    • DEATH BY COLORS Tg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 51
    • SOMETIMES ‘DIFFERENT’ MAKES SENSE R g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 52
    • WHY CAN’T THEY BE BETTER? T g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 53
    • WHITESPACE MAKES A DIFFERENCE R g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 54
    • DON’T OVER-DO REALITYsource:  h*p://www.slideshare.net/aweyenberg/realis8c-­‐user-­‐interface-­‐design   T g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 55
    • MAKE IT DELIGHTFULg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com R 56
    • MAKE IT JUST WORKg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com R 57
    • MAKE IT JUST WORKg+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com R 58
    • acrossthinlines.com | facebook.com/across.thin.lines | twitter.com/acrossthinlines