Comcast Business

Product UX Design Intern

 

As a Product UX Design Intern I was tasked with:

  1. Designing a digital marketplace for small-medium businesses

Initial Requirements

I met with stakeholders to review and dissect the functionality of the current marketplace. The image below shows the initial resources and screens I was given. The goals were to:

  • Reduce the amount of screens
  • Create a better user experience
  • Design a myApps dashboard and functionality

Prototyping

For the prototyping stage, I began by doing a comparative analysis and creating a user flow. Once I had a general idea of how I wanted to approach the design of the marketplace, I began prototyping. I met with my team and discussed our design and places of improvement. I made the prototype with the necessary interactions for the user testing. 

User Testing

After a few iterations of getting feedback from my team, I then conducted user testing with UserTesting.com. I ran an initial test of about 7 tasks asynchronously to a couple of testers. After testers completed the test, I reviewed the video and identified strengths and weaknesses in my design and the design of the test. we refined the test based on information we wanted to know and sent the test to 8 more people. After getting feedback from a good sized population, I refined the design.  

Visual Design

To ensure the new marketplace is cohesive with the other Comcast pages, I needed to apply the Comcast styling. I met with several visual designers and got feedback and resources to improve the marketplace design.

Key feedback:

  • Ensure alignment of components
  • Use different button styles based on the effect of the button
  • Design as if a reader is reading a book starting at the top left. Don’t have components where the viewer would have to jump around the scene.

 Visual design stage was constantly getting feedback and redesigning. Being able to work and collaborate with several comcast visual designers was a great learning experience. 

Below, the image on the left is one of the initial designs and some feedback I received. The image on the right is the final draft. There were several iterations in between these two screens, but main focuses were to give a user all the information they need without having to click through several pages. I began creating tiles for each application. These tiles included a title, number of users out of number of users available, an info icon that when clicked on showed subscription details, and two buttons.  The tiles were compact with the idea that users would have several applications. Once discovering most users have only 2-3, these tiles were then enlarged 2 across to display all the information in the original design but without having to click the info icon thus removing one CTA. For more of the design, the rest of the design is in the Final Presentation below.

 

Final Comcast Presentation

Take Aways

  • Constantly get feedback. There were several situations where my co-workers would point something out or suggest ideas that changed the way I saw the problem. 
  • Don’t get attached to your designs. I was attached to the vertical tiles in my initial designs but eventually admitted the horizontal was more in line with the goals functionally and visually
  • Get started. Too often I find myself needing to know everything before I can start. As I progress in my career, I am realizing to just get started and iterate. With this method, I get to reveal what I don’t know faster and get feedback sooner.
  • Network. I was very fortunate my manager encouraged me to set up meetings to get to know the people I work with. I was able to meet with several people and hear about their journeys in their careers. It gave me insight into design sectors I hadn’t heard of. Additionally, it made people easier to approach for assistance and feedback when I needed it in my design process.