Talk sobre User Interface e User Experience exibido no English Tech Talks III em julho de 2015.

1. USER INTERFACE (UI)
X
USER EXPERIENCE (UX)
What’s the difference?
Why both concepts are so important?
EnglishTechTalks III
July 2015

2. • 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?

3. UI Designer UX Designer
Creative and visual
Consistent elements
“The designer”
Emotion
Easy of use
Clarity and fluidity

4. Dan Saffer model

5. “Your application is a motorcycle"

6. In the beginning…

7. Modules, a lot of modules…

8. And finally…

9. No more motorcycles.
Let’s talk about something we know.

10. Material Design

11. 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.

12. • Instant visual confirmation at
contact point
• Touch Ripple mechanism
• Attack articulation and
duration of touch event
Calculadora
Surface reaction

13. 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

14. Floating action button
• Promoted actions: #1 priority
activities in the app
• No more toolbar dictatorship!
• Reading experience is still
awesome
Evernote

15. Still not convinced?
http://bit.ly/botao300
"The $300 million button"

16. “Together we stand, divided we fall”
Pink Floyd

17. fb.com/gobbigustavo
@GobbiGustavo
+GustavoGobbi
gustavogobbi@ic.ufal.br

18. Thank you!