Menu

Home / Portfolio / Cicero

Cicero AI

UX/UI Design | Web Development

From April to August 2019 I interned with The Globe and Mail, Canada's largest national newspaper, and worked closely with their data science team at The Globe's Toronto office. During this time I was given the task of creating various wireframes and prototypes for the internal tools that they were building, many of which used artificial intelligence to help their reporters do research and make crucial connections. One such tool I helped to name and design: Cicero. This particular project was one I spent the most time designing. It combined several different types of data visualizations, as well as requiring reporting capabilities, so the design had to encompass different functionalities that were specific to the

  • Tools used
  • Adobe XD
  • Github
  • Atom

Process

On a weekly basis I participated in stand-up meetings with the team working on Cicero. There were several developers working on various components of the system, and it was important that I understood the purposes and functionalities of the tool in order to design a cohesive interface and User Experience. The tool encompassed the following functionality:

  • Uploading files (for reporters, this was a way to upload files that the tool can quickly process)
  • Document search (files uploaded can be scanned quickly and in multiple batches for keywords)
  • Entity graph (visualizing a searched keyword's closest connections; e.g., Trump appears in several articles in tandem with mentions of Vladimir Putin)
  • Entity chain (similar to the entity graph, this was a visualization which showed how a specific person or entity was connected to other people or entities in a chain-of-events type of visualization)
  • Audio Transcriber (for reporters who recorded audio interviews, this would be a quicker way to transcribe these recordings)

Prototyping

I worked in Adobe XD to initially create black and white wireframes of the design, and then progressed into color prototypes. One of the biggest lessons in creating these prototypes was preparing the design in such a way that it could handle large amounts of file uploads, since it was very probable that reporters might be uploading a large amount of PDF files in a single upload. Thus, much of the prototyping and design process involved checking in with the team and The Globe's data science manager and presenting the progress routinely.