Marina Broido
Marina Broido
User Experience Design and Strategy

Web app for network configuration

 

Project goal was to bring the full power of network configuration to a non-expert user, which requires focus on simplicity and intuitive site navigation. This web application is a long awaited alternative to command line interface (CLI) for switch configuration.

Target users: Network engineers and network administrators.

Our team of three worked on this project for eight months. During this term our key challenge was to design interface for new functionality and make interface scalable. 

My role: I joined this project from the beginning and had a great opportunity to interview founders and key stakeholders, talk to experts and target users, conduct usability study and heuristic evaluation of the existing beta version. Research insights laid out the foundation for my further design, including user flow, wireframes and  clickable prototypes.

Constraints: 

  • Integration of the new functionality with existing interface
  • Incremental implementation of the new design concept
 

Research & Usability testing

 
 

Analysis  & Synthesis

Key Research Insights:

  • Users  were not able to complete key tasks because of the disparity between the user “mental model” and the app navigation.
  • Actual path taken by users was different from the “happy path” built in flow for the common tasks.
  • Working with virtual networks presents similar behavior patterns like in physical networks maintenance: users tend to start all tasks clicking on the switch - either in topology view or in Switches tab.
Reframed problem statement: How might we design an interface for the web based network configuration that will match users’ mental model?
 

Mind Map Diagram

ideation

 

 

Concept design

 

Prototype

 
 

Koé - Mobile App for sharing feedback

 
koe_thumb_2018.png

Koé is a communication platform helping companies monitor, build and maintain healthy organization culture. As an alternative to employees engagement survey, Koé aimed to enable ongoing open communication between employees and managers. Employees’ motivation to use this service is a critical success factor for the product market traction. 

Project goal was to redesign Koé mobile app to make it engaging and efficient for communication between  employees and managers.

My role

I made Concept Design and Material Design Prototype for Koé Android app:

  • Led  and conducted user research, analysis and synthesis sessions
  • Applied behavioral economics to product design
  • Designed wireframes, built prototype and conducted usability testing 
 

Discovery

 

Together with my team mates I conducted  user interviews with individual contributors, managers and human resources professionals. Altogether we talked to 14 people who work in the wide spectrum of companies from Google to non-profits.  I also compared gained insights with published Gallup research data on employees engagement.

Key Insights:

We’ve identified that employees are not motivated to give ongoing feedback about organization culture because:

  • they feel they are not heard by the company
  • they feel they are not recognized by their peers and managers
  • they feel that managers don’t keep their promises

Employees feel upset when company doesn’t consider their concern as a priority, or when promises are false, broken, or delayed.

Research insights helped us  reframe the problem:

Companies need a way to maintain a healthy culture because employees feel they are not heard, not recognized, or have the promises kept.
 

Ideation

 
 
 

wireframes

 
 

Testing 

 

Paper prototype with feedback written on post-it notes

 
 

 

 
 

Carmanation - Mobile App

Carmanation is a peer-to-peer sharing community that is making parking more convenient and affordable. Following the same approach as AirBnB and Uber, Carmanation allows people find and share affordable parking in the city.

Problem:  Carmanation is in need to develop a mobile app for their existing  online service.

Audience: 

Parking spot renters: drivers and long-term visitors often commuting to the city by car. They are active on the internet and social media, either on their smartphone or computer.

Parking spot lenders: city residents who own a parking spot and are willing to share it while they commute outside of the city.

My Role:  UX and Visual Design

 

 

Design

I’ve started with redesign of the web home page.  Considering the fact that Carmanation deals with two categories of customers - parking owners and renters, I put on the home page call-to-actions (CTA) for both.  However, sketching mobile design I realized that  it would be better to focus on driver (renter) and hence moved utilities for the spot lender to contextual  navigation.  

 

inspiration

Carmanation aims to become the most convenient and affordable parking solution in the city. There are  few players at the market. And the key challenge for all of them is to bring parking spot owners to the community. Not everybody will bother to rent their parking spot for small income, however some might be interested to donate proceeds to local charities.  So Carmanation set up relationships with local charities to make these transactions easier.  And that differentiates Carmanation as a socially responsible business. This approach really resonated with me.  And that’s how I reflected it the mood board.

“Social, Friendly, People Centered, Convenient, Safe and Trustworthy Service."
 
brand.png
 

Look and Feel

To emphasize a social aspect of Carmanation business  I’ve picked up humanistic typeface - Open Sans - looking good both on web and mobile interface.  Greenish combination of green and blue is as a main brand color conveying trust, openness and freedom. Orange is a complementary color in this design to convey warmth, care and joy. Grayge for background, and reddish as another complementary color for CTA.

Next steps: 

  • Make a clickable prototype and conduct  usability testing.