#mtc2017: aplikacje "kupujemy" wzrokiem. dlaczego motion design ratuje ux? - maciej szwed

of 30 /30
Maciej Szwed HEAD OF DESIGN Dlaczego motion design ratuje UX?

Author: mobile-trends

Post on 21-Mar-2017

97 views

Category:

Mobile


0 download

Embed Size (px)

TRANSCRIPT

  • Maciej SzwedHEAD OF DESIGN

    Dlaczego motion design ratuje UX?

  • Czym jest motion design?

  • parallax

    video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

    http://c

  • problemy UX

    co jest najwaniejsze i na co zwrci uwag? co mam robi dalej? skd mam wiedzie e ukoczyem zadanie? nie rozumiem co te informacje przedstawiaj

  • Patterny / przykady uycia

  • video credit: https://material.google.com/motion

    potwierdzenie akcji

    https://material.google.com/motion

  • video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

    potwierdzenie akcji

    http://c

  • video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

    potwierdzenie akcji

    https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

  • hierarchia informacji

    video credit: https://material.google.com/motion

    https://material.google.com/motion

  • video credit: https://dribbble.com/ColinGarven, https://dribbble.com/chanpory

    pokazanie statusu kontrola

    https://dribbble.com/ColinGarvenhttps://dribbble.com/chanpory

  • dummy content

  • video credit: Dribbble, Andrew McKay for Atlassian

    pull to refresh

  • video credit: FB Paper App

    wyznaczenie kierunku orientacja

  • video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

    ograniczona powierzchnia

  • video credit: https://dribbble.com/shots/1640866-Alarm-Material-UI

    zoom

    https://dribbble.com/shots/1640866-Alarm-Material-UI

  • video credit: https://material.google.com/motion

    przejcie midzy ekranami

    https://material.google.com/motion

  • video credit: https://material.google.com/motion

    https://material.google.com/motion

  • source: https://material.google.com/motion

    https://material.google.com/motion

  • `

    `

    visual continuity

    video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

  • video credit: FB Paper App

    wskazwka

  • video credit: https://dribbble.com/shots/1861517-Messages-Animation

    wskazwka

    https://dribbble.com/shots/1861517-Messages-Animation

  • video credit: https://material.google.com/motion

    zwrcenie uwagi

    https://material.google.com/motion

  • video credit: https://material.google.com/motion

    zwrcenie uwagi

    https://material.google.com/motion

  • video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

    symulacja opowiadanie historii

  • video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

    ukrywanie opnie

  • video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/

    wzmocnienie brandu

    https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu

  • video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/

    zadbanie o szczegy

    https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu

  • video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

    podsumowanie

  • Maciej SzwedHEAD OF DESIGN