Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
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
120
Client Experience Design @ DaFED Novi Sad
maratz
1
470
The Next Steps for Web Typography
maratz
4
740
Typography for Developers Rijeka 2015
maratz
3
400
Art Directed Web Typography
maratz
3
390
Responsive Web Typography @ Awwwards Barcelona
maratz
4
1.6k
Fixing Lorem Ipsum with Content Prototyping @ SmartWeb in Bucharest
maratz
0
470
Responsive Web Typography @ WebExpo
maratz
1
530
Fixing Lorem Ipsum with Content Prototyping @ FrontendConf in Zürich
maratz
1
280
Other Decks in Design
See All in Design
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.3k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.3k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
1
3k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
320
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
290
ISO 9241-171:2025っていうのがあってな
shosira
1
200
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
230
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.4k
CULTURE DECK/Creative Director
mhand01
0
1.3k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
920
はじめての演奏会フライヤーデザイン
chorkaichan
1
310
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
410
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
190
RailsConf 2023
tenderlove
30
1.5k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
790
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
400
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
40k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
400
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
170
エンジニアに許された特別な時間の終わり
watany
107
250k
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