Role: Hackathon quick iteration designer / front-end coder
Entity: Microsoft
Location: 2019 Hackathon
Team make-up: Sole designer working with multiple data scientists, PMs, and engineers.
This was a fairly fast hackathon project as part of Microsoft’s FHL events. I worked as sole designer for the project. Tasks were a mixture of initially pulling out core ideas from the PM’s and engineers I was working with and iterating on these to create quick design concepts. The API compared the text from an online article to a corpus of text that had been rated against different kind’s of bad news reporting.
Final layout, displaying the regions of the extension
Quick iterations (and experiments…how much information can I pack in a tiny little information icon, that both draws the user in and also gives them preliminary ‘good’ or ‘bad’ information.
Initially they thought they only had one number to look at but I was able to pull out that there was a series of categories that could also be rated. Initial discussions turned into sketches, explorations in the chrome extension icon, and the final creation of high-fidelity images and front-end code that I passed onto the engineers. Research was quick and dirty, showing versions to designers not on the project and other workers taking part in the hackathon.
Example to the left show how a few iterations, where I pushed to include the secondary set of data that didn’t just display the base number but also the reasons WHY the site that was being visited had various issues.
The final result was successful and we received an honorable mention as part of the hackathon. Last I chatted there was interest in the Microsoft news group in exploring the concept further.
A prototype was built as part of the process that uses the codepen front-end code seen here.