Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • The Good, Bad & Ugly of UI Design

    Загружено:

    Uday M. Shankar
    69 просмотров59 страниц
    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.

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    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.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    69 просмотров59 страниц

    The Good, Bad & Ugly of UI Design

    Загружено:

    Uday M. Shankar
    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.

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 59

    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 DESIGN
    g+: 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

    USER BEHAVIOR
    f(U,E)
    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    Lewins equation

    Behavior is a function of the User & the Environment


    5

    IT DOES REALLY MATTER


    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 6

    CASE IN POINT

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    BAD TOUCH

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    T
    8

    GOOD DESIGN
    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 9

    GROUND RULES

    R T
    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 10

    CLEAR

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    11

    CLEAR

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    12

    MINIMAL

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    13

    MINIMAL

    source: h*p://www.slideshare.net/aweyenberg/realis8c-user-interface-design

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    14

    RESPONSIVE

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    15

    RESPONSIVE

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    16

    FORGIVING

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    17

    FORGIVING

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    18

    FAMILIAR

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    19

    FAMILIAR

    source: h*p://www.slideshare.net/aweyenberg/realis8c-user-interface-design

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    20

    DIFFERENT

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    21

    DIFFERENT

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    22

    CONSISTENT

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    23

    CONSISTENT

    g+: 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

    R
    source: h*p://www.slideshare.net/aweyenberg/realis8c-user-interface-design

    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 DESIGN
    g+: 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 DESIGN
    g+: 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

    LETS 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

    ITS 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

    DESIGN
    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com 44

    HOW COMPLEX CAN YOU MAKE IT?

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    45

    METAPHORS SOMETIMES BACKFIRE

    source: h*p://www.slideshare.net/aweyenberg/realis8c-user-interface-design

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    46

    GRADIENT OVERLOAD

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    47

    NICE & WELL DESIGNED

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    48

    WHY?

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    49

    CLEAN, CRISP, CONSISTENT

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    50

    DEATH BY COLORS

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    51

    SOMETIMES DIFFERENT MAKES SENSE

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    52

    WHY CANT THEY BE BETTER?

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    53

    WHITESPACE MAKES A DIFFERENCE

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    54

    DONT OVER-DO REALITY

    source: h*p://www.slideshare.net/aweyenberg/realis8c-user-interface-design

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    55

    MAKE IT DELIGHTFUL

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    56

    MAKE IT JUST WORK

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    57

    MAKE IT JUST WORK

    g+: udayms | twitter: udayms | linkedin: udayms | facebook: udayms | blog: acrossthinlines.com

    58

    acrossthinlines.com | facebook.com/across.thin.lines | twitter.com/acrossthinlines

    Вам также может понравиться