UX ShowCase
UX ShowCase
Home Print Solutions @ HP
Home Print Solutions @ HP
The world has become more and more digitized as technology grows exponentially. In the new era, printing should have new meanings and capabilities to support the progress of people’s daily life. However, the user interfaces for printers have not been innovated for decades, and the interactions remain dated and complicated.
** Prototype links below with the Solutions**
The world has become more and more digitized as technology grows exponentially. In the new era, printing should have new meanings and capabilities to support the progress of people’s daily life. However, the user interfaces for printers have not been innovated for decades, and the interactions remain dated and complicated.
** Prototype links below with the Solutions**
The world has become more and more digitized as technology grows exponentially. In the new era, printing should have new meanings and capabilities to support the progress of people’s daily life. However, the user interfaces for printers have not been innovated for decades, and the interactions remain dated and complicated.
** Prototype links below with the Solutions**
Role
Delivery Module Lead
(Handling a global team)
Timeline
Ongoing - Product Design
Tools & Methods
Axure RP
Marketing Research
User Interviews
Usability Testing
The Problem
The Problem
The Problem
Different printers have different functions with corresponding physical cues. The new UI should consider target printers' capability and follow the physical cues. "This new user interface is used on the type of printers made for home and micro-business scenarios printers made for home and micro-business scenarios and will support the highest level of productivity for basic and complex functions .
Different printers have different functions with corresponding physical cues. The new UI should consider target printers' capability and follow the physical cues. "This new user interface is used on the type of printers made for home and micro-business scenarios printers made for home and micro-business scenarios and will support the highest level of productivity for basic and complex functions .
During the tenure, I proposed two design prototypes with two different navigation modes:
widget-based interface, and conversation-based interface.
How might we...
How might we...
How might we improve the simplicity, usability, accessibility, of the control panel user experience for the target printers?
Research & Insights
Research & Insights
Envisioning the next-generation walk-up printing experience : By conducting competitive analysis and heuristic evaluation, it was found that the problems of existing control panel experience are complicated, inefficient, unintuitive and unattractive.
Key User Needs
Multi -User Functionalities
Different types of jobs in - line
No wait time for scanning
Multiple tasks on the same file
Exploring the Solution
Exploring the Solution
We started with low fidelity wireframes to test the user- flow concept
We started with low fidelity wireframes to test the user- flow concept
Multitasking feature could help users enhance task efficiency while maintaining productivity.
Multitasking feature could help users enhance task efficiency while maintaining productivity.
Customization allows the printer to give information selectively
Customization allows the printer to give information selectively
Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Usability Testing
Usability Testing
The result of user testing shows the overall satisfaction rate for the new design is 92%. More participants prefer the widget-based menu to the conversation-based menu but the difference is not significant.
Methodology: This user testing aimed to test the usability of the new information architecture and the high-level interaction design as well as compare the two solutions and conclude the preference.
The Final Solution
The Final Solution
High-fidelity screens demonstrating the decisive core flows.
High-fidelity screens demonstrating the decisive core flows.
1
Widget-based interface. Click here to enjoy the prototype.
Widget-based interface.
Click here to enjoy the prototype.
This was the first solution I proposed. The highlight of this design is to show available options at the same level in an understandable and organized way so that users can get information at a glance.
-regard efficiency as the first priority
-flat hierarchies
-reduce clicks and scrolling
When I presented the widget-based interface to stakeholders in the meeting, its simplicity of understanding was challenged. They worried that showing too many options on one screen might overwhelm users. Therefore, I explored many ways of interaction and then proposed the conversation-based interface to deal with this concern.
This was the first solution I proposed. The highlight of this design is to show available options at the same level in an understandable and organized way so that users can get information at a glance.
-regard efficiency as the first priority
-flat hierarchies
-reduce clicks and scrolling
When I presented the widget-based interface to stakeholders in the meeting, its simplicity of understanding was challenged. They worried that showing too many options on one screen might overwhelm users. Therefore, I explored many ways of interaction and then proposed the conversation-based interface to deal with this concern.
2
Conversation-based interface. Click here to enjoy the prototype.
Conversation-based interface.
Click here to enjoy the prototype.
This was the first solution I proposed. The highlight of this design is to show available options at the same level in an understandable and organized way so that users can get information at
The idea of the conversation-based interface is on the other side of the widget-based interface in terms of the way of navigation. The highlight of this design is to offer users with step-by-step guided experience. a glance.
-regard empathy as the first priority
-deep hierarchies
-reduce confusion and uncertainty
In this interface, users are asked to make only one decision at a time and each option is equipped with more details than the first solution so that users are more likely to get their desired outcomes. Moreover, the conversation-based interface can humanize the printer and make users feel smart and friendly.
This was the first solution I proposed. The highlight of this design is to show available options at the same level in an understandable and organized way so that users can get information easily.
The idea of the conversation-based interface is on the other side of the widget-based interface in terms of the way of navigation. The highlight of this design is to offer users with step-by-step guided experience. a glance.
-regard empathy as the first priority
-deep hierarchies
-reduce confusion and uncertainty
In this interface, users are asked to make only one decision at a time and each option is equipped with more details than the first solution so that users are more likely to get their desired outcomes. Moreover, the conversation-based interface can humanize the printer and make users feel smart and friendly.
3
Integrating the advantages of the two solutions
Integrating the advantages of the two solutions
Integrating the advantages of the two solutions
Automation is the trend to enhance the intelligence of the machine. Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Automation is the trend to enhance the intelligence of the machine. Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Role
Module Delivery Lead (Global Team Lead)
Timeline
3 Months
Tools & Methods
Axure RP
Marketing Research
Usability Testing
User Interviews
Reflections
Reflections
What did I learn?
Most users value simplicity as the
top priority .
Need a faster and more convenient
login method
Need to design a faster flow for
expert users
Novice requires more guidance and
detailed instructions
Most users value simplicity as the top priority .
Need a faster and more convenient
login method
Need to design a faster flow for
expert users
Novice requires more guidance and
detailed instructions
Take Aways & What's next?
Take Aways & What's next?
Automation is the trend to enhance the intelligence of the machine. Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Personalised approach being the way forward!
Automation is the trend to enhance the intelligence of the machine. Automating steps that can be solved by the printer itself will significantly improve the efficiency of users' tasks.
Personalised approach being the way forward!
