Petography

Petography is a smart photo organizer for snap-happy pet lovers to manage and declutter their pet photos.

Type
Individual course project
Deliverables
Prototypes (mobile & TV);
Interaction Demos;
Timeline
2020-03-24 - 2020-05-05

A problem from pet photo-heavy users.

People normally take a bunch of photos to make sure they got the best one of their always-moving furry buddy.

However, snap-happy can bring tedious task for pet owners to organize their hundreds of pet photos. It'll be painful when they want to search, edit or share any photo if they don't clean up regularly.

Solution (interaction demo)

01.
Camera Mode



Highlight: Use numbers on the thumbnail to reveal how many photos user has taken.

02.
Inspect Mode



Highlight: Click "zoom-in" button on the top right side of each group, all photos in the same group will be automatically display in full-screen, user can swipe left or right to compare the details.

03.
Clean-up Mode



Highlight: Choose one or multiple photos to save or delete. A pop-up window prevents user from mistakenly deleting photos.

04.
Gallery Mode



Highlight: A repsonsive age indicator on the top bar. Translate date-taken to the age of pet to evoke emotional connections between users with their pets.

05.
Toggle Action



Highlight: Click icon on the left top of the screen to switch between "show all", "show favorite" and "theatre mode" as a loop.

06.
Theatre Mode



Highlight: Display all user's pet photos chronologically, full screen can provide an immersive experience for user to enjoy revisiting their photos & memories.
User groups
organized
" As a organized person, I want a simple way to clean up my unneeded photos so that I can keep my photo gallery tide and clean.
creative
" As a photograph enthusiast, I want to easily compare and save only my best pet photos so that I can make my pet album look more professional.
occupied
" As a celebrity pet manager, I want to organize my photos waiting to be posted and be able to schedule the date so that I can save more time.
Competitive Analysis
#1 Competitive app: Google Photos
#2 Competitive app: Slidebox
#3 Competitive app: Hash Photos
#4 Competitive app: Lifecake

Approaches to speed up photo clean-up process

  • Built-in camera: save photo uploading or transferring time.
  • Streamline workflow: encourage users to clean-up photos right after snapping;
  • Smart evaluation: assess image quality to provide users a clean-up recommendation;
  • Add checkpoints: an in-app reminder to inform users of new detected pet photos on their devices.
Solution Mapping
solution mapping
Sketches
Initial Sketch: exploring a possible app workflow

Iterations on screen structure & app workflow

  • Add playfulness: show "date taken" which is responsive to current swiped photo.
  • Simplify user's action: use toggle to switch between "show all" and "show favorite" photos.
  • Maximize screen space: use floating action button instead of bottom navigation bar.
  • Immersive photo viewing experience: add theatre mode for full-screen view.
Information Architecture
solution mapping
Initial Wireframe
wireframe
Visual Directions

Neo-classic


Elegant
Restrainded
Neutral
Timeless

v.s.

Modern-retro


Nostalgic
Hand-crafted
Bold
Creative

neo-classic
#1 MoodBoard - Neo-classic
neo-classic style tiles
#1 StyleTile - Neo-classic
modern-retro
#1 MoodBoard - Modern-retro
modern-retro style tiles
#1 StyleTile - Modern-retro

Visual decisions

Design goal is to create a smart and playful digital pet photo album for pet owners.
Modern-retro style bring an unique printing texture to the final look which fits product's target better.

Iterations on interaction
Final design
Prototype with Assets
Final design

Design for TV platform

Considering a scenario users want to share pet photos with their families or friends on big screen. Some considerations include:

  • Viewing environments: most likely in a living room, viewer can vary from teenager to senior.
  • Viewing sizes and distances: based on 1920 * 1080 ratio. At least 10-feet distance.
  • Interface controls: consider directional pad and touch remotes.
  • Accessibility: test color contrast, font size and input format etc.
Interaction Diagram
Iteraction Diagram
Prototype - TV
#1 Prototype - Gallery screen
#2 Prototype - Photo screen
#3 Prototype - Photo detail screen
#4 Prototype - Theatre mode screen
TV Interaction Walkthrough

Wrap-up

Technologies like pet facial recognition, image similarity calculation and image quality assessment have already been there for a while. However, no app has been seen to put them together in a simple but interesting way to make photo organization process easy and fun.
In this project, my intention is starting from a niche interest on pet photos management and thinking of the relationship between us and the photos we have taken.

Previous

UnbuiltLabs

Next

HealthFusion