This document summarizes the process of designing a photo printing feature integrated into Instagram. A team of three conducted research including competitive analysis, user interviews, and surveys. They developed personas and identified key needs. An MVP was designed with priority on simplicity. Wireframes and prototypes were created and iterated based on user testing. The final design drew on Instagram's filter interface and allowed customizing prints by swiping through options like paper type and borders.
WordCamp SF 2014 talk on the foundational principles of personas in design and development and a simple way to setup a WordPress site to support their diffusion.
Slides from my talk at Cambridge Usability Group on the 12th of May 2014
http://www.eventbrite.co.uk/e/designing-better-ux-deliverables-tickets-11542298325
Needing to produce some kind of deliverables throughout a project is inevitable: it might be user research reports to inform senior stakeholder; usability test results to communicate to developers; sketches and wireframes to pass on to web designers.
Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
2 hours training on Mobile UX with Farah Nuraini, Interaction Designer at Traveloka, Indonesia
45 min theory: Research, Analysis, Design solutions and Testing
+ 1h15 min of hands-on exercises with the 5 facilitators from Traveloka.
WordCamp SF 2014 talk on the foundational principles of personas in design and development and a simple way to setup a WordPress site to support their diffusion.
Slides from my talk at Cambridge Usability Group on the 12th of May 2014
http://www.eventbrite.co.uk/e/designing-better-ux-deliverables-tickets-11542298325
Needing to produce some kind of deliverables throughout a project is inevitable: it might be user research reports to inform senior stakeholder; usability test results to communicate to developers; sketches and wireframes to pass on to web designers.
Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
2 hours training on Mobile UX with Farah Nuraini, Interaction Designer at Traveloka, Indonesia
45 min theory: Research, Analysis, Design solutions and Testing
+ 1h15 min of hands-on exercises with the 5 facilitators from Traveloka.
A student project conceptualizing and creating a prototype for an app that allows users to print photos from instagram.
Instagram Prints is a new feature enabling Instagram users to purchase prints of their own photos, as well as their friends’. It features print, card and scrapbook templates, direct delivery and individual customization. Instagrammers will find this useful for materializing their favorite moments, and sharing these with others.
A project by Dabney Donigan, Jason Hu, and David Knauer.
Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mozza
Mozza has analyzed the way 12 of the most successful mobile applications used gamification to generate growth - for activation, retention, monetization and virality.
Discover more growth recipes on http://mozza.io
We talk about: Waze, Duolingo, Tinder, Snapchat, Foursquare, Zenly, Tribe, LinkedIn, Houseparty, Freeletics, Sounds and Starbucks.
Asif Kamal's portfolio showcasing his UX project from CareerFoundry.com User Experience Design course. The app prototype is called InkTank and is meant to help users find reputable tattoo artists in their area.
Rethinking our future: Trends and opportunities in UXSteve Fadden
Over the years, the field of User Experience (UX) has grown in popularity. In many organizations, UX practitioners are in demand, and have been elevated from a role of advocating for usable products, to leading and owning the process for engaging and delighting users. Savvy organizations even look for ways to ensure their offerings are meeting the emotional needs and expectations of customers.
However, the field of UX is also experiencing growing pains: some companies have so many design and experience owners that it’s hard to identify what represents the actual “voice of the user,” and others have become so focused on UX-related metrics that they strive to serve the “one metric to rule them all,” losing sight of other data and indicators that yield better insights.
This presentation will explore these and related themes, with a goal of rethinking the future of UX in a more intentional and value-oriented manner.
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Anna Dahlström
TAKE THIS WORKSHOP ONLINE & GET 20% OFF WITH CODE 'SLIDESHARE'
https://school.uxfika.co/p/best-practice-for-ux-deliverables/?product_id=325265&coupon_code=SLIDESHARE
---
Slides from my 'Best practice for UX deliverables' workshop that I ran for Eventhandler in London on the 05th of March 2014.
http://www.eventhandler.co.uk/events/uxnightclass-uxdeliverables3
---
Please note that for copyright reasons & client privacy the examples in this presentation are slightly different than from the workshop. The examples included are for reference only in terms of what I talked through in the 'Good examples' section.
-----
ABSTRACT
Whilst the work we do is not meant to be hanged on a wall for people to admire, nor is meant to be put in a drawer and forgotten about. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
Who is it for?
This workshop is suitable for anyone starting out in UX, or who's worked with it for a while but is looking to improve the way they present their work.
What you'll learn
In this hands on workshop we'll walk through real life examples of why the UX of UX deliverables matter. We'll cover how who the reader is effects the way we should present our work, both on paper and verbally, and how to ensure that the work you do adds value. Coming out of the workshop you'll have practical examples and hands on experience with:
// How to adapt and sell your UX deliverable to the reader (from clients, your team, in house and outsourced developers)
// Guiding principles for creating good UX deliverables (both low and high fidelity)
// Best practice for presentations, personas, user journeys, flows, sitemaps, wireframes and other documents
// Simple, low effort but big impact tools for improving the visual presentation of your UX deliverables
Putting the "User" back in User Experience (Dallas Techfest Edition)Jeremy Johnson
If you ask an organization "Are you customer centric?" - of course they say "yes", but as you peel back the layers too many organizations have teams of people building software - and the user is nowhere in sight. This talk will go over a number of ways to include users in your product design process, from start to finish. It's time we truly live up to the term "User Experience".
We all want our project to go well. We thus need clearly-defined goals. By structuring our projects around users’ needs we can ensure that the products do their job. We’ll learn to meet users where they are, think through their intuitive experiences, and create products that more effectively meet both stakeholder goals and our end users’ goals. We’ll practice thinking critically through the steps and decisions encountered in interacting with our product.
BrightonSEO 2018 (September 28): How to Optimize for Visual SearchClark Boyd
In this presentation, I cover the key areas of visual search:
- What is visual search?
- How does visual search work?
- Why should you care?
- How you can get started.
A student project conceptualizing and creating a prototype for an app that allows users to print photos from instagram.
Instagram Prints is a new feature enabling Instagram users to purchase prints of their own photos, as well as their friends’. It features print, card and scrapbook templates, direct delivery and individual customization. Instagrammers will find this useful for materializing their favorite moments, and sharing these with others.
A project by Dabney Donigan, Jason Hu, and David Knauer.
Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mozza
Mozza has analyzed the way 12 of the most successful mobile applications used gamification to generate growth - for activation, retention, monetization and virality.
Discover more growth recipes on http://mozza.io
We talk about: Waze, Duolingo, Tinder, Snapchat, Foursquare, Zenly, Tribe, LinkedIn, Houseparty, Freeletics, Sounds and Starbucks.
Asif Kamal's portfolio showcasing his UX project from CareerFoundry.com User Experience Design course. The app prototype is called InkTank and is meant to help users find reputable tattoo artists in their area.
Rethinking our future: Trends and opportunities in UXSteve Fadden
Over the years, the field of User Experience (UX) has grown in popularity. In many organizations, UX practitioners are in demand, and have been elevated from a role of advocating for usable products, to leading and owning the process for engaging and delighting users. Savvy organizations even look for ways to ensure their offerings are meeting the emotional needs and expectations of customers.
However, the field of UX is also experiencing growing pains: some companies have so many design and experience owners that it’s hard to identify what represents the actual “voice of the user,” and others have become so focused on UX-related metrics that they strive to serve the “one metric to rule them all,” losing sight of other data and indicators that yield better insights.
This presentation will explore these and related themes, with a goal of rethinking the future of UX in a more intentional and value-oriented manner.
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Anna Dahlström
TAKE THIS WORKSHOP ONLINE & GET 20% OFF WITH CODE 'SLIDESHARE'
https://school.uxfika.co/p/best-practice-for-ux-deliverables/?product_id=325265&coupon_code=SLIDESHARE
---
Slides from my 'Best practice for UX deliverables' workshop that I ran for Eventhandler in London on the 05th of March 2014.
http://www.eventhandler.co.uk/events/uxnightclass-uxdeliverables3
---
Please note that for copyright reasons & client privacy the examples in this presentation are slightly different than from the workshop. The examples included are for reference only in terms of what I talked through in the 'Good examples' section.
-----
ABSTRACT
Whilst the work we do is not meant to be hanged on a wall for people to admire, nor is meant to be put in a drawer and forgotten about. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
Who is it for?
This workshop is suitable for anyone starting out in UX, or who's worked with it for a while but is looking to improve the way they present their work.
What you'll learn
In this hands on workshop we'll walk through real life examples of why the UX of UX deliverables matter. We'll cover how who the reader is effects the way we should present our work, both on paper and verbally, and how to ensure that the work you do adds value. Coming out of the workshop you'll have practical examples and hands on experience with:
// How to adapt and sell your UX deliverable to the reader (from clients, your team, in house and outsourced developers)
// Guiding principles for creating good UX deliverables (both low and high fidelity)
// Best practice for presentations, personas, user journeys, flows, sitemaps, wireframes and other documents
// Simple, low effort but big impact tools for improving the visual presentation of your UX deliverables
Putting the "User" back in User Experience (Dallas Techfest Edition)Jeremy Johnson
If you ask an organization "Are you customer centric?" - of course they say "yes", but as you peel back the layers too many organizations have teams of people building software - and the user is nowhere in sight. This talk will go over a number of ways to include users in your product design process, from start to finish. It's time we truly live up to the term "User Experience".
We all want our project to go well. We thus need clearly-defined goals. By structuring our projects around users’ needs we can ensure that the products do their job. We’ll learn to meet users where they are, think through their intuitive experiences, and create products that more effectively meet both stakeholder goals and our end users’ goals. We’ll practice thinking critically through the steps and decisions encountered in interacting with our product.
BrightonSEO 2018 (September 28): How to Optimize for Visual SearchClark Boyd
In this presentation, I cover the key areas of visual search:
- What is visual search?
- How does visual search work?
- Why should you care?
- How you can get started.
Design Academy, Oxford (https://www.design-academy.org/) offers a week of creative design experiences for year 11 – 13s to help students choose the right design degree.
I came in for a full day to give a lecture and supporting workshop on graphic design and with a specific focus on UX and UI design
I updated my slidedeck from my Skillshare class so that I could teach the course internally at Group Commerce.
If you would like to teach UX within your company, try to use examples with which your coworkers are familiar. This way, stepping into the shoes of the users and evaluating their needs based on the product, is not so difficult.
User Experience Design Fundamentals - Part 1: Users & GoalsLaura B
#1 in a 3-part series on UX Fundamentals: Users & Goals
* Value & Process
* Goal-directed design
* Users and their goals
* Learn how to articulate the goals of your product’s users
* Learn how to use user goals to assess a website or product
"A scenario is a description of a person’s interaction with a system.
Scenarios help focus design efforts on the user’s requirements, which are distinct from technical or business requirements.
Scenarios may be related to ‘use cases’, which describe interactions at a technical level. Unlike use cases, however, scenarios can be understood by people who do not have any technical background. They are therefore suitable for use during participatory design activities." http://infodesign.com.au/usabilityresources/scenarios/
Tackle the Problem with Design Thinking - GDSC UADgallangsadewa
Design thinking is most useful to tackle problems that are ill-defined or unknown. In user experience (UX) design, it’s crucial to develop and refine skills to understand and address rapid changes in users’ environments and behaviors. In this session, we will discuss about design thinking in digital product development or UI/UX.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
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