Mood Media Mobile Player Setup - Android App

Mood Media Client Request:

Design an Android mobile user interface for Mood Media’s monitoring and headless setup feature

Responsibilities:

Working with Mood Media's development team, design an android mobile user interface for the monitoring app. User should be able to login, check player status and connectivity, send updates, and view media history while following Mood's branding guidelines

 

UX Research:

  • modern look and feel

  • would like to be able to see all playback for one or two screens

  • would like to be able to send commands to player from mobile device

  • be able to see more than the last 5-10 screenshots of content that played - like to see timestamps on content

  • user needs a way to navigate to monitoring or network setup for each site

  • suggested for user to hold down to select monitoring and tap once to enter network set up; however, not intuitive if user has never used app - need a more identifiable way to select between monitoring and network setup

 

Execution:

  • login screen provides options to select server, url, username, and option to show password

  • search feature included to on workgroup screen - some clients have thousands of locations and workgroups, allows for quick selection instead of having to endlessly scroll

  • card system used for each site with easily identifiable options to enter monitoring or network setup for player

  • monitoring features overview of player commands, status, screenshots, hardware, and network setup

  • card system used in monitoring to help organize content and create a separation of options

  • command list - ability to send live commands to player from device

  • overview of player status with ability to view a list of playback on each screen

  • glimpse of player screenshots with the ability to see all - thumbnails load as a user scrolls to allow for quicker loading times and when selected, displays timestamps

  • network setup allows a user to check status and update all player connectivity properties

 

Designed in Sketch and prototyped in Principle, documented and packaged for development team

 

*all content property of Mood Media

layer1.png
Three-Up_2.png
 

 

Mood Media Mobile Player Setup - iOS App

Mood Media Client Request:

Redesign Mood Media’s “headless setup” feature for iOS mobile devices

Responsibilities:

Working with Mood's development team, redesign the iOS mobile user interface for the “headless setup” feature. User should be able to login, check player status and connectivity

 

UX Research:

  • looks outdated

  • would be nice to have a step by step guide to connect and configure player

 

Execution:

  • updated look and feel while following Mood's branding guidelines

  • used identifiers to show status of player and whether it is connected

  • increase user experience and activity by incorporating a screen guide displaying a step by step process

  • included ability to copy password 

  • after step one is completed, configure button shows as enabled and allows a user to setup the player 

  • increased user experience and user activity

 

Designed in Sketch and prototyped in Principle, documented and packaged for development team

 

*all content property of Mood Media

 

 

ios_iphone_app.png