• Contextual Inquiry Interviews - Onsite and in-person interviews where I observed and recorded sessions of staff using the previous older dashboard version. It helped me to see their struggles and problems when using the dashboard app.
• Competitor Analysis - I researched best practices for project management dashboards and apps.

• View Affinity Map for organizing post UX interview research for the older dashboard version before the redesign.
• View User Journey for the previous dashboard version to understand the user pain points and needs. This was helpful for me to be able to to know how to optimize the user experience for the future redesign.
• Problem Statement: The JHU internal staff needs the project management dashboard to have improved usability (ease of usage) with a more intuitive user interface in order to effectively manage their daily work.
• View Personas
• Information architecture (IA):
  
• Sitemap to plan out the new dashboard structure, hierarchy and the overview of sections.

‒ My supervisor requested that I create this HUGE database logic model diagram to help the tech team visualize ALL database table relationships within terminology established by leadership.


‒ Then I created this Dashboard hiearchy diagram as a more simplified and user-friendly visual for non-technical staff to understand the new terminology and hierarchy relationships.


• User Flow

• Sketches - The first hand-drawn sketches.
• Whiteboarding
• Wireframes - Transition physical sketches to low fidelity digital wireframes.

To get my creative thoughts flowing, I like to draw my first thoughts based on UX research. Then I turn those drawings into digital low fidelity versions to be able to share online for collaboration and feedback.

• I conducted usability testing with a low fidelity prototype in Figma for a core dashboard tool in Fall 2019.

This was helpful to test solution ideas for certain tools and features that users struggled with. The same staff that I interviewed with posted positive feedback and suggestions as comments in Figma.

• A/B Testing
• Javascript coded prototypes for user testing and to capture user preferences.

• Figma Design System and Components.
• High fidelity prototypes. I went to a higher fidelity after user needs were tested and confirmed.
• I hand-coded my designs using Django, Bootstrap, CSS, SVG, jQuery, Select2, AJAX, Python, D3.js and Highcharts JS.
• I wrote back-end Python functons to create API endpoints for data to display in the front-end. I also wrote database queries and model methods in Python for certain functionality logic!

* I can use this knowledge when making UX design decisions but I would prefer not to do this level of implementation in my next role. My strength and passion is more on the UX and UI creative side!