VIA: Case Study

Service
UI/UX Design
Client
Brand New Box
Collaborator(s)
https://brandnewbox.com/https://www.behance.net/sophiaschippers1https://www.behance.net/shystapandey
https://brandnewbox.com/
https://www.behance.net/shystapandey

The Goal

VIA (Very Integrated Analysis) is a platform designed to allow software engineers and developers, to monitor the health of their applications by running them past a system of code that is created to ensure all code is up to date.

Questions:

  • How can we properly display many application screens in one viewing and also show if it needs attention from the developer?
  • How can we display multiple searches?
  • How can we give the user the option to search for code with and without the search?
  • How can one scan of "fetch" for a new code
  • How can one add a new application or "repository"?
  • How can we make it intuitive to the user on how many things are wrong within the specific repository?
  • How can we let the user pick and choose what repository they want to get notified for?

My Role:

  • Design the screens into Adobe Xd
  • Correct what is needed after each user testing

User Testing

This was a very foreign concept to a team of UI/UX students. We weren't familiar with anything related to coding, so we had to do a lot of user testing. We screen recorded developers from Brand New Box and also voice recorded their vocalized thoughts. As a team, we sat back to watch and listen to what these first time users intuition based off of the UI prototype we had for them.

The Process:

  • Start off with hand drawn sketches of the UI and put them into InVision with hotspots for the first round of user testing
  • Watch and listen to users Joe and Patrick
  • Move the sketches into the computer and start developing screens in Adobe Xd
  • Get feedback from Instructor, Matt, and tweak our mid-fidelity screens
  • User test our mid-fidelity screens with users Clay and Joe
  • Regroup with Matt to polish our screens

Conclusion

Rewind

VIA (Very Integrated Analysis) is a platform designed to allow software engineers and developers, to monitor the health of their applications by running them past a system of code that is created to ensure all code is up to date.

Confirmation

  • Allows the user to visualize all their jobs/applications at once
  • Allows the user to search with and without one or multiple codes at once
  • Allows user to create a new application or "repository"
  • Allows user to create new code or "check"
  • Allows user to hover over the gradient to know how many things are wrong with the code
  • Organizes the application order from least healthy to most healthy
back

Interested in reaching out?

Let's chat.