JARRED PORTER
Omnivis Portal Redesign
Project Overview
OmniVis is a biotechnology company that has developed an integrated platform to transform the speed, accuracy, and economics of point-of-care pathogen detection.
OmniVis has a device which detects Cholera in water samples.
Cholera is a disease that occurs often in areas without much infrastructure to prevent water contamination. There are 5 million cases each year and $3 billion dollars in treatment costs that could be minimized with more effective detection and reporting.
The data collected by OmniVis’ testing device automatically uploads to a portal so that users and organizations can access the data. Its users are field researchers and members of researchers’ overarching organization. The organizations Omnivis would partner with are NGOs like UNICEF, Doctors Without Borders, and Code For Africa.
“Currently, the web portal is difficult to navigate and does not show the data clearly. We want you to change the experience and make the portal easy to navigate so that we can better aid organizations to save lives.”
The portal needs a redesign so that it is user friendly and understandable to users.
The portal’s UI needs to be more meaningful in terms of what information is being displayed and how, so that organizations can prevent outbreaks. The users of this portal are often under great strain and must act quickly. Our redesign has to address stakeholder needs to display data effectively.
Over the course of the semester, our team conducted a lot of work. However, I am the most proud of how my high fidelity mockups look. The mockups that I created are shown below.
Field Researcher Page: My Work
Choose two dates
Input a time of day you would like to see test results
Click on “select dates”
All test results are shown between those two dates
Test results for the chosen times show up, and the field researcher can click on cards to view more information about the tests.
Population Filter
Main screen field researcher sees
Able to select the tests based on how dense the population is (prevents spreading)
Click on population density
Click two, population density shows up by color based off of the choices the field researcher selected
Key/Legend
Main screen field researcher would see
Click on Legend/Key in order to help out the user based on test results on the cards and pinpoints
Teams Work- Organization Administrator High Fidelity Mockups
Main screen organization administrator would see
The test results are shown by the users the organization administrator selected
Field researcher profile card. Can edit, promote, and add tags
Clicks on two of her users (shows where they are located)
Choose manage field researchers
Send a sign up invitation in order to keep track is working under them
Teamwork
For the first few weeks of the project, our team conducted a lot of primary and secondary research looking into data portals. From this secondary research, our team Affinity Diagrammed our findings which would inspire our initial sketches. In this project, I learned the value of having good teamwork.
We then created a journey map to visualize how a field researcher would interact with the portal and the filters, which is shown below. We would take this information to inspire our sketches.
We then conducted a sketching activity, in which we found our best sketch that matched our data. This sketch was a sketch that I conducted.
After this, we created low fidelity mockups and tested them with multiple users. After testing multiple times, we made the iterations necessary to make it the most user friendly and appropriate data portal for Omnivis, and we repeated this process 4 times. My original low fidelity mockup is shown below.
We then took our testing takeaways and made iterations, which lead us to our final high fidelity prototypes, which are shown at the top of the page.