An icon for MYdata. The M and Y are capitalized while the rest of the letters are lowercase. There are two dashes on either side. The background is black and the text is white.

MYdata (UI redesign)

User Interface improvements to an existing personal data collection app.

An image showing the evolution of the home screen for Mydata in four images. First is the original home screen in light mode showing the logo and three buttons for 'graphs, connect, and about'. The escond is a paper prototype that includes settings and an info icon on the top bar with two buttons 'graph' and 'graph library', and an image of a graph in the background. The third and fourth image show these features being implemented, as well as a dark mode being added to the app. An image showing the design and implementation for the new graph screen. The first two images are prototypes, the first a digital sketch and the second a paper prototype with a pink sticky note for a pop-up. The third image shows the new graph interface fully implemented with options to name the graph, describe the graph, and name the buttons. An image showing the design and implementation for the graph library. The first image on the left shows the app displaying a simple list of existing graphs. The second image shows a paper prototype of a graph library with images of different graphs to choose from with names, arranged in a two-column grid pattern. The third and fourth image show the fully implemented graph library with those fatures tranferred into the application.

Contributions:

Orignal project by Dr. Sarah Schoemann and Jo Jackley. UI redesign developed with Drew Smuniewski, Arden Greene, and Lucas Fancher.

  • Analysis of existing UI
  • UI/UX design
  • Prototyping
  • User Testing
  • Troubleshooting

Development:

    This project was undertaken as part of my capstone class in college. We worked with a professor (as a "client") to begin redesigning the user interface of an app she and another student had been working on. We worked within the Scrum & Agile methodologies, each team member serving a rotation as Scrum Master.

    We analyzed the existing interface and ran tests to see where improvements could be made. We identified several potential confusion points for users, and created a new workflow for the app. From there, we prototyped potential solutions, tested them, and implemented the improved interface into the app.

    This project ran into significant technical roadblocks. At the beginning of the project, none of the team members had any experience working in Android Studio, setting up a virtual machine, or working with React or Node.js. Additionally, the project did not have much developer documention. While the UI redesign itself went smoothly, there were significant delays in implementing the UI changes. However, we were able to accomplish a good portion of what we set out to do before the deadline, as well as create some documentation for future developers working on the project.

    View prototypes, the workflow, and draft documentation on the project here

  • Android Studio
  • React
  • Node.js
  • Scrum & Agile Methodologies