Jessica W. Ryhanych

Digital Experience Designer

My Portfolio

Digital Experience Design

Brand & Creative

smesh119@gmail.com

Kodak digital photo frame user interface

The Kodak EasyShare photo frame is a digital touchscreen picture frame that allows users to store, organize, and rate their personal photos. Users can create slideshows, play music and games, and connect to the web to upload photos.

Skills used: research, user requirements and workflows, wireframe prototyping, branding, visual design

> The Challenge

Partner with Kodak product owners and user experience designers to design an interactive digital photo frame that fit into the Kodak product brand architecture.

Context

The team defined user goals based on research and product requirements. Our main goals were to streamline the navigation, focus user attention on the photos being displayed, and simplify complex interactions, such as creating slideshows.

> Creating wireframes

Wireframes were developed to:

solidify user flow
establish key interaction points
determine button placement and size
set standards for typographic and image hierarchy
create a visual grid to guide high-fidelity designs

Home screen: displays the main interaction points; allowing users to adjust display settings, upload photos, play music, and create albums

Albums screen: displays selected state, album details, global navigation, and content to give the user a sense of place

Actions panel: establishes the placement, size, and specific actions a user can take when browsing photos and albums, including multi-select, add ratings, copy, and upload

Ratings panel: allows users to rate photos and albums on a 1-5 star scale

Slideshow panel: users can create, review, and edit photos displayed in a slideshow. The placement and vertical orientation of the actions panel enables quick gestural movements, allowing easy access to the most commonly used buttons and features.

Music player: displays album, song, and artist information, as well as time progression on each track. Music interaction points are placed in a defined area at the bottom of the screen, preventing confusion with other action buttons in the user interface.

> Visual mockups and branding

High-fidelity designs were created with these goals:

establish visual hierarchy through color and typography
maintain Kodak brand standards across the device
ensure that the user is able to focus on tasks
encourage user engagement and enjoyment
optimize visuals to guide the user through the interface

Home screen: contextual icons, high-impact alert notifications, and subtle branding establish a visual hierarchy that supports user interaction. The background image provides visual texture and interest, while the dark grey overlay focuses the user on the action panel.

Albums overview: album cover photos and content details are organized in a structured layout, making the grid easy to scan when scrolling. Background overlays for album titles increase contrast and make content easy to review. Branded icons for global navigation and section identification help the user navigate the interface without distracting from the photos displayed.

Actions panel: branded menu options display active and disabled states in a uniform style while informing the user of possible actions. Icon sizes make it easy for users to select options accurately.

Ratings panel: star ratings in a high contrast color bring the user's attention to the smaller action panel. A selected state in the same color indicates status and makes the user aware of the panel layout – clarifying where touchpoints are.

Slideshow panel: icons and typography maintain the visual style, while the scaled photo grid helps the user track images they've added to the slideshow. The semi-transparent panel helps to focus the user on the action needed and separates the large grid of photos from the smaller grid of slideshow images.

Music player: the photo overlay panel helps focus visual interest on the album artwork and content. The layout balances background texture of the photo with the visual focus on the album information. Branded menu icons maintain the product style and reinforce standards for touch points and interaction.

> The Solution

I worked on a collaborative team to define user requirements, explore interaction touch points, and create a user interface that was visually engaging, easy to navigate, and represented the Kodak brand.