![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/f77f1d47-b9b9-4d80-b07c-2bd1aaa41b70_rw_3840.png?h=86d48fa650960f200bd8d98c44ff290a)
Description
This mobile application was designed for BrainStation's UI Design certificate class. Over the course of 2 months, I learned the principles of UI design – including UI elements, best practices, and human-centered design – to create intuitive and interactive interfaces. Having worked closely with academics and researchers, I was familiar with the myriad issues that arise when trying to get a paper published in a scientific journal. This app is my solution for making the academic publishing process more seamless and collaborative, enabling scientists to focus on what they do best – the research itself.
Problem
The process of scientific publication is long and arduous with many steps, often involving many people who join at different time points. Some specific issues include:
Timeline: getting a research paper published takes a lot of time, often multiple years. It can be easy to lose track of tasks and people.
People: there are often many people that contribute to a research paper. Those who join later in the process may not even know the basic information about the research project they are helping with (such as title, co-authors, goals, outcomes).
Communication: lack of communication between supervisors and students, or to academics at other institutions may slow the progress of research.
Mental Health: many graduate students and researchers struggle with anxiety and depression as the academic system instils a high degree of pressure to publish often and to conduct meaningful research that contributes to the scientific community. Helping the audience visualize their progress may help to mitigate this.
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/69f6bd14-0619-4189-b0f7-d7e360c3063d_rw_1920.png?h=d80e87b31eb850be89c5329785b23f01)
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/375e617c-8268-41a6-953c-d05c9a25419c_rw_1920.png?h=6f2c6fde0bc845e266f3b759dd377296)
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/18df63b7-e7a4-48e9-8892-54fa3c2ea5a1_rw_1920.png?h=c5a4c126c13ff98333f602ecc6a15c65)
Solution
Develop a mobile and web app that breaks the research process into discrete steps that are easily tracked and allow task delegation, creates a streamlined dashboard that contains all ongoing and completed research projects in one place, provides a 'Tips and Questions' section where the user can get specific advice from collaborators.
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/fbd5651e-fd6f-4f93-998a-47b10c82c4df_rw_3840.jpg?h=9cca19b778fe1df63f3043bad4af0976)
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/e3c2c541-b3cf-40df-8e6a-fc88183de345_rw_3840.png?h=219ed77dc09a1cd1e7a42f4744735d4b)
User Flow Diagram
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/072dabe6-68c5-4384-8e04-850fff30852b_rw_1920.png?h=c03b5765ecf5859993ec3704aa6e9c00)
Lo-fi Wireframes
All wireframes and UI elements were designed in Sketch.
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/22e0e750-8dd5-4411-bb13-14d19652664d_rw_3840.png?h=72a5cb26568d342cf0b4dc370a63694b)
Hi-Fi Wireframes
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/cbb622e7-c462-468c-b5ab-c704abe511a3_rw_3840.png?h=533bc2673079eee84dfce21b4e1468d0)
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/4ebbdac8-6c5d-43d3-bfca-3edd74fa225a_rw_3840.png?h=87e68969ba4bd17eb364f4cecf087ca8)
Brand assets
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/c0e425b2-1336-44d0-b50c-802b782c4b0b_rw_3840.png?h=02eceaf27c314bab2a1e3b484936c1d1)
Finished Prototype
Interactivity and user testing was conducted using InVision. I'm pleased to say the final mobile app design was selected to be displayed in a showcase of exemplary work at BrainStation!
![](https://cdn.myportfolio.com/452c0281-51da-4528-a909-3316f12b9087/659e5f6d-ac50-433b-8722-003f9ad1a38f_rw_3840.png?h=c8f1d3773b51a01b0d7f79de20cb070f)