SlingPlayer for Mobile and Tablet

PROJECT OVERVIEW

A Slingbox is a physical device that you attach to your cable box/DVR, and it allows you to control and view your TV/cable box/DVR content using a broadband Internet connection. It allows you to watch and control TV on-the-go wherever you are through Slingbox software on mobile and tablet. SlingPlayer was our primary product at Sling Media. UX team supported backend software internally and all of the applications with different platforms for customers who have Slingbox.

 

ROLE AND RESPONSIBILITY

Leading and designing all SlingPlayer applications was my primary role. Setting up the design system such as liberty patterns, working process (specs, bugs), and managing source files, visual experiences and creating brands. Worked in collaboration with other UX designers, product managers, and engineering teams.

INFORMATION ARCHITECTURE & USER FLOW

Information Architecture

Launch Sling Player App Flow

WIREFRAMS

We had issues with the first release. For example, the guide showed up the top of the video and it was hard to select another channel (call sign) because two screens were overlapped. It didn’t include gallery and sports, only supported landscape mode.  We created the second version of wireframes for sign in, gallery, guide, setting, and full version video with other UX designers. For a new feature, we added the gallery for movie and sports, and a user can watch when they're selecting another channel at the same time.

UI AND VISUAL DESIGN PROCESS

Improved visual UI design. Made it simple, clean with modern graphics style and the flat elements but I kept Sling Media’s branding. 

Previous UI Design

Final Mobile Visual Design

FINAL DESIGN  FOR TABLET

Consistency is the most important key when I design with multi-platforms with one visual language. Having visually consistent UI elements helps menu bars, icons, and button styles in making the design more creative without leading to any confusion. Created consistent visual elements throughout all of our applications including laptop, 10ft, tablet, and mobile.

Final Visual Design

FINDING BUGS

Our engineering team was in Bangalore, India. We used Jira for bug tracking, issue tracking, and project management. But often times it was not easy to communicate with them, so I created documents to make communication easy with “Finding Bugs below.” It cleared any confusion and made the process and product better.

2020 JIN YEONG KIM    V.3