Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Building for People
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Marko Dugonjić
November 24, 2012
Design
1.2k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Building for People
Marko Dugonjić
November 24, 2012
More Decks by Marko Dugonjić
See All by Marko Dugonjić
Art Directed Web Typography @ WordCamp Vienna 2016
maratz
0
140
Client Experience Design @ DaFED Novi Sad
maratz
1
480
The Next Steps for Web Typography
maratz
4
770
Typography for Developers Rijeka 2015
maratz
3
410
Art Directed Web Typography
maratz
3
410
Responsive Web Typography @ Awwwards Barcelona
maratz
4
1.7k
Fixing Lorem Ipsum with Content Prototyping @ SmartWeb in Bucharest
maratz
0
480
Responsive Web Typography @ WebExpo
maratz
1
550
Fixing Lorem Ipsum with Content Prototyping @ FrontendConf in Zürich
maratz
1
310
Other Decks in Design
See All in Design
凡庸を落とすハーネス
hiromimaeo
2
1k
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
kgsi
1
690
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
340
IAカンファレンス’26報告会
mayunak
0
110
Basket_of_love.pdf
terencebasart
0
360
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
130
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.4k
ポートフォリオ_あやの
ngyenmazt1412
0
2k
Pra não dizer que não falei das flores...
videlvequio
0
150
【2026】ポートフォリオ_大坪明日香
tsubo52
0
130
デザイン組織の"次の"強みづくり
isaikaori
2
330
分裂するデザイン、取り残される空間—インクルーシブデザインスタジオが建築をやる理由
culumu
0
170
Featured
See All Featured
Paper Plane (Part 1)
katiecoart
PRO
2
12k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
610
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Raft: Consensus for Rubyists
vanstee
142
7.8k
Designing Powerful Visuals for Engaging Learning
tmiket
1
610
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
2
370
Docker and Python
trallard
47
4.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
290
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
610
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
640
Transcript
BUILDING FOR PEOPLE Marko Dugonjić Creative Nights WebCamp Zagreb, 24.
11. 2012.
Why I’m here?
PROBLEMS – Misinterpreted acronyms – Assumptions about the user –
Complicated interfaces – Hiring decorators
USER EXPERIENCE The sum of all experiences with a product
or service before, during and after the actual use of the product or service.
None
None
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 pattern 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 —
None
None
None
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
None
None
None
Life → Need → Use case → Feature
CALL a DECORATOR! — Beautiful UI™ —
None
None
None
None
None
None
LOCAL MAXIMUM IDEA #1 IDEA #2
Diffusion of innovations Market share Early Adopters 13.5% Early M
ajority 34% Late M ajority 34% Laggards 16% Innovators 2.5%
FOR EXAMPLE — It can be done! —
None
None
None
None
None
None
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
None
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
None
None
None
Can you explain my bill to me please? — Frustrated
customer
None
ACTION ITEMS — You can do it! —
5 TALK TO PEOPLE
None
Photo credit: Mikey Angels
If a product is designed for everyone, it works for
no one. — Whitney Hess Vicarious Partners
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
None
Prototyping beats wireframing. http://the-pastry-box-project.net/leisa-reichelt/2012-october-23/
2 PROTOTYPE
1 LEAVE YOUR COMFORT ZONE
None
None
None
“Hi Scott, this is Steve,” Steckley recalled hearing from the
other end of the phone. “Steve Jobs?” he asked. “Yeah,” Jobs said. “I just wanted to apologize for your incredibly long wait. It’s really nobody’s fault. It’s just one of those things.”
Thank you! Marko Dugonjić • @markodugonjic creativenights.com
Credits: Vuk Ćosić, Leisa Reichelt, Andy Budd, Peter-Paul Koch, Karen
McGrane, Peter Merholz, Simon Sinek, Whitney Hess, Bill Buxton. http://en.wikipedia.org/wiki/User_experience http://en.wikipedia.org/wiki/Customer_experience http://bit.ly/XKgwFY http://dribbble.com https://www.lytro.com http://www.nest.com http://www.chevrolet.com https://power2switch.com