Hewlett Packard

Sprout APp Catalog

Software Application Marketplace for the HP Sprout, a Multi-Touch Surface, and 3D scanning device.

Overview

The Sprout computer is a unique device with two large touchscreens surfaces and 3D analysis capabilities built into the hardware. These capabilities enabled a new style of interaction with a computer and 3D interfaces, which was unlike anything in the market at the time.

The Sprout Marketplace was designed to give developers a unique medium to develop on and consumers the ability to download apps that were designed to leverage the unique capabilities of this device.

CONTRIBUTION

My contribution to the project was managing the design efforts for both the Sprout Marketplace and Developer Portal. I led a small team of designers to build the Developer Portal while I worked on the Marketplace. I worked with the Product Management team to define features of the Marketplace, and then I produced wireframes and visual designs as a result.

Team

HP CTO (Chief Technology Office) – Web Services Group

Role

UI/UX Architect & Manager

Responsibilities

Information Architecture, Low Fidelity Wireframes, and Visual Design.

USER EXPERIENCE

The Sprout device operates like a traditional desktop with a mouse and keyboard but has two touchscreen surfaces for 3D and educational applications. With that in mind, I had to make sure the app was both touch and mouse friendly, and could display on two surfaces. Since Sprout was a net new product, I decided to start with low-fidelity wireframes to focus our efforts on the structural and behavioral aspects of the application before diving into the feel of the product. Below are a few examples of some of the primary use cases.

Low Fidelity Wireframes of the HP Sprout App Store

VISUAL User Flows

Given the novelty of the product line, minimal branding had been established to this point. I used some common colors established in the device's OS and built upon that theme. Below are a few examples of the visual identity once applied to one of the user flows.

High Fidelity Visual Design of the HP Sprout App Store

Specs & Guidelines

To help make the development process more streamlined for the developers and the project, I put together a set of specs and guidelines on each page or components where more context was useful. I also included refined background, icons, and button states.