user interface (ui) x user experience (ux) - english
TRANSCRIPT
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
“Together we stand, divided we fall”Pink Floyd
Thank you!