UCompute
UCompute is a website created for the Center for Computational Science at the University of Miami. UCompute provides users with easily accessible tutorials and resources related to coding, data and computer science.
Goal
Redesign the UCompute website allowing users easy access to tutorials and resources
Role
User experience designer
Process
We began our process by evaluating the UCompute website and deciding what changes needed to be made. After evaluating the website, I began sketching wireframes with pen and paper. When the sketches were complete, I started to recreate the wireframes with Sketch. We then brought the completed wireframes to the Center for Computational Science to receive feedback. Discussing the wireframes and receiving feedback helped us decide which layout would be most effective for their UCompute. With a clear direction for the website, Louise began to generate code for UCompute. When the structure of the website was complete, I assisted in adding CSS styling. The next step in our process was to review the completed website with the Center for Computational Science. After meeting, we made any necessary changes before UCompute was shared on their website.
Evaluation
Evaluating the original UCompute website provided insight into issues needing to be resolved in the redesign UCompute. When viewing the website we quickly noticed there was little structure in the organization of resources and tutorials. The rating system used for resources was also difficult to understand. Keeping these issues in mind we were able to reorganize the resources and tutorials into categories making them easier to locate. We also redesigned the rating system to be easier for users to understand.
Sketches
With our evaluation complete, I began sketching wireframes with pen and paper. Sketching ideas assisted me in visualizing several possible layouts for the website. I then Shared my sketches to receive feedback, helping me narrow my focus and choose a few ideas to wireframe digitally.
Wireframes
Utilizing my sketches as a guide, I wireframed three possible layouts for the website in Illustrator. When the wireframes were complete we brought them to the Center for Computational Science to review. After discussing the different wireframes we were able to agree on a layout we believed would be most effective for UCompute.
Prototype
Moving forward with the website Louise began coding the structure of the website with HTML, CSS and JavaScript. When the structure of the website was complete, I assisted with the website’s styling, adding some CSS. With a working prototype of the site in hand we went back to the Center for Computational Science to receive feedback. After receiving feedback and making a few changes, we shared the code for UCompute with the Center for Computational Science to host on their website.
View Additional Projects
Blueline
Blueline transforms the standard public safety radio into a radio application for police supervisors.
Sunnyside Reporting
Sunnyside Reporting is an online dashboard and reporting tool for nursing home administrators.
On a High Note
On a High Note is an interactive experience merging music, neuroscience and technology.
Homework Forecast
The Homework Forecast assists users deciding when they should complete their homework.