BUILDING FOR
PEOPLE
Marko Dugonjić
Creative Nights

WebCamp Zagreb, 24. 11. 2012.
Why I’m here?
PROBLEMS
– Misinterpreted acronyms (UX, CX, UI)
– Assumptions about the user
– Complicated interfaces
– Hiring decorators
USER EXPERIENCE
The sum of all experiences with a
product or service before, during and
a er the actual use of the product or
service.
Building for People
Building for People
CUSTOMER EXPERIENCE
The sum of all experiences a customer
has with a supplier of goods or
services, over the duration of their
relationship with that supplier.
BRAND
“A brand is much more than the logo;
it is the pa ern our brains expect
based on everything we have
previously heard, seen, and felt.”

                           — Reuben Steiger
                               Method NYC
USER INTERFACE
A user interface is the point of
contact between humans and
machines.
WHO WE ARE?
— a few assumptions —
Building for People
Building for People
Building for People
REALITY CHECK
— they don’t live by our rules —
“You don’t get to decide which
platform or device your customers
use to access your content: they do.”

                         — Karen McGrane, author
                        Content Strategy for Mobile
Building for People
Life > Need > Use case > Feature
CALL a DECORATOR!
    — Beautiful UI™ —
Building for People
LOCAL MAXIMUM




                IDEA #2


   IDEA #1
Diffusion of innovations
Market share




                                       %
                                    16
                               ds
                           ar
                 gg                             %
               La                           34
                                     ity
                                 or
                            aj
                           M
                 te                              %
               La                           34
                                      ity
                                 or
                            aj                       %
                           M
                   ly                              .5
                  r                           13
               Ea                        rs
                                      te
                                op
                           Ad
                  r   ly
               Ea                        5  %
                                      2.
                                rs
                            to
                       va
                 no
               In
FOR EXAMPLE
— It can be done! —
Building for People
Building for People
Building for People
Building for People
Building for People
Building for People
MILLENIALS
“They don’t necessarily need to rebel
against their parents because they’ve
grown so close to them over the
years.”

                              — John McFarland
                       Chevrolet’s Senior Manager
Building for People
TAKE TWO
“Every part of everything I know
about young people and the product
they want, they actually want to
appear older than they are.”

                                — Joe Baker,
                         Designer of the Code
Building for People
Building for People
Building for People
“Can you explain my bill to me please?”

                           — Frustrated customer
Building for People
ACTION ITEMS
 — You can do it! —
5
TALK TO PEOPLE
Building for People
Photo credit: Mikey Angels
4
FIND THE PROBLEM
“Focus on the hole, not the drill.”

                                     — Leisa Reichelt, author
               A Practical Guide to Strategic User Experience
USE CASES
FEATURES
3
DESIGN, DON’T
 DECORATE
Building for People
2
PROTOTYPE
1
 LEAVE YOUR
COMFORT ZONE
Thank you!
  Marko Dugonjić
creativenights.com
 @markodugonjic
Credits:

Vuk Ćosić, Leisa Reichelt, Andy Budd, Peter-Paul
Koch, Karen McGrane, Peter Merholz, Simon
Sinek, Whitney Hess, Bill Buxton.

h   p://en.wikipedia.org/wiki/User_experience
h   p://en.wikipedia.org/wiki/Customer_experience
h   p://bit.ly/XKgwFY
h   p://dribbble.com
h   ps://www.lytro.com
h   p://www.nest.com
h   p://www.chevrolet.com
h   ps://power2switch.com

More Related Content

PDF
Modular and Event-Driven JavaScript
PDF
Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...
PDF
Web typography
PDF
CSS for Designers
PDF
RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API
PDF
Typography on the Web
PDF
Web Audio Band - Playing with a band in your browser
PDF
The Wonderful World of (web) Typography
Modular and Event-Driven JavaScript
Baby.com.br: Analisando, adaptando e melhorando a arquitetura da informação e...
Web typography
CSS for Designers
RetroJS - Escrevendo músicas da era 8-bits com JavaScript e Web Audio API
Typography on the Web
Web Audio Band - Playing with a band in your browser
The Wonderful World of (web) Typography

Viewers also liked (20)

PDF
Art Directed Web Typography
PDF
Mobile Web Design Code
KEY
Web Typography
PDF
O Design e a Interface no mundo da Programação
PDF
Desafios do Desenvolvimento de Front-end em um e-commerce
PDF
Fake It While We Make It (Data-Driven Prototyping)
PDF
Datadesignmeaning
PDF
Mobile ui trends present future – meaningful mobile typography
PDF
Typography and Grid for Mobile Design
PDF
Criando uma arquitetura de front-end do zero
PDF
PDF
Web Typography Fundamentals
PDF
FITC Amsterdam 2015 - keynote-adobe - We are mutants
PDF
With Great Power, a lecture on web typography
PPTX
Typography on Web.
PDF
Typography on the Web - FITC Amsterdam 2015
PDF
Web Typography Now
PDF
Just Your Type: Web Typography & You
PDF
A crash course in typography
PPTX
Web Typography Fundamentals: From Gutenberg to Google v1
Art Directed Web Typography
Mobile Web Design Code
Web Typography
O Design e a Interface no mundo da Programação
Desafios do Desenvolvimento de Front-end em um e-commerce
Fake It While We Make It (Data-Driven Prototyping)
Datadesignmeaning
Mobile ui trends present future – meaningful mobile typography
Typography and Grid for Mobile Design
Criando uma arquitetura de front-end do zero
Web Typography Fundamentals
FITC Amsterdam 2015 - keynote-adobe - We are mutants
With Great Power, a lecture on web typography
Typography on Web.
Typography on the Web - FITC Amsterdam 2015
Web Typography Now
Just Your Type: Web Typography & You
A crash course in typography
Web Typography Fundamentals: From Gutenberg to Google v1
Ad

Similar to Building for People (19)

PPTX
The Future of Social Influence in a Social Capital World
PDF
What analytics in the games industry can learn from other sectors
PDF
2011 SXSW Panel Social Capital: The Billion Dollar Digital Future
KEY
Digital and Social Trends - What's happening now?
PDF
Mobile Trends 2013 - Montreal Start-Up breakfast club
PDF
Merits of cherry over banana
PDF
Basic interactiondesign moviemate_finalpresentation
KEY
About Emil
PPTX
Balvor Convevo - Is Facebook and text marketing right for your convenience s...
PDF
800 flowers-presentation
PDF
Realizing A Personalized Shopping Experience
PDF
Andy Polaine: Service design Å designe for mennesker vs. for skjermer (Webdag...
PDF
Unraveling Knowledge Webinar
PPTX
Inside Intuit: Effectively Managing Social Conversations to Strengthen Custom...
KEY
What is Digital Strategy and Why Agencies Need It?
PDF
Bill Stankiewicz Anixter
PDF
Bill Stankiewicz copy of Anixter Presentation
PDF
Purpose & Wow customer experience
PDF
Students Help Redesign the Library: Auraria Library and the University of Col...
The Future of Social Influence in a Social Capital World
What analytics in the games industry can learn from other sectors
2011 SXSW Panel Social Capital: The Billion Dollar Digital Future
Digital and Social Trends - What's happening now?
Mobile Trends 2013 - Montreal Start-Up breakfast club
Merits of cherry over banana
Basic interactiondesign moviemate_finalpresentation
About Emil
Balvor Convevo - Is Facebook and text marketing right for your convenience s...
800 flowers-presentation
Realizing A Personalized Shopping Experience
Andy Polaine: Service design Å designe for mennesker vs. for skjermer (Webdag...
Unraveling Knowledge Webinar
Inside Intuit: Effectively Managing Social Conversations to Strengthen Custom...
What is Digital Strategy and Why Agencies Need It?
Bill Stankiewicz Anixter
Bill Stankiewicz copy of Anixter Presentation
Purpose & Wow customer experience
Students Help Redesign the Library: Auraria Library and the University of Col...
Ad

Recently uploaded (20)

PPTX
Anjali synopsis seminar (15) (1) (1).pptx
PDF
Engineering drawing lecture no 2 building blocks
PPTX
Presentation at the moment design 3.pptx
PPTX
UNITy8 human computer interac5ion-1.pptx
PDF
Medical diagnostic centre case study Live
PPTX
class12chemicalkinetics-240104162115-fe1ed3c1.pptx
PDF
ARCHITECTURE LIENSURE EXAMINATION FLASHCARDS REVIEW
PPTX
Chapter7 design and Implementation.pptx
PDF
This presentation is made for a design foundation class at Avantika Universit...
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPTX
F.Y.B.COM-A-ACC25359.pptx For a job or role? (e.g., Marketing Manager, Chief ...
PPT
Adolescent Emergencies for undergraduate
PDF
xử lý ảnh thu nhận và xử lý trên FPGA ứng dụng
PPTX
Re-Fruit_Business_Plan_Presentation.pptx
PDF
Jamil Islam, Diplpma in Electrical Engineer,CV.pdf
PPTX
interesting case discu.pptxkkkkkkkkkkkkk
PPTX
Chapter-3-educ-8 Program outcomes & SLOs
PDF
Design and Work Portfolio by Karishma Goradia
PPTX
NAME -Chipo M Chashinya & DUBE PRIDENCE.pptx
PPTX
immunotherapy.pptx in pregnancy outcome f
Anjali synopsis seminar (15) (1) (1).pptx
Engineering drawing lecture no 2 building blocks
Presentation at the moment design 3.pptx
UNITy8 human computer interac5ion-1.pptx
Medical diagnostic centre case study Live
class12chemicalkinetics-240104162115-fe1ed3c1.pptx
ARCHITECTURE LIENSURE EXAMINATION FLASHCARDS REVIEW
Chapter7 design and Implementation.pptx
This presentation is made for a design foundation class at Avantika Universit...
ACL English Introductionadsfsfadf 20200612.pptx
F.Y.B.COM-A-ACC25359.pptx For a job or role? (e.g., Marketing Manager, Chief ...
Adolescent Emergencies for undergraduate
xử lý ảnh thu nhận và xử lý trên FPGA ứng dụng
Re-Fruit_Business_Plan_Presentation.pptx
Jamil Islam, Diplpma in Electrical Engineer,CV.pdf
interesting case discu.pptxkkkkkkkkkkkkk
Chapter-3-educ-8 Program outcomes & SLOs
Design and Work Portfolio by Karishma Goradia
NAME -Chipo M Chashinya & DUBE PRIDENCE.pptx
immunotherapy.pptx in pregnancy outcome f

Building for People