SlideShare a Scribd company logo

How & Why: UI Case Studies

Daniel Burka, profile picture
Daniel Burka

This document discusses three case studies of UI design projects: 1. Digg's story format and comment system, describing early designs and iterations over time based on user feedback and testing. 2. Pownce's initial design process, starting from scratch and drawing inspiration from Digg's visual language. 3. Lessons learned including focusing early designs, being prepared to iterate, and using both implicit and explicit user feedback to evaluate successes and address shortcomings.

BusinessTechnology
1 of 54
Downloaded 345 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies
How & Why: UI Case Studies

More Related Content

PPT
Start At The Start: Using Storyboards, Wireframes, and Mood Boards
Rad Campaign and Women Who Tech
 
PDF
Is your website user friendly?
studiokandm
 
PPT
Don't Make Me Think Review
sus22
 
DOCX
New york web design
lambertvilleg_5
 
PDF
Justin French Web Directions07
justinfrench
 
PDF
Landing Page Best Practices
Red8 Interactive
 
PPT
Creating Considerate Web Applications
Bojhan
 
ODP
Approaches to Enhancing the User Experience
Michael McGarel
 
Start At The Start: Using Storyboards, Wireframes, and Mood Boards
Rad Campaign and Women Who Tech
 
Is your website user friendly?
studiokandm
 
Don't Make Me Think Review
sus22
 
New york web design
lambertvilleg_5
 
Justin French Web Directions07
justinfrench
 
Landing Page Best Practices
Red8 Interactive
 
Creating Considerate Web Applications
Bojhan
 
Approaches to Enhancing the User Experience
Michael McGarel
 

What's hot (17)

PDF
Know thy interaction – How interaction is changing what we create on the web
nolly00
 
PDF
Professor Critique of Work - Tim and Anthony
Kathy Yang
 
PDF
User Experience Design For Non Designers
Amanda W
 
PDF
Daniel Burka - Iterative Design Strategies
Daniel Burka
 
PDF
Designing Ebooks with Web Standards
Kristofer Layon
 
PDF
Designing For Your Mom with Andi Galpern
Andi Galpern
 
PDF
Better. Faster. UXier. — AToMIC Design
jennifer gergen
 
PDF
Ten Lessons in Designing Content for Mobile
Vicke Cheung
 
PPTX
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
Daniel Ferro
 
PDF
Effective presentation
Merry Fann 范惠萍
 
PDF
UX Tools, Tips, and Tricks
Katelyn Caillouet
 
PDF
English lesson 2 by Lana Voinova
Stas Kremnev
 
PDF
Atomic design, a problem of expectations
Francesco Improta
 
PPTX
Designing for teenagers
sam_franklin
 
PPTX
A presentation on "How to make a presentation"
Iksula
 
DOCX
Report on unit 11
haverstockmedia
 
PDF
Design Deliverables for a Post-Comp Era
Dan Mall
 
Know thy interaction – How interaction is changing what we create on the web
nolly00
 
Professor Critique of Work - Tim and Anthony
Kathy Yang
 
User Experience Design For Non Designers
Amanda W
 
Daniel Burka - Iterative Design Strategies
Daniel Burka
 
Designing Ebooks with Web Standards
Kristofer Layon
 
Designing For Your Mom with Andi Galpern
Andi Galpern
 
Better. Faster. UXier. — AToMIC Design
jennifer gergen
 
Ten Lessons in Designing Content for Mobile
Vicke Cheung
 
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
Daniel Ferro
 
Effective presentation
Merry Fann 范惠萍
 
UX Tools, Tips, and Tricks
Katelyn Caillouet
 
English lesson 2 by Lana Voinova
Stas Kremnev
 
Atomic design, a problem of expectations
Francesco Improta
 
Designing for teenagers
sam_franklin
 
A presentation on "How to make a presentation"
Iksula
 
Report on unit 11
haverstockmedia
 
Design Deliverables for a Post-Comp Era
Dan Mall
 
Ad

Similar to How & Why: UI Case Studies (20)

PDF
Daniel Burka's Design Workshop Slides: FOWD NYC 2009
Daniel Burka
 
PDF
FOWA Miami 2009 Workshop
Daniel Burka
 
PDF
Finding harmony in web development
Christian Heilmann
 
PDF
History of jQuery
jeresig
 
KEY
Preparing for Confluence 4.1
Atlassian
 
PDF
Mozilla Research Party Talk
Brendan Eich
 
ZIP
Firefox 3.5 and Beyond, At Portland Web Innovators
Dietrich Ayala
 
PDF
HTML XHTML HTML5
timstone
 
PDF
Tim stone.html5.rjug.20110316
Richmond Java User's Group
 
PDF
HTML5 - Moving from hacks to solutions
Christian Heilmann
 
PPT
Devices on the Web (2.0)
Gurpreet Singh
 
PPT
Techniques For A Modern Web UI (With Notes)
patrick.t.joyce
 
PDF
Working In The Now - Paris Web
Christian Heilmann
 
PDF
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Association Paris-Web
 
PDF
Professional web development with libraries
Christian Heilmann
 
PDF
Fowd Recap
David Wright
 
KEY
Des Traynor: Slik skriver du mikrotekster (Webdagene 2012)
webdagene
 
PDF
100 paper cuts
Alexander Limi
 
KEY
The Devil and HTML5
Myles Braithwaite
 
PDF
DIY Website Usability Testing
Steve Martin
 
Daniel Burka's Design Workshop Slides: FOWD NYC 2009
Daniel Burka
 
FOWA Miami 2009 Workshop
Daniel Burka
 
Finding harmony in web development
Christian Heilmann
 
History of jQuery
jeresig
 
Preparing for Confluence 4.1
Atlassian
 
Mozilla Research Party Talk
Brendan Eich
 
Firefox 3.5 and Beyond, At Portland Web Innovators
Dietrich Ayala
 
HTML XHTML HTML5
timstone
 
Tim stone.html5.rjug.20110316
Richmond Java User's Group
 
HTML5 - Moving from hacks to solutions
Christian Heilmann
 
Devices on the Web (2.0)
Gurpreet Singh
 
Techniques For A Modern Web UI (With Notes)
patrick.t.joyce
 
Working In The Now - Paris Web
Christian Heilmann
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Association Paris-Web
 
Professional web development with libraries
Christian Heilmann
 
Fowd Recap
David Wright
 
Des Traynor: Slik skriver du mikrotekster (Webdagene 2012)
webdagene
 
100 paper cuts
Alexander Limi
 
The Devil and HTML5
Myles Braithwaite
 
DIY Website Usability Testing
Steve Martin
 
Ad

More from Daniel Burka (15)

PDF
Belgrade
Daniel Burka
 
PDF
The First Fifteen Minutes : At Media 2011 London
Daniel Burka
 
PDF
Seriously Playful
Daniel Burka
 
PDF
The First Fifteen Minutes
Daniel Burka
 
PDF
Designing the First Fifteen Minutes
Daniel Burka
 
PDF
Webstock Talk – Embracing Evolution: Iterative Design Strategies
Daniel Burka
 
PDF
Webstock Workshop: Creating Simple
Daniel Burka
 
PDF
Feedback Informing Design: Listening, really listening, to your users
Daniel Burka
 
PDF
Failure, it's part of the process – AIM Conference
Daniel Burka
 
PDF
Changing successfully: Adapting your interface over time
Daniel Burka
 
PDF
dConstruct Workshop - Positive Behaviors
Daniel Burka
 
PDF
dConstruct Workshop - Handling Feedback
Daniel Burka
 
PDF
dConstruct Workshop - Managing Iteration
Daniel Burka
 
PDF
Designing for Interaction
Daniel Burka
 
PDF
Interpreting Feedback
Daniel Burka
 
Belgrade
Daniel Burka
 
The First Fifteen Minutes : At Media 2011 London
Daniel Burka
 
Seriously Playful
Daniel Burka
 
The First Fifteen Minutes
Daniel Burka
 
Designing the First Fifteen Minutes
Daniel Burka
 
Webstock Talk – Embracing Evolution: Iterative Design Strategies
Daniel Burka
 
Webstock Workshop: Creating Simple
Daniel Burka
 
Feedback Informing Design: Listening, really listening, to your users
Daniel Burka
 
Failure, it's part of the process – AIM Conference
Daniel Burka
 
Changing successfully: Adapting your interface over time
Daniel Burka
 
dConstruct Workshop - Positive Behaviors
Daniel Burka
 
dConstruct Workshop - Handling Feedback
Daniel Burka
 
dConstruct Workshop - Managing Iteration
Daniel Burka
 
Designing for Interaction
Daniel Burka
 
Interpreting Feedback
Daniel Burka
 

Recently uploaded (20)

PPTX
2025 Product Deck V1.0.pptxCATALOGTCLCIA
AndreaRominaHoyosSur2
 
PPTX
ICG2025_ICG 6th steering committee 30-8-24.pptx
AtiarRahaman5
 
PDF
Digital Marketing & E-commerce Certificate Glossary.pdf.................
RoobaV2
 
PPTX
AI-assistance in Knowledge Collection and Curation supporting Safe and Sustai...
Barry Hardy
 
PPTX
svnfcksanfskjcsnvvjknsnvsdscnsncxasxa saccacxsax
ergvedfvef sdvsfvdvd
 
PDF
NISM Series V-A MFD Workbook v December 2024.khhhjtgvwevoypdnew one must use ...
RoopaSherkar
 
PPTX
CkgxkgxydkydyldylydlydyldlyddolydyoyyU2.pptx
DSAISUBRAHMANYAAASHR
 
PPTX
Belch_12e_PPT_Ch18_Accessible_university.pptx
Haitham327103
 
PPTX
job Avenue by vinith.pptxvnbvnvnvbnvbnbmnbmbh
kaniece
 
DOCX
unit 2 cost accounting- Tender and Quotation & Reconciliation Statement
MANJU N
 
PDF
Ôn tập tiếng anh trong kinh doanh nâng cao
thaoonguyenn2311
 
PDF
Elevate Cleaning Efficiency Using Tallfly Hair Remover Roller Factory Expertise
farsookmon97766765
 
PDF
Roadmap Map-digital Banking feature MB,IB,AB
Alemayehu
 
PDF
Laughter Yoga Basic Learning Workshop Manual
yeechensee
 
PDF
Stem Cell Market Report | Trends, Growth & Forecast 2025-2034
Claight Corporation
 
PPTX
New Microsoft PowerPoint Presentation - Copy.pptx
itsmesumedh96
 
PPTX
Dragon_Fruit_Cultivation_in Nepal ppt.pptx
UmeshTimilsina1
 
PDF
Unit 1 Cost Accounting - Cost sheet
MANJU N
 
PDF
Types of control:Qualitative vs Quantitative
reshmaaslm06
 
PPTX
HR Introduction Slide (1).pptx on hr intro
suhanidwivedi227
 
2025 Product Deck V1.0.pptxCATALOGTCLCIA
AndreaRominaHoyosSur2
 
ICG2025_ICG 6th steering committee 30-8-24.pptx
AtiarRahaman5
 
Digital Marketing & E-commerce Certificate Glossary.pdf.................
RoobaV2
 
AI-assistance in Knowledge Collection and Curation supporting Safe and Sustai...
Barry Hardy
 
svnfcksanfskjcsnvvjknsnvsdscnsncxasxa saccacxsax
ergvedfvef sdvsfvdvd
 
NISM Series V-A MFD Workbook v December 2024.khhhjtgvwevoypdnew one must use ...
RoopaSherkar
 
CkgxkgxydkydyldylydlydyldlyddolydyoyyU2.pptx
DSAISUBRAHMANYAAASHR
 
Belch_12e_PPT_Ch18_Accessible_university.pptx
Haitham327103
 
job Avenue by vinith.pptxvnbvnvnvbnvbnbmnbmbh
kaniece
 
unit 2 cost accounting- Tender and Quotation & Reconciliation Statement
MANJU N
 
Ôn tập tiếng anh trong kinh doanh nâng cao
thaoonguyenn2311
 
Elevate Cleaning Efficiency Using Tallfly Hair Remover Roller Factory Expertise
farsookmon97766765
 
Roadmap Map-digital Banking feature MB,IB,AB
Alemayehu
 
Laughter Yoga Basic Learning Workshop Manual
yeechensee
 
Stem Cell Market Report | Trends, Growth & Forecast 2025-2034
Claight Corporation
 
New Microsoft PowerPoint Presentation - Copy.pptx
itsmesumedh96
 
Dragon_Fruit_Cultivation_in Nepal ppt.pptx
UmeshTimilsina1
 
Unit 1 Cost Accounting - Cost sheet
MANJU N
 
Types of control:Qualitative vs Quantitative
reshmaaslm06
 
HR Introduction Slide (1).pptx on hr intro
suhanidwivedi227