Company
Hewlett-Packard
Role
Interaction Designer
Deliverables
Logic flows, Prototypes, Interaction Specifications for IOS, Android, Mac, Windows
Tools
Adobe XD
Timeline
1 Month
Background
A change in HP's privacy policy necessitated updates to the HP Smart App. The design team was tasked with collaborating across business, legal, marketing, and development departments to provide a comprehensive UX framework and implement the updates across all platforms: iOS, Android, Windows, and Mac.
As an Interaction Designer on the Printer Setup team, I worked closely with these cross-functional teams to ensure a cohesive and compliant user experience.
Impact
Impact
Opt in rates exceeding expectations by 47-52%
The deployment of the new framework and design resulted in approximately a 57% conversion rate for usage data, surpassing the informal prediction of a 5–10% opt-in rate.
Before
After
Process
01
Gather requirements
understand the legal team's request
02
empathy mapping
co-create a UX framework
03
Design + Iteration
Developing logic flows, wireframes, copy and prototypes
04
reflections
REflection and ux impact
01
Gather requirements
02
empathy mapping
03
design+ iteration
04
reflections
Gathering Requirements
Understanding new data collection parameters
The project commenced with documenting data collection sources and purposes, in collaboration with legal and engineering teams.
Previously, the HP Smart App required users to intentionally opt-in for any data collection related to their phone and printer. With the new framework, data collection deemed essential for basic app functions was integrated into the terms of use, requiring user agreement to proceed. If a user wanted to use the app, they need to agree to those terms. Additionally, users were provided with clear options to opt-in or out of platform-specific usage data not essential for app functionality.
01
Gather requirements
02
empathy mapping
03
design+ iteration
04
reflections
Empathy Mapping Workshop
Aligning within the organization
Approach
We conducted a design thinking workshop with designers from the Setup and App teams to develop an empathy framework. This collaboration facilitated alignment across teams and a unified vision.
Goals
During the workshop, we brainstormed desired user feelings, thoughts, and actions, prioritizing these aspirations and translating them into "How Might We" statements.
The primary design goals identified focused on transparency and building user trust in HP's products.
01
Gather requirements
02
empathy mapping
03
design+ iteration
04
reflections
Logic Flows
Mapping the UX
User Flows
Once the overall design intent was established, I collaborated with the Setup team’s lead architect to determine the optimal placement of privacy screens within the app’s setup flows for both first-time and returning users.
Logic Flows
I created detailed logic flows to determine the optimal placement of privacy screens within the setup experience for both new and returning users. These flows incorporated technical and legal requirements and served as key alignment tools during stakeholder meetings.
01
Gather requirements
02
empathy mapping
03
design+ iteration
04
Reflections
Copy and Prototypes
One piece of the redesign
Copy
Working closely with a copywriter, legal, and marketing representatives, we developed the content for the privacy notices. I led cross-functional discussions, drafted early versions of the copy, and provided feedback on subsequent iterations throughout the process.
We went through multiple rounds of revisions to strike the right balance between our workshop-defined design goals, legal compliance, and the app’s core value propositions.
Prototypes
I then created a high-fidelity prototype that incorporated the final copy, visual design, and animations to deliver a complete representation of the updated experience.
Prototype link:
https://xd.adobe.com/view/77cf9d8e-e062-4e0a-bfbe-6785744ece95-229c/
01
Gather requirements
02
empathy mapping
03
design+ iteration
04
Reflections
Reflections
Overall, our team deemed the project a success. That didn't mean there weren't problems however.
Main Challenge: Visual Design Implementation to Spec
The most challenging aspect of this project was the visual design implementation. It wasn’t until we reviewed the TestFlight build that we uncovered several unexpected inconsistencies in how the design was implemented across development teams following the demo.
Because we weren’t aware of these deviations until late in the process—particularly on the Android platform—the final visual design was compromised at launch. We escalated the issue and worked quickly to ensure the discrepancies were addressed in upcoming releases.
Company
Hewlett- Packard
Role
Interaction Designer
Team
UX, Legal, Product, Engineering
Tools
Adobe XD
Timeline
1 Month
Timeline
1 Month
Background
A change in HP's privacy policy necessitated updates to the HP Smart App. The design team was tasked with collaborating across business, legal, marketing, and development departments to provide a comprehensive UX framework and implement the updates across all platforms: iOS, Android, Windows, and Mac.
As an Interaction Designer on the Printer Setup team, I worked closely with these cross-functional teams to ensure a cohesive and compliant user experience.
Impact
Opt in rates exceeding expectations by 47-52%
The deployment of the new framework and design resulted in approximately a 57% conversion rate for usage data, surpassing the informal prediction of a 5–10% opt-in rate.
Before
After
Process
Path to a more scalable, compelling website
01
Expert Evaluation
Creating a user journey
02
prioritization workshop
Aligning with stakeholders
03
baseline study
Gathering Baseline UX metrics
04
Design + Iteration
Competitive Analysis, design, Internal reviews
05
delta study + Impact Evaluation
sucess evaluation
01
Gather requirements
Gather requirements
understand the legal team's request
02
empathy mapping
empathy mapping
co-create a UX framework
03
Design + Iteration
Design + Iteration
Developing logic flows, wireframes, copy and prototypes
04
reflections
reflections
REflection and ux impact
01
02
03
04
05
Gathering Requirements
Understanding new data collection parameters
Approach
The project commenced with documenting data collection sources and purposes, in collaboration with legal and engineering teams.
Previously, the HP Smart App required users to intentionally opt-in for any data collection related to their phone and printer. With the new framework, data collection deemed essential for basic app functions was integrated into the terms of use, requiring user agreement to proceed. If a user wanted to use the app, they need to agree to those terms. Additionally, users were provided with clear options to opt-in or out of platform-specific usage data not essential for app functionality.
Empathy Mapping Workshop
Aligning within the organization
Approach
We conducted a design thinking workshop with designers from the Setup and App teams to develop an empathy framework. This collaboration facilitated alignment across teams and a unified vision.
01
02
03
04
05
Goals
Goals
During the workshop, we brainstormed desired user feelings, thoughts, and actions, prioritizing these aspirations and translating them into "How Might We" statements.
The primary design goals identified focused on transparency and building user trust in HP's products.
During the workshop, we brainstormed desired user feelings, thoughts, and actions, prioritizing these aspirations and translating them into "How Might We" statements.
The primary design goals identified focused on transparency and building user trust in HP's products.
Logic Flows
Mapping the UX
01
02
03
04
05
User Flows
Once the overall design intent was established, I collaborated with the Setup team’s lead architect to determine the optimal placement of privacy screens within the app’s setup flows for both first-time and returning users.
Logic Flows
I created detailed logic flows to determine the optimal placement of privacy screens within the setup experience for both new and returning users. These flows incorporated technical and legal requirements and served as key alignment tools during stakeholder meetings.
Copy and Prototypes
One piece of the redesign
01
02
03
04
05
Copy
Working closely with a copywriter, legal, and marketing representatives, we developed the content for the privacy notices. I led cross-functional discussions, drafted early versions of the copy, and provided feedback on subsequent iterations throughout the process.
We went through multiple rounds of revisions to strike the right balance between our workshop-defined design goals, legal compliance, and the app’s core value propositions.
Prototypes
I then created a high-fidelity prototype that incorporated the final copy, visual design, and animations to deliver a complete representation of the updated experience.
Prototype link:
https://xd.adobe.com/view/77cf9d8e-e062-4e0a-bfbe-6785744ece95-229c/
Reflections
Overall, our team deemed the project a success. That didn't mean there weren't problems however.
Main Challenge: Visual Design Implementation to Spec
The most challenging aspect of this project was the visual design implementation. It wasn’t until we reviewed the TestFlight build that we uncovered several unexpected inconsistencies in how the design was implemented across development teams following the demo.
Because we weren’t aware of these deviations until late in the process—particularly on the Android platform—the final visual design was compromised at launch. We escalated the issue and worked quickly to ensure the discrepancies were addressed in upcoming releases.
01
02
03
04
05
01
02
03
04
05
