SlideShare a Scribd company logo
Instagram
OVERVIEW
CHALLENGE
Create a photo printing feature for
Instagram with customization options
SOLUTION
A simple single photo printing that allows
for customization and gifting, taking into
consideration user goals, business goals, and
brand identity.
MY ROLE
PROCESS
Research
Ideation
Design
Iterations
a photo printing feature integrated
into Instagram
TOOLS
Pen & Paper
InDesign
Google Drive
PROJECT MANAGER
I acted as project manager,
focusing primarily on managing
our schedule, research, feature
definition, and testing.
This was a student project for General Assembly, created in
a 1.5 week span with a team of three people.
Instagram
DESIGNIDEATIONRESEARCH ITERATIONS
overview | process | project management
OVERVIEW DESIGNIDEATIONRESEARCH
RESEARCH IDEATE DESIGN ITERATE
• competitive analysis
• contextual inquiry
• surveys
• user interviews
• personas
• MVP
• features
• brainstorming
• user flows
• rough sketches
• use cases
• app map
• wireframes
• user testing
• digital prototyping
• user testing
• multiple iterations
To find out more
about Instagram
users and photo
printing
To develop key
features and
identify the value
proposition
To develop
interface, test, and
refine user flows
To create digital
prototypes, continue
testing, and iterate
PROCESS
Here is a little more about our process and methods in
approaching this project.
ITERATIONS
overview | process | project management
OVERVIEW DESIGNIDEATIONRESEARCH ITERATIONS
As project manager, I created a project plan to keep us on
track, as well as a more detailed task sheet with
responsibilities and due dates.
I additionally had our team touched base with daily meetings to
communicate our individual progress and stay on the same page.
overview | process | project management
DESIGNIDEATIONRESEARCHOVERVIEW
KEY QUESTIONS
• Who is using Instagram?
• What do people love about Instagram?
• What type of Instagram users already
print frequently?
• Who is already offering digital printing?
• How do people print their photos?
In approaching this project, we were looking for the
intersection between users of Instagram and photo printing.
We conducted analyses of competitor apps that offered
printing services, as well as a contextual inquiry of physical
locations where people went to print.
competitive analysis | contextual inquiry | surveys | user interviews | personas
ITERATIONS
I printed a photo at a studio and observed several
other people printing to understand the flow of the
printing process.
DESIGNIDEATIONRESEARCHOVERVIEW
competitive analysis | contextual inquiry | surveys | user interviews | personas
We additionally interviewed 24 users who used Instagram
and had printed photos in the past. We synthesized
common pain points, habits, and needs into 5 personas.
We collected data about printing needs and Instagram use
from 2 surveys and 90 respondents, all of whom indicated
interest in printing from Instagram.
ITERATIONS
91% 73%
87% 83%
individual prints individual
frames prints
print for
themselves
gifts for
friends/family
• Joy, the DIY gift-giver
• Ariana, the young mom
• Jeff, the iphonegrapher
• Mickey, the print enthusiast
diana
BACKSTORY
Diana is just out of college and her friends are scattered across
the States. She feels nostalgic for her college days and she wants
a way to remember them as she navigates through a new city
and new job. She also likes to send her friend gifts to share with
them social moments.
PAIN POINTS USE CASESBEHAVIOR
NEEDS
I want to capture the
social moment.
• Good quality
• Reasonable price
• Reasonable price
• Inconsistent quality
• Time consuming
• Diana wants to send her
friend Katie a print for her
bday
Age: 23 | Gender: Female | Instagram Use: Frequent
• Diana wants to print out
photos from college to put
on her bedroom wall
• Posts: friends, vacation,
family, nature
• Prints for: For herself to
remember, gifts for
friends
Diana, the memories collector
OTHER PERSONAS
DESIGNIDEATIONRESEARCHOVERVIEW
MVP | features | brainstorming | user flows
We considered user needs, business goals, and brand identity, making
use of takeaways from our research, personas, and writing out user flows
to find the MVP and prioritize features with the MSCW method.
Ultimately, our key takeaway was that “less is more” for an
Instagram printing feature, as Instagram was distinctly liked
by users for its ease of use and simplicity.
Brainstorming the MVP and prioritizing features on the whiteboard.
while still offering enough
customization options for gifting
to friends and family, in keeping
with the Instagram filters and
social sharing.
Less is more:
ITERATIONS
DESIGNIDEATIONRESEARCHOVERVIEW
We collaborated on ideating and sketching interfaces in a
multiple design studio sessions.
I created a paper prototype to test the printing feature
selection and checkout flow, which also functioned as low
fidelity wireframes.
rough sketches | paper prototyping | wireframes | use cases | user testing
ITERATIONS
A paper prototype demonstrating how you can scroll through features at
the bottom of the screen.
ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW
I created 2 use cases for our primary and secondary personas,
Diana (the memories collector) and Joy (the DIY gift giver) to use
for testing.
The digital prototype demonstrates the first use case,
available at the link. We used this to test more subtle
interactions and interface details, such as gestures and color.
rough sketches | paper prototyping | wireframes | use cases | user testing
USE CASE 1 USE CASE 2
You are at a party and you just took a
picture of your friend Katie and posted it
to Instagram. You want to give the photo
to her as a present while at the party.
You’re at home. You’re making a
scrapbook for your mom’s birthday
and you want to use one of your
Instagram photos in your feed for one
of the pages.
DIGITAL PROTOTYPE: https://projects.invisionapp.com/m/share/C620CG03X
ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW
Though our design studio sessions and early sketches began with scrolling up
and down on the screen to select options, I observed that users may be more
familiar with the side to side interaction seen in Instagram’s filter function.
Here you can see the progression from sketches to high fidelity
mockups. Ultimately, due to time constraints, we focused our iterations
on refining user interactions with the printing customization options.
iterations | mockups
ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW
INSTAGRAM FILTERS ITERATIONS
i.1
i.2
i.3
i.4
iterations | mockups
We iterated on how users would move through customization
options, defaults(and how they were indicated), and a
messaging option.
The basis for the interface in our printing customization feature was the
design pattern used in Instagram filters, to give users a sense of familiarity
and to seamlessly integrate with the app.
ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW
Ultimately, we had icons to represent different customization categories
(paper type, border, etc.). The categories and icons were both tested
through multivariate testing.
Each set of options could be accessed either by swiping or tapping. Selections
were indicated with a blue line underneath each option and text above. As
each feature was selected, the photo changed to reflect your choices.
iterations | mockups
thank you

More Related Content

What's hot

Instagram Prints
Instagram PrintsInstagram Prints
Instagram Prints
davidjknauer
 
General Assembly_Talent Book_March 2015
General Assembly_Talent Book_March 2015General Assembly_Talent Book_March 2015
General Assembly_Talent Book_March 2015Jill DaSilva
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
Sara Cannon
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
Joan Lumanauw
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolio
Shelda Eason
 
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mozza
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
leisa reichelt
 
Asif Kamal's portfolio
Asif Kamal's portfolioAsif Kamal's portfolio
Asif Kamal's portfolio
Asif Kamal
 
Rethinking our future: Trends and opportunities in UX
Rethinking our future: Trends and opportunities in UXRethinking our future: Trends and opportunities in UX
Rethinking our future: Trends and opportunities in UX
Steve Fadden
 
Intro to the LA Design Community
Intro to the LA Design CommunityIntro to the LA Design Community
Intro to the LA Design CommunityHuge
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)
Jeremy Johnson
 
Experiential Project Design
Experiential Project DesignExperiential Project Design
Experiential Project Design
Alena Holligan
 
Intro to the LA Design Community Resources
Intro to the LA Design Community ResourcesIntro to the LA Design Community Resources
Intro to the LA Design Community Resources
Huge
 
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Bonny Colville-Hyde
 
BrightonSEO 2018 (September 28): How to Optimize for Visual Search
BrightonSEO 2018 (September 28): How to Optimize for Visual SearchBrightonSEO 2018 (September 28): How to Optimize for Visual Search
BrightonSEO 2018 (September 28): How to Optimize for Visual Search
Clark Boyd
 

What's hot (17)

Instagram Prints
Instagram PrintsInstagram Prints
Instagram Prints
 
General Assembly_Talent Book_March 2015
General Assembly_Talent Book_March 2015General Assembly_Talent Book_March 2015
General Assembly_Talent Book_March 2015
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolio
 
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
Asif Kamal's portfolio
Asif Kamal's portfolioAsif Kamal's portfolio
Asif Kamal's portfolio
 
Rethinking our future: Trends and opportunities in UX
Rethinking our future: Trends and opportunities in UXRethinking our future: Trends and opportunities in UX
Rethinking our future: Trends and opportunities in UX
 
Intro to the LA Design Community
Intro to the LA Design CommunityIntro to the LA Design Community
Intro to the LA Design Community
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)
 
Experiential Project Design
Experiential Project DesignExperiential Project Design
Experiential Project Design
 
Personas
PersonasPersonas
Personas
 
Intro to the LA Design Community Resources
Intro to the LA Design Community ResourcesIntro to the LA Design Community Resources
Intro to the LA Design Community Resources
 
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
 
BrightonSEO 2018 (September 28): How to Optimize for Visual Search
BrightonSEO 2018 (September 28): How to Optimize for Visual SearchBrightonSEO 2018 (September 28): How to Optimize for Visual Search
BrightonSEO 2018 (September 28): How to Optimize for Visual Search
 

Similar to Instagram (Case Study)

Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015
Kim Liu
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNeha Kulkarni
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX Portfolio
Zoe Lewis
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
Jonah Osawa
 
Design academy lecture & workshop
Design academy lecture & workshopDesign academy lecture & workshop
Design academy lecture & workshop
CarmenMartnezFreile
 
Teaching UX to Your Team
Teaching UX to Your TeamTeaching UX to Your Team
Teaching UX to Your Team
Lindsay Tabas
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & Goals
Laura B
 
Bubbble Mobile App Concept
Bubbble Mobile App ConceptBubbble Mobile App Concept
Bubbble Mobile App Concept
Carolyne Cerka
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
Lynne Polischuik
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell
 
Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX Portfolio
Surah Drummer
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Gessica Puri
 
Chalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - smChalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - sm
Sandy Unterthiner
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
gallangsadewa
 
Claudia Nunez UX Portfolio 2021
Claudia Nunez UX Portfolio 2021Claudia Nunez UX Portfolio 2021
Claudia Nunez UX Portfolio 2021
Claudia Nunez
 
Instagram - The Print Feature
Instagram - The Print FeatureInstagram - The Print Feature
Instagram - The Print Feature
Roxanne Mustafa
 
Ideation through research
Ideation through researchIdeation through research
Ideation through research
ltux-jhb
 

Similar to Instagram (Case Study) (20)

Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015Kim Liu - Portfolio Mar 2015
Kim Liu - Portfolio Mar 2015
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UX
 
Zoe's UX Portfolio
Zoe's UX PortfolioZoe's UX Portfolio
Zoe's UX Portfolio
 
Portfolio
PortfolioPortfolio
Portfolio
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
 
Design academy lecture & workshop
Design academy lecture & workshopDesign academy lecture & workshop
Design academy lecture & workshop
 
Teaching UX to Your Team
Teaching UX to Your TeamTeaching UX to Your Team
Teaching UX to Your Team
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & Goals
 
Bubbble Mobile App Concept
Bubbble Mobile App ConceptBubbble Mobile App Concept
Bubbble Mobile App Concept
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
 
Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX Portfolio
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
Chalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - smChalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - sm
 
ChalkboardPortfolio
ChalkboardPortfolioChalkboardPortfolio
ChalkboardPortfolio
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
 
Claudia Nunez UX Portfolio 2021
Claudia Nunez UX Portfolio 2021Claudia Nunez UX Portfolio 2021
Claudia Nunez UX Portfolio 2021
 
Instagram - The Print Feature
Instagram - The Print FeatureInstagram - The Print Feature
Instagram - The Print Feature
 
Ideation through research
Ideation through researchIdeation through research
Ideation through research
 
G325 question 1a
G325 question 1aG325 question 1a
G325 question 1a
 

Recently uploaded

White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 

Recently uploaded (20)

White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 

Instagram (Case Study)

  • 2. OVERVIEW CHALLENGE Create a photo printing feature for Instagram with customization options SOLUTION A simple single photo printing that allows for customization and gifting, taking into consideration user goals, business goals, and brand identity. MY ROLE PROCESS Research Ideation Design Iterations a photo printing feature integrated into Instagram TOOLS Pen & Paper InDesign Google Drive PROJECT MANAGER I acted as project manager, focusing primarily on managing our schedule, research, feature definition, and testing. This was a student project for General Assembly, created in a 1.5 week span with a team of three people. Instagram DESIGNIDEATIONRESEARCH ITERATIONS overview | process | project management
  • 3. OVERVIEW DESIGNIDEATIONRESEARCH RESEARCH IDEATE DESIGN ITERATE • competitive analysis • contextual inquiry • surveys • user interviews • personas • MVP • features • brainstorming • user flows • rough sketches • use cases • app map • wireframes • user testing • digital prototyping • user testing • multiple iterations To find out more about Instagram users and photo printing To develop key features and identify the value proposition To develop interface, test, and refine user flows To create digital prototypes, continue testing, and iterate PROCESS Here is a little more about our process and methods in approaching this project. ITERATIONS overview | process | project management
  • 4. OVERVIEW DESIGNIDEATIONRESEARCH ITERATIONS As project manager, I created a project plan to keep us on track, as well as a more detailed task sheet with responsibilities and due dates. I additionally had our team touched base with daily meetings to communicate our individual progress and stay on the same page. overview | process | project management
  • 5. DESIGNIDEATIONRESEARCHOVERVIEW KEY QUESTIONS • Who is using Instagram? • What do people love about Instagram? • What type of Instagram users already print frequently? • Who is already offering digital printing? • How do people print their photos? In approaching this project, we were looking for the intersection between users of Instagram and photo printing. We conducted analyses of competitor apps that offered printing services, as well as a contextual inquiry of physical locations where people went to print. competitive analysis | contextual inquiry | surveys | user interviews | personas ITERATIONS I printed a photo at a studio and observed several other people printing to understand the flow of the printing process.
  • 6. DESIGNIDEATIONRESEARCHOVERVIEW competitive analysis | contextual inquiry | surveys | user interviews | personas We additionally interviewed 24 users who used Instagram and had printed photos in the past. We synthesized common pain points, habits, and needs into 5 personas. We collected data about printing needs and Instagram use from 2 surveys and 90 respondents, all of whom indicated interest in printing from Instagram. ITERATIONS 91% 73% 87% 83% individual prints individual frames prints print for themselves gifts for friends/family • Joy, the DIY gift-giver • Ariana, the young mom • Jeff, the iphonegrapher • Mickey, the print enthusiast diana BACKSTORY Diana is just out of college and her friends are scattered across the States. She feels nostalgic for her college days and she wants a way to remember them as she navigates through a new city and new job. She also likes to send her friend gifts to share with them social moments. PAIN POINTS USE CASESBEHAVIOR NEEDS I want to capture the social moment. • Good quality • Reasonable price • Reasonable price • Inconsistent quality • Time consuming • Diana wants to send her friend Katie a print for her bday Age: 23 | Gender: Female | Instagram Use: Frequent • Diana wants to print out photos from college to put on her bedroom wall • Posts: friends, vacation, family, nature • Prints for: For herself to remember, gifts for friends Diana, the memories collector OTHER PERSONAS
  • 7. DESIGNIDEATIONRESEARCHOVERVIEW MVP | features | brainstorming | user flows We considered user needs, business goals, and brand identity, making use of takeaways from our research, personas, and writing out user flows to find the MVP and prioritize features with the MSCW method. Ultimately, our key takeaway was that “less is more” for an Instagram printing feature, as Instagram was distinctly liked by users for its ease of use and simplicity. Brainstorming the MVP and prioritizing features on the whiteboard. while still offering enough customization options for gifting to friends and family, in keeping with the Instagram filters and social sharing. Less is more: ITERATIONS
  • 8. DESIGNIDEATIONRESEARCHOVERVIEW We collaborated on ideating and sketching interfaces in a multiple design studio sessions. I created a paper prototype to test the printing feature selection and checkout flow, which also functioned as low fidelity wireframes. rough sketches | paper prototyping | wireframes | use cases | user testing ITERATIONS A paper prototype demonstrating how you can scroll through features at the bottom of the screen.
  • 9. ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW I created 2 use cases for our primary and secondary personas, Diana (the memories collector) and Joy (the DIY gift giver) to use for testing. The digital prototype demonstrates the first use case, available at the link. We used this to test more subtle interactions and interface details, such as gestures and color. rough sketches | paper prototyping | wireframes | use cases | user testing USE CASE 1 USE CASE 2 You are at a party and you just took a picture of your friend Katie and posted it to Instagram. You want to give the photo to her as a present while at the party. You’re at home. You’re making a scrapbook for your mom’s birthday and you want to use one of your Instagram photos in your feed for one of the pages. DIGITAL PROTOTYPE: https://projects.invisionapp.com/m/share/C620CG03X
  • 10. ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW Though our design studio sessions and early sketches began with scrolling up and down on the screen to select options, I observed that users may be more familiar with the side to side interaction seen in Instagram’s filter function. Here you can see the progression from sketches to high fidelity mockups. Ultimately, due to time constraints, we focused our iterations on refining user interactions with the printing customization options. iterations | mockups
  • 11. ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW INSTAGRAM FILTERS ITERATIONS i.1 i.2 i.3 i.4 iterations | mockups We iterated on how users would move through customization options, defaults(and how they were indicated), and a messaging option. The basis for the interface in our printing customization feature was the design pattern used in Instagram filters, to give users a sense of familiarity and to seamlessly integrate with the app.
  • 12. ITERATIONSDESIGNIDEATIONRESEARCHOVERVIEW Ultimately, we had icons to represent different customization categories (paper type, border, etc.). The categories and icons were both tested through multivariate testing. Each set of options could be accessed either by swiping or tapping. Selections were indicated with a blue line underneath each option and text above. As each feature was selected, the photo changed to reflect your choices. iterations | mockups