SlideShare a Scribd company logo
1 of 12
choosing to
redesign in stages



Phil King
Director, Product Design
@pkingdesign
re: Flickr
                                    We’re 8 years old, part of Yahoo since 2005
             42 people work on Flickr - 4 designers, 6 FE’s, ~20 engineers total
              6.8 billion photos, 73+ million members, 3.7 billion PV’s / month


                                                          flickr.com/photos/heather/3111752337/
Our product continues to scale and become more complex
Challenged not on features, but on creating simplicity and beauty
We can’t re-envision the site through incremental feature launches




The Need to Redesign
                                                                     flickr.com/photos/saraewood/6258668995/
Complexity vs.
A Big Redesign




Flickr has over 1,600 page templates
Users experience multiple parts of the product daily (uploader, photos, groups,
organizer, search, sharing, etc). Not everything can be simplified away.
We must modernize, simplify, and beautify: but how?

                                                                                  flickr.com/photos/dominik99/384027019/
Redesign in Stages                                            vs.   One Big Release
  • risk of Frankenstein product                                      • less UX fragmentation
  • frequent, smaller user churn                                      • larger community impact
  • repeated PR bumps                                                 • single, big PR boost
  • faster time to market                                             • long wait / no shipping
  • iteration & course correction



No clear winner for every product. We chose stages for the speed to
market and opportunities to iterate.
Ease of
 Use &
Beauty




       2012                                                             2013




 Redesign in Stages
 faster time to market with higher coordination cost
 simplify & beautify key experiences, but not everything
 mix of new visual style with old, must blend or accept inconsistency
 improve biggest inconsistencies as we go
Building Bridges
Identified design elements of existing product we’re happy with to preserve in new designs
Set goals to achieve with new designs
Frequent design reviews to ensure we’re pushing hard enough, building bridges to existing site experience




                                                                                                            flickr.com/photos/kevincollins/3924467695/
Last year we made thumbnail displays consistent across the site
Good functionality, design not modern enough
Now we’re shipping this: iterate design & functionality each time, improves everywhere we put it
Rolling out more places makes site feel newer, more consistent
Building bridges with consistent typography, iconography, and colors
Our old, but very reliable uploadr
The new Uploadr - totally new design, rich functionality
Must build bridges to existing design language through iconography, type, color etc.
Thanks!

                Phil King
          flic.kr/pkingdesign
              @pkingdesign

More Related Content

Similar to Flickr: Choosing to Redesign In Stages

Agile and Lean Software Development
Agile and Lean Software DevelopmentAgile and Lean Software Development
Agile and Lean Software DevelopmentTathagat Varma
 
How Fast Can You Deliver An Idea?
How Fast Can You Deliver An Idea?How Fast Can You Deliver An Idea?
How Fast Can You Deliver An Idea?Tathagat Varma
 
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016Pekka Hartikainen
 
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Nick DeNardis
 
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptx
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptxPhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptx
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptxsarkararnab42287
 
Webdirections conference - @media
Webdirections conference - @mediaWebdirections conference - @media
Webdirections conference - @mediaGlenn Cahill
 
Just Married: User Centered Design and Agile
Just Married: User Centered Design and AgileJust Married: User Centered Design and Agile
Just Married: User Centered Design and AgileMemi Beltrame
 
How a Web Redesign 
Drives Organizational Change: A Cautionary Tale
How a Web Redesign 
Drives Organizational Change: A Cautionary TaleHow a Web Redesign 
Drives Organizational Change: A Cautionary Tale
How a Web Redesign 
Drives Organizational Change: A Cautionary TaleSorel Denholtz
 
A Cautionary Tale
A Cautionary TaleA Cautionary Tale
A Cautionary TaleToni Bird
 
The Flickr Redesign - May 20 2013
The Flickr Redesign - May 20 2013The Flickr Redesign - May 20 2013
The Flickr Redesign - May 20 2013Philip King
 
Change Is Good (AxureWorld)
Change Is Good (AxureWorld)Change Is Good (AxureWorld)
Change Is Good (AxureWorld)Ravi Singh
 
Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Carol Smith
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Josh Levine
 
You Broke It, You Bought It
You Broke It, You Bought ItYou Broke It, You Bought It
You Broke It, You Bought ItTim Senft
 
Adaptive product design
Adaptive product  designAdaptive product  design
Adaptive product designGavan Gibson
 
Get set for content success: Preparing your organization for content work
Get set for content success: Preparing your organization for content work Get set for content success: Preparing your organization for content work
Get set for content success: Preparing your organization for content work Melissa Rach
 
50500113 spiral-model
50500113 spiral-model50500113 spiral-model
50500113 spiral-modelasidharath
 

Similar to Flickr: Choosing to Redesign In Stages (20)

Agile and Lean Software Development
Agile and Lean Software DevelopmentAgile and Lean Software Development
Agile and Lean Software Development
 
How Fast Can You Deliver An Idea?
How Fast Can You Deliver An Idea?How Fast Can You Deliver An Idea?
How Fast Can You Deliver An Idea?
 
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
 
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
 
why agile?
why agile?why agile?
why agile?
 
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptx
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptxPhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptx
PhotoEditorPROJECTpptStyleForAnyWebsiteFormation.pptx
 
TEST TEST TEST
TEST TEST TESTTEST TEST TEST
TEST TEST TEST
 
Webdirections conference - @media
Webdirections conference - @mediaWebdirections conference - @media
Webdirections conference - @media
 
Just Married: User Centered Design and Agile
Just Married: User Centered Design and AgileJust Married: User Centered Design and Agile
Just Married: User Centered Design and Agile
 
How a Web Redesign 
Drives Organizational Change: A Cautionary Tale
How a Web Redesign 
Drives Organizational Change: A Cautionary TaleHow a Web Redesign 
Drives Organizational Change: A Cautionary Tale
How a Web Redesign 
Drives Organizational Change: A Cautionary Tale
 
A Cautionary Tale
A Cautionary TaleA Cautionary Tale
A Cautionary Tale
 
The Flickr Redesign - May 20 2013
The Flickr Redesign - May 20 2013The Flickr Redesign - May 20 2013
The Flickr Redesign - May 20 2013
 
Change Is Good (AxureWorld)
Change Is Good (AxureWorld)Change Is Good (AxureWorld)
Change Is Good (AxureWorld)
 
Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
 
Agile in real life
Agile in real lifeAgile in real life
Agile in real life
 
You Broke It, You Bought It
You Broke It, You Bought ItYou Broke It, You Bought It
You Broke It, You Bought It
 
Adaptive product design
Adaptive product  designAdaptive product  design
Adaptive product design
 
Get set for content success: Preparing your organization for content work
Get set for content success: Preparing your organization for content work Get set for content success: Preparing your organization for content work
Get set for content success: Preparing your organization for content work
 
50500113 spiral-model
50500113 spiral-model50500113 spiral-model
50500113 spiral-model
 

Recently uploaded

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 

Recently uploaded (20)

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 

Flickr: Choosing to Redesign In Stages

  • 1. choosing to redesign in stages Phil King Director, Product Design @pkingdesign
  • 2. re: Flickr We’re 8 years old, part of Yahoo since 2005 42 people work on Flickr - 4 designers, 6 FE’s, ~20 engineers total 6.8 billion photos, 73+ million members, 3.7 billion PV’s / month flickr.com/photos/heather/3111752337/
  • 3. Our product continues to scale and become more complex Challenged not on features, but on creating simplicity and beauty We can’t re-envision the site through incremental feature launches The Need to Redesign flickr.com/photos/saraewood/6258668995/
  • 4. Complexity vs. A Big Redesign Flickr has over 1,600 page templates Users experience multiple parts of the product daily (uploader, photos, groups, organizer, search, sharing, etc). Not everything can be simplified away. We must modernize, simplify, and beautify: but how? flickr.com/photos/dominik99/384027019/
  • 5. Redesign in Stages vs. One Big Release • risk of Frankenstein product • less UX fragmentation • frequent, smaller user churn • larger community impact • repeated PR bumps • single, big PR boost • faster time to market • long wait / no shipping • iteration & course correction No clear winner for every product. We chose stages for the speed to market and opportunities to iterate.
  • 6. Ease of Use & Beauty 2012 2013 Redesign in Stages faster time to market with higher coordination cost simplify & beautify key experiences, but not everything mix of new visual style with old, must blend or accept inconsistency improve biggest inconsistencies as we go
  • 7. Building Bridges Identified design elements of existing product we’re happy with to preserve in new designs Set goals to achieve with new designs Frequent design reviews to ensure we’re pushing hard enough, building bridges to existing site experience flickr.com/photos/kevincollins/3924467695/
  • 8. Last year we made thumbnail displays consistent across the site Good functionality, design not modern enough
  • 9. Now we’re shipping this: iterate design & functionality each time, improves everywhere we put it Rolling out more places makes site feel newer, more consistent Building bridges with consistent typography, iconography, and colors
  • 10. Our old, but very reliable uploadr
  • 11. The new Uploadr - totally new design, rich functionality Must build bridges to existing design language through iconography, type, color etc.
  • 12. Thanks! Phil King flic.kr/pkingdesign @pkingdesign

Editor's Notes

  1. \n
  2. We’re 8 years old, part of Yahoo since 2005\n42 people work on Flickr - 4 designers, 6 FE’s, ~20 engineers total\n6.8 billion photos, 73+ million members, 3.7 billion PV’s / month\n
  3. Our product continues to scale and become more complex\nChallenged not on features, but on simplicity and beauty\nWe can’t re-envision the site through incremental feature launches\n
  4. Flickr has over 1,600 page template\nUsers experience multiple parts of the product daily (uploader, photos, groups, organizer, search, sharing, etc). Not everything can be simplified away.\nWe must modernize, simplify, and beautify: but how?\n
  5. No clear winner for every product\n
  6. simplify & beautify key experiences, but not everything\nmix of new visual style with old, must blend or accept inconsistency\nimprove biggest inconsistencies as we go\n
  7. Identified elements of site we’re happy with to preserve in new designs\nGoals to achieve with new designs\nFrequent design reviews to ensure we’re pushing hard enough, building bridges to site\n
  8. Last year we made thumbnail displays consistent across the site\nGood functionality, design not modern enough\n
  9. iterate design / functionality each time we ship, improves everywhere (contacts, favorites, photostreams, group pools, sets...\nrolling out more places makes site feel newer, more consistent\nbuilding bridges with consistent typography, iconography, and colors\nrecent photos, contacts, favorites, photostreams, search results, group pools, sets, etc.\n
  10. \n
  11. The new Uploadr - totally new design, rich functionality\nMust build bridges to existing design language through iconography, type, color etc.\n
  12. \n