Warning: Declaration of Bootstrap_Walker_Nav_Menu::start_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::start_lvl(&$output, $depth = 0, $args = Array) in /homepages/45/d180392578/htdocs/tiffanynolan/wordpress/wp-content/themes/stanleywp/functions/function-extras.php on line 61
USER PROFILE REDESIGN | Tiffany Nolan | UX/UI Designer

USER PROFILE REDESIGN


I continually improve the usability of Pega’s software developer website by collaborating with stakeholders to solve complex problems and translate their business requirements into elegant user interface designs and interactions. Let’s take a look at a recent example, a user profile redesign project.

Original Design

The original design for the user profile page was from a Drupal 6 advanced profile kit module. While this page displayed some basic information about the user, it was missing key information like the user’s real name, their company, their training history and much more.

user-profile-original

The Wireframe

Using Balsamiq, I created a wireframe for the page. This was the result of multiple meetings with stakeholders as well as from user feedback originally provided in the forums.

user-profile-wireframe

Final Design

Working with the developers, I helped to translate the wireframe design into issues in their Jira backlog. A few weeks later, we had our new design available to our users.

user-profile-final