I like to think my experience as a UX/UI designer and web developer
are that of problem solving. I find joy in finding creative and innovative solutions
to problems that affect user success in performing their tasks.
With a strong sense of empathy, sharp creative instincts and solid cross-functional background,
I create solutions that are not just usable and aesthetic but also
help users get home from work delighted and accomplished.
MY DESIGN LEARNINGS
Everyone has a story.
We should never assume we know better than the next person.
Every person we meet has seen, heard, experienced things we might never have.
Through thoughtful observation and attentive listening, we learn from them and our designs are better from it.
There are things better than perfect.
We should not be caught up with making a masterpiece. Nothing is ever the best.
Every creation is a work in progress. Sometimes good, different, fun or even done would suffice,
as long we strive to continue to improve.
Design takes courage.
The fear of making mistakes can cripple us. Avoiding disappointing others can turn us into perfectionists.
We should not be afraid to take risks or we risk not growing. Sometimes, it is from our mistakes that we learn more.
Don’t forget to have fun.
Always add that little extra to your work. The joy you bring to your work will reflect in every design that you make.
Sketch, InVision, Principle, MS Visio, Axure, Balsamiq
Interactive Prototypes, Rapid Wireframes, Hi-Fidelity Designs, Detailed Workflows, User Flows, Competitive Analysis, Stakeholder Interviews, Layout Information Architecture, User Centered Design
On-Boarding System for New Hires
User Research, UX Designer, UI Designer
I lead the design efforts to re-design the system that automates the entire business process workflow for on-boarding new employees and contractors.
The system runs on outdated technology and is reported to have a lot of limitations and usability issues.
Management aims to migrate the system to a new platform and improve its user experience, strategy and design.
Old On-Boarding System
Re-design the user interface to give it a neat, clean and modern look
Improve usability for easier and more delightful on-boarding experience
Provide helpful tools to enhance user system understanding that leads to user confidence
Renew expiring contracts on time to prevent delays on resource availability
Use latest technology to provide best functionalities
Get complete understanding of the system process from the stakeholders
and valuable insights on the user experience from new and experienced users
Based on extensive user interviews, we could identify two main user mindsets
"I don't even know where to start."
The confused needs guidance every step of the way. The fields can be ambiguous, the forms intimidating
and the process complex.
They are able to complete the process with the help of more experienced colleagues, until they need help again for the
next on-boarding case.
"It is something I can live with."
The pragmatic main concern is that they complete the on-boarding process correctly so that that their new hire can start on time.
They see the process as a task they need to finish so that they can jump back to their work. They find no delight in using the system.
These exercises helped formed a strong foundation to build the initial prototype.
With the help of user feedback, collaboration with the technical lead and further guidance from the stakeholders,
I enhanced the prototype and focus on the features that will best contribute to the project's goals.
Minimized menu navigation gives more space for data. Data rows are grouped in meaningful categories (as opposed to the usual linear presentation)
for a quick view of overall details.
A clear and hard to miss call-to-action button for the most used function is also strategically added.
Users are presented with the complete workflow process so case history and next steps can easily be tracked.
Links to assigned teams for each step are also shown so users can easily reach out to them if needed.
A separate dashboard and notification for expiring contracts is added so users will see them in plain sight.
Functions for quick renewals are also provided for faster processing.
The too long/complicated, multi-column form is divided into a multi-step form to affect a quick and easy feel to the process.
This strategy also instills a sense of rapid progression and accomplishment as the user successfully completes each step.
Smart Help Guides and Defaults
Relevant help guides are added to selected fields that can be ambiguous to users.
Useful default values help minimize typing and reduce errors to increase productivity.
The number of fields is also reduced by removing unnecessary, redundant or can be combined data.
Live inline validation is provided to allow users to quickly locate and fix the error
while the context are fresh in the user's mind - and not at the end of the form when users are about to submit the case.
Adaptive, as oppose to generic error messages, also help reduce user's error recovery time.
Positive Inline Validation
An encouraging visual feedback is also provided to assure users that their input is valid.
This also adds a sense of delight and progression to the whole typing experience.
A final data validation and an option to make last minute changes before the case submission
increases user confidence of a successful process completion.
A functionally working system does not necessarily equate to user success
The first developed system successfully performed the functions it was designed for. But if we count in the delays in processing
due to slow, incorrect and frustrating user experience, this also have an overall effect in the productivity
and confidence of the users.
A right balance between the functional requirements and user experience strategy should always be considered in any system implementation.
It helps to remember that once the development is completed, it is the start of the day-to-day experience of the users with the system.
Other Selected Projects...
ENTERPRISE PRODUCT MASTER
The system is designed to maintain the company's repository of more than 2,000 company's products and components.
Order management users however were not comfortable using the new system
because they were too used to creating new versions of the products in Excel application.
Users are not using the new product
I watched how users perform their task and figured that although copying and pasting
rows of product data in Excel is very convenient, manually inserting the new data e.g. product versions can be cumbersome and error-prone.
This challenged me to design the system to be more efficient than using Excel.
I created a smart copy method which allows users not just to copy and paste data but also automatically insert the new data,
allowing users to complete their task in just 3 clicks - select, copy and submit data.
The new design eliminated manual errors in data preparation and
remarkably improved efficiency in maintaining the company’s products and components.
COMPANY PORTAL SITE
The portal is designed to be a repository of company information
for the more than 5,000 global employees and contractors
but authors hardly update their department content.
Users are not engaged with the product
I conducted a user survey to learn how the users use and feel about the system.
I learned that most were not happy with the plain and dull look of the system
and just felt 'required' to provide
their department content in the portal.
This challenged me to improve the overall aesthetics of the portal site so that users will have an emotional connection
to the product.
By providing them with exciting and attractive content templates,
I find they are delighted to commit more, proud that they have made a useful and beautiful contribution to the
company portal website.
Portal content contribution was increased 60%,
resulting to a huge increase in viewership.
2007 - Present, UX/UI Designer / Senior Web Developer
TIBCO Software Inc, Palo Alto CA
Orchestrated all aspects of the UX/UI design of the company's internal web applications and collaborated
with technical teams for implementing effective and engaging solutions
2002 - 2007, IT Consultant
ABS-CBN Broadcasting Corporation, Manila PH
Technical lead for converting functional and technical specifications into usable solutions
1995 - 2001
BS Computer Science | University of the Philippines
Thesis: Government Business Services Online
Awarded, Meritorious Achievement in Writing an Outstanding Thesis