GPD Web Application

  • My Role: Sr. UX UI Designer

    • Designed a sitemap used for status update to team and upper management to track what has been completed and what needs to be completed for hard deadline in June.

    • Working directly with the end users and using Research Methods such as interviews and observation to understand how they use the legacy application and what they want for the future application

    • Carrying multiple ideation sessions to understand the problem and come up with solutions based on sessions

      • Using UX Methodologies such as Interviews,

        • Designed a navigational framework that was flexible for super user and regular user

        • Designed data hierarchy that made ease of use for users to read form pages

        • Designed a consistent UI framework that allowed for tabular design and was flexible enough for a mobile solution

        • Designed several new solutions that were more modern and intuitive to end user based on feature neess

    • Working with developers to ensure designs are being met properly following deliverable designs

GPD Site Map to Define UX Scope

Personas

Defining personas from an admin to a group coordinator to better understand end user needs .

REVIEW LEGACY

Get a better understand of the existing application. What are the main features and what does it entail. From there we create a site map that includes main features, drill downs and specific actions for each.

PROCESS: LEGACY TO NEW FRAMEWORK

My initial steps when developing a new framework from existing legacy system is understand the current application. This means sitting with end user and stake holders to define the current navigation structure, and what we need to consolidate / remove or change verbally. From this I create a site map to define this new navigation.

Framework design

Once we have the initial sitemap in place we then begin designing the framework. What the navigation looks like and the initial framework of the application.

Screen resolutions

After reviewing the data and initial features I will work with end user and stakeholders to develop UIs that work for the screen resolution.

Mobile Flows

Will sit with stakeholders to show them how the data will be consolidated for the mobile view. Educating them on processes and best UX for mobile.

SHOW HIDE DATA

Heavy data tables, I have the solution with the ability to show hide columns when needed.

Heavy forms

Reviewing heavy legacy data forms to transition into a better UX.

FORM RESOLUTION

Created a tabular form that defines data in a hierarchical fashion to help user navigate through the form with ease.
Added google map feature to allow users to add addresses via map functionality.