PATRIC - II 
(Home Page Redesign)

Original Home Page

Redesigned Home Page
(Link to Website)

New Home Page.png

Project Plan

Guidelines for Home Page Design

•Make the site’s purpose clear: Explain who you are and what you do

•Help users find what they need

•Reveal site content

•Use visual design to enhance, not define, interaction design

Obtained from: https://www.nngroup.com/articles/top-ten-guidelines-for-homepage-usability/

Google Analytics

 

  • Which web links are users clicking on?

  • What is the difference in clicking behavior between new users and returning users?

  • Are there any low-value links that are drawing too many clicks?

Links Most Frequently Accessed from the Home Page

Stakeholder- and User-Interviews

 

Based on preliminary insights from Google Analytics and Home Page Guidelines, I surveyed/interviewed stakeholders and users about the following general issues

Stakeholders:

  • Unique selling points (USP's) and strengths of the product (PATRIC)

  • ​Current and target users of PATRIC​​

  • Top 5 activities that users should be able to do on the Home Page

  • Long-term goals of PATRIC

Users:

  • General usage and most common tasks they currently perform

  • Unfamiliar terminology and jargon on the Home Page

  • Searching behavior on website - what, why, how?

General Insights

  • The purpose of the website was not entirely clear from a first glance at the Home Page

  • Multiple links/buttons misinformed the user on what they would do when clicked

  • There was use of non-standard terminology and jargon, as well as inconsistency in the terminology used to represent the same concept

  • Some visual icons were too generic, and did not necessarily represent the correct information

Design Charrette

 

To initiate the process of designing a new Home Page, I organized and moderated a Design Charrette with the stakeholders (project manager, domain scientists, and software developers).

The following design prompts were provided:

  • "Design a Home Page that clearly communicates the purpose and benefits of PATRIC quickly to new users, and provides faster workflows for current users"

  • "Design a Home Page that communicates that PATRIC is an integrated resource and one-stop shop of bacterial data and tools.” (your ecosystem/home for your data/your workbench)

  • "Design a Home Page that eliminates unnecessary links and emphasizes those that are frequently used"

PowerPoint Mockup

Graphic Designs

I collaborated with the a Graphic Designer to transform the PowerPoint mockups into higher-fidelity designs using Adobe Photoshop

New Home Page

The user-interface developers on the team created the new Home Page based on our graphic designs.

New Home Page.png

Next Steps..

Heuristic Evaluations and interaction design on New Home Page

© 2023 by Name of Site. Proudly created with Wix.com