user interface (ui) x user experience (ux) - english

USER INTERFACE (UI)X

USER EXPERIENCE (UX)What’s the difference?

Why both concepts are so important?

English Tech Talks IIIJuly 2015

• Computer Science student at UFAL

• Front-end developer

• Columnist at DobreaDireita.com

• Author at Scub.info & FailWars.blog.br

• Podcaster at Radioatividade.org

• Marília Gabriela imitator (when people insist)

Gustavo Gobbi

Who am I?

UI Designer UX Designer

Creative and visual

Consistent elements

“The designer”

Emotion

Easy of use

Clarity and fluidity

Dan Saffer model

“Your application is a motorcycle"

In the beginning…

Modules, a lot of modules…

And finally…

No more motorcycles.

Let’s talk about something we know.

Material Design

Material Design• Announced at Google I/O 2014 and

introduced on Android 5.0 Lollipop

• "Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science”

• It’s also used on web development (Polymer, Materialize, Leaf and more)

• Trivia: MD development leader is latin american. Don’t give up.

• Instant visual confirmation at contact point

• Touch Ripple mechanism

• Attack articulation and duration of touch event

Calculadora

Surface reaction

Navigation drawer

• Think outside the box: there are a lot of things beyond this rectangle

• Elevation: the content below is still visible, but it’s darkened like a shadow

• Location: it always must show where you are

Netflix

Floating action button

• Promoted actions: #1 priority activities in the app

• No more toolbar dictatorship!

• Reading experience is still awesome

Evernote

Still not convinced?

http://bit.ly/botao300

"The $300 million button"

“Together we stand, divided we fall”Pink Floyd

fb.com/gobbigustavo@GobbiGustavo+GustavoGobbi

gustavogobbi@ic.ufal.br

Thank you!