Sysdig Spotlight is a feature that offers DevOps engineers visibility of their infrastructure for faster troubleshooting. It comes in two parts: first, by onboarding a new user into their environment and displaying pre-configured entities, and second, by sending notifications for problems that can create inaccurate data or harm to the infrastructure, such as integrations that have stopped working, out of date agents, and throttling metrics. To learn more about it, check out this post on the Sysdig's blog.
I was the design and research lead for the project from concept to production (3 months of design, 6 months of development). The biggest challenges were:
-Balancing the amount of data shown per stage: How do you show hundreds, maybe thousands of entities at once? Talking to users provided clarity into the designated hierarchy (hosts and containers first, then orchestration, platform, and apps) but also gave the insight between being able to see something is wrong and having the administrative power to fix it without ruining other parts of the user's environment.
-Rebuttal of the IKEA effect: An initial design made users designate which dashboards and alerts they wanted through micro interactions (dropdowns, checkboxes). While choice can be great for some apps, this failed spectacularly with stakeholders until an internal user of the product said "Why not just create them for me, and I'll decide once I'm in the product?" Thus began the pivot.
-Negotiation of Design and Development: this was my first project where I worked with both front and backend engineers. Communciation was a huge tool for a feature that had relatively simple design, but complex engineering work.
Spotlight was released March 6th, 2018. In the month it was released, it has on average 20 unique visitors a day and multiple clicks per session. Qualitatively, it has received positive feedback.
In the next iteration, I have designed Spotlight to be its own page in the application instead of a modal so the content has more breathing room and has better design for growth into a notification center.
During my time at Yodlee, I was the lead designer for the redesign of Budget financial app. Time was the biggest challenge for this project--three weeks to do research, redefine, and test a fully responsive app. In addition to UI/UX design, I ran initial user research based on a predefined user persona and coordinated user testing. I am currently working with developers to finish the project.
I used paper prototypes and Sketch to build the UI, and POP and Invision to build the UX.
Calinglês was a website whose UI was built as part of General Assembly's Visual Design class. An acquaintance was moving to Brazil to start an English immersion program and asked me to build a website for his service.
We agreed that a personal, vibrant, and sophisticated feel reflected the connection, exploration, and personalization that the service offered in person. My biggest challenge was how to convey three distinct sets of information to three distinct users without losing engagement; this was solved by a three-part CTA system that changed content, color scheme, and photos when clicked on, creating an efficient yet welcoming experience.
I worked at Kiwi Crate as a product design intern during Summer 2013. There, I was responsible for developing new ideas for future "crates," or monthly packages delivered to children with engaging crafts inside. The concept of 'city adventure' emerged and I instantly thought of a car--classic, gender neutral, and fun for all ages. I took the design from concept to final iteration, which included prototyping craftable cars (managing cost and timeline constraints) and working with our end users, 3-7 year olds and their parents, in weekly "kid testing."
As part of my work with YCore, I collaborated with a social impact group and WEPACK to design a logo for a section of their company that would offer contracted workers to box subscription companies in the Bay Area. The group wanted a logo that was local, empowering, traditional, and dependable. I drew on nostalgia and comforting colors in order find something that was timeless and comforting.
Nomster Chef is a tablet application that teaches healthy eating habits to preschoolers by engaging them in cooking experiences with their parents. I helped the client prepare her Master's project by designing all levels of packaging and cooking experience, redesigning the logo, and researching color schemes.
Monster illustration by Kelly Jones
Nomster Chef's UI