Kodak Moments

Photo Books Web

Kodak Moments

Photo Books iOS

Problem

 

Creating a photo book is a time-consuming process even for the most experienced. As a result of having cell-phone cameras, it is easier to end up with duplicates, screenshots, notes, and several unwanted photos in messy, unorganized collections. It is hard to sort through the clutter and find the treasured gems that best tell the story.

Project Details

Role

Lead Designer 

 

Responsibilities

Research, UX, Visual Design

 

Deliverables

  • Moderate Design Sprint

  • Competitive Analysis

  • Flow / Wireframes

  • Prototyping

  • User Testing

  • High-Fidelity Mockups

The Team and Stakeholders

  • Design Director

  • Product Manager (1)

  • VP of Product and Technology

  • Front-End Developers (3)

  • Backend (Rochester Team)

  • (Mobile Web - 3rd Party)

Platform

  • Native iOS

  • Mobile Web

Tools

  • Sketch

  • InVision

  • Zeplin

About Kodak

 

Kodak Moments lives under the global heritage of the renowned Kodak brand. As a team, our goal is to create delightful experiences that help customers place their treasured memories into products that will bring them to life in tangible forms.

Where We Started

There was a basic book builder for iOS prior to my time at Kodak. This project was in-part a visual unification bringing photo books product builder into the branding guidelines.

 

With that said, this was the perfect time to tackle one of the most challenging parts of building a photo book, sorting through the photos and placing the best photos in the book. 

Discovery

As a team, we began working through design sprints in order to better understand the customer's needs and to set up the project for success.​​

Stakeholders were PMs, Marketing, VP, and Developers

Initial Flow Planning

Competitive Analysis

 

There are several competitors in the photo book space, especially for iOS. Kodak is looking to play in the space but also find a competitive edge above the rest using the best photo algorithm to help customers find their best photos.

Understanding the User

​“When preserving my memories, I want to create a photo book effortlessly, so I can spend more time making memories.”

Meet Mary Ann

A middle-aged woman who is looking to showcase her family’s photos of their adventures and key milestones. 

Mary's Goals

  • Select the Best Photos

  • Tell a Story

  • Stay in Budget

  • Review Book and Edit

  • Checkout (Add to Cart)

Business Goals

  • First Time User is Initial Focus

  • Complete Book in One Session

  • “Jump” into Builder

  • Employ “Best Photo” Algorithm

  • Provide Pricing Transparency

  • Focus on Photo-Centric Layouts

  • Support Basic Book Building

We Asked, "How Might We..."

  • Provide a quick selection of photos from collections

  • Speed up the process of finding and selecting the best photos

  • Improve price transparency throughout the entire experience

  • Provide a straightforward process to complete a book in one session

Focus on the First Time User and
Build Book in One Session

1st Time User Flow - Complete Book in 1

Lo-Fidelity Prototype

Initially, we were solving for the photo books shop page, the Made For You book, and the first time user.

It quickly became apparent that this was too large of a scope to complete before the deadline and the decision was made to focus on the first time user who is interested in just building a basic book.

Mid-Fidelity Prototype

 

 

The general flow was set up at this point but it was now time to focus on exploring the Smartfill and Photo Tray in more depth.

Iterations for Key Features

 

Several iterations were made for the entire building experience. The examples below focus on a few iterations for the key features Photo Picker, Smartfill, Overview, and Edit Pages.

User Testing

 

We used Usertesting.com to run a test on a set of screens from a hi-fidelity prototype. The test was not over a flow but instead of various sections of the flow. We tested the Picker, Smartfill, and the Photo Tray.

Synthesis

 

The best case scenario would have been to test the entire flow in addition to the sections that were tested using 5 users. With that said, here are some of the key findings from the sections test we conducted: 

It’s very helpful, very quick, very easy to just go in there and if you want to include the whole story you click “Select Story” and it puts a checkmark by all of those photos included into that story.”

“I am going to go with a 4 again because I can see what it is doing and I can see it is filtering out duplicates. But I am obviously not familiar with how it determines which is the best copy of those multiples or anything like that.”

I really wish it would have said, for smartfill on that Kodak Moments Screen, and maybe gave you a description of what Smartfill is. Add Best Quality Photos with One-Click or something along those lines because I am really not grasping the concept of what a smartfill is, so I am giving it a 3 because I am uncertain.

Looks very natural to move around and select different items, there is not really any big changes that would be kind of confusing to anyone who is not already familiar with using a phone like this.”

Final Deliverables

 

Final handoff included an InVision prototype to show flow and interactions, Zeplin Files with assets, and stories using Pivotal for the development team to take action on and understand the required interactions.

Released Fall 2018

Project Outcome

 

As a team, our initial focus was on native iOS. While designing for iOS we also took into consideration responsive web. After completing the design hand-off to the internal iOS team, I focused on completing the mobile web and desktop experiences. These experiences were handed off to a contract development team.

 

 

Reflection

  • Challenge of having only one primary color (red) 

  • Challenge of shifting deadlines and scope creep

  • Was keen on conducting interviews and tests on original photo book product but could not get buy-in and therefore tests were conducted late in the process

  • Less assumption based solutions, more data-driven design, would help ground team’s decisions 

  • Conduct initial interviews early and if there is an existing experience test it to help ground the team

  • Test early and often; helps provide more leverage for the team when communicating with stakeholders

  • Involve development early and often

View Additional Kodak Projects

  • Grey LinkedIn Icon
  • Grey Facebook Icon
  • Grey Twitter Icon
  • Grey Pinterest Icon
  • Grey Instagram Icon

Based in San Francisco Bay Area

Carpe Diem

Sunnyvale, Santa Clara County, California, South Bay