• UX Lead

  • Mobile App

  • Nov, 2016

The HP All-in-One Printer Remote app helps users to scan and print documents and images using HP printers. It is also a productivity tool, used to share documents and images through email and popular cloud services, such as iCloud, Dropbox, Google Drive, and Facebook. Users can also set up new HP printers, manage their scanned files, and monitor and order printing supplies.


I led the design of this project - from ideation to implementation. I collaborated closely with the design and development teams to define features, user stories, and workflows for each release. I was responsible for crafting the mobile strategy deck, building the information architecture, interaction patterns, annotated wireframes, and interactive prototypes.


We conducted research and literature reviews, analyzed usage data, and investigated trend forecasts. I also helped the team to set up a tool to collect customer testimonials from both Google Play Store and iOS App Store that allowed us to obtain customer insights into our HP products, including design features and usage. From our studies, we discovered three major areas of concern: printer connection problems, scan problems, and workflow efficiency.

Using these research findings, I worked closely with a Distinguished Technologist within the design team to create a mobile strategy that would lead to the design of the new app.

Through design workshops, we addressed issues identified in the research phase and created workflows to solve these problems and add new features to the app. I revised the overall information architecture structure by using card sorting. The team and I restructured the content of the app by considering how users look for information - renaming feature options to be more self-explanatory or more familiar to users.


I conducted design workshops in Singapore and San Diego, California to establish common understanding, to define the interaction model, and to align expectations with stakeholders. The team created high-level workflows that would be later translated into wireframe concepts.


Using paper prototypes, the team sketched out initial concepts based on the insights gained from the research. These ideas were grouped and discussed, and the three best ideas were selected after several iterations of evaluation and refinement.


Working closely with the Android platform designer, we created detailed workflows and transformed these workflows into wireframes to support both phone and tablet devices (including landscape and portrait views). Based on the prototype and developer builds, we conducted internal testings as well as user studies to identify usability issues, rectifying these problems in subsequent updates.


I used Axure to create the HTML prototypes, allowing information to be more easily shared with the product and development teams. My biggest achievement for this project (and the biggest achievement for the Mobile Design team) was setting a new standard for design documentation - a standard that became the sole reference for design, implementation, and quality testing.

I collaborated with the visual designers to explore ways of making the app more current and user friendly while still adhering to HP corporate branding guidelines. We finalized the direction based on comments from a user study, after which the visual designers worked on the visual components for all the wireframe pages. The visual designers then produced the assets used by the development team.

Philips Gesture ControllerPrevious
Pocketmath RebrandingNext
Top