NBCUniversal DSR Admin UXD Recap January, 2011 DCS TS and Naviscent 1

NBCUniversal Recap We engaged Naviscent to conduct an analysis of the user experience design of the DSR administration functionality and interactions. 2

NBCUniversal Project Goals Highlight options that look to increase the usability of the DSR admin interface. Show examples of industry user experience best practices updates that can be made and user flow updates that should be considered. Provide insight into streamlining and simplifying the DSR admin processes in order to increase efficiency. Look to: Decrease cycle time Eliminate user mistakes Reduce end user training time Propose next steps for how to redesign the entire DSR including the Admin Tool and Viewer. 3

NBCUniversal Project Approach Stakeholder interviews Chris Dinh Bill Lyon Armen Abelyan Vijay Rajagopalan Bill Endow Timeline Kickoff on Dec 20, 2011 First draft report on Dec 29, 2011 Final report on Jan 19, 2012 Deliverables Create high-level organizational concepts for admin site information. Create a document that addresses how to redesign the DSR to reach product goals, outlines redesign results and proposes next steps. 4

NBCUniversal Suggested Interface Updates Overhaul the metaphor Eliminate Mistakes Apply usability best practices Make personalization a priority Showcase potential problems more visually in order to decrease cycle time. 5

NBCUniversal Suggested Interface Updates – Current Ingest Screen Overhaul the metaphor A.The navigation is set up for database administrators as opposed to everyday users. This needs to be reorganized. (See additional slides for more details on how). B.Reorder the fields into an order that makes sense to the user. (See suggested updates for additional details). 2.Eliminate mistakes – Display name should be auto filled by the system to eliminate frequent mistakes. (format of display name TBD and to be decided by NBC’s internal teams). 3.Apply Usability Best Practices A.Rename Asset Expiry to be Expiration date. Rename Search Tag to be Tags. B.Remove FLX File, PH File, & Priority fields (these no longer apply). 4.Apply Usability Best Practices A.Add “Add New” as a selection option to Show, Content type, Season and Episode and allow the user to do these on this screen. This removes the New Episode fields. (Example on suggested updates slide). B.Make dropdowns combination dropdown, text field so that user can begin inputting an item to search for it in the dropdown list. C.Allow correction/deletion of misspelled data. 5.Make personalization a priority – default dropdown choices as much as possible. Default the users’ location, content type, season and subcategory to avoid them selecting the wrong choice

NBCUniversal7 Suggested Interface Updates - Navigation updates 1.Assets – approval, editing metadata, deleting has been merged. 2.Users – Business Units and Groups have been folded into the Users section as all of these data are related. Profiles and Roles are subcategories under each item. 21

NBCUniversal Suggested Interface Updates – Ingest Screen 8 1.Apply Usability Best Practices - Update background color to be light, and the text color to be dark to have a contrast level that is easy to read. 2.Apply Usability Best Practices – example of putting “Add New” option in the dropdown selections so that the user can complete task without leaving the screen. Clicking would bring up a pop up with “New Episode / Category” fields. 3.Apply Usability Best Practices – Combine the Ingest and Approve actions in one screen in order to decrease clicking around in the application and increase cycle time. After Upload has been clicked, Approve becomes active. (Additional Slide show flow improvement). 4.Apply Usability Best Practices – Redundant watermarking has been removed as it is unnecessary here. This lives under shows. 5.Overhaul the Metaphor – Encoding should be moved to the preview screen

NBCUniversal Suggested Interface Updates – Current Process Flow 9 Current Upload Flow Applications the user must interact with 2 (external encoder & DSR) Responses sent to the user 5 Tasks user must perform 4 System tasks user must respond to 5

NBCUniversal Current Upload Flow Proposed Upload Flow Applications the user must interact with 2 (external encoder & DSR) 1 (just DSR) Responses sent to the user 52 Tasks user must perform 4 tasks3 System tasks user must respond to 53 Suggested Interface Updates – Proposed Process Flow 10 By merging approval, metadata and delete, and by moving the external encoder into the preview section, we are able to streamline the upload flow by eliminating multiple actions and speeding up the process.

NBCUniversal Next Steps Short-term Remove unused functionality (PH file, FLX, Priority fields in the ingest screen) Rearrange remaining fields/functions based on proposed design (Update navigation to short term navigation map on page 10) Pre-populate fields based on system knowledge (Show, Category, Sub category, Location, Display Name) Enable correction or deletion of misspelled data (Show, Category, Sub category, Location, Display Name) Rename fields to be in-line with users expectations (Asset Expiry = Expiration Date, Search Tag = Tags) Medium-term Invest in customized admin site based on user profile Invest in design for a dashboard Long-term Allowing users external to the NBC network to ingest files. Updating browser compatibility. Fixing trusted site issue in IE. Updating the necessary file format to be more inline with current and future video standards. Update business rules and process flows. o Understand and define costs for services. o Create and update with anti-piracy standards. o Make process for naming and coding more efficient. Define Editorial Workflow. 11

NBCUniversal How Naviscent Can Help Realize the full DSR admin design Additional discovery Conduct interviews with the Business Engagement team and further interviews with the Technical Solutions team Update business rules and process flows. o Understand and define costs for services. o Create and update with anti-piracy standards. o Make process for naming and coding more efficient. Define Editorial Workflow. Conduct an Information Architecture exercise to insure the DSR admin nomenclature and organization matches end user’s for the best possible customer experience Design the segments of the DSR admin that have not yet been addressed: Dashboard: to provide quick visual feedback on system health, tasks in process Customization of site based on user profile Users, Shows, Systems tasks and flow design Skin the designs with visual design Conduct usability tests during the design iterations and after visual design Engineering Support Prototyping, Front-end development and Back-end development support Enable users external to the NBC network to ingest files. Address browser compatibility, and fix trusted site issue in IE. Enable DSR admin, DSR viewer to handle ingest and display of current and future video standards. 12

NBCUniversal How Naviscent Can Help Take DSR design into multiplatform and Multi-language environments Explore the existing and potential use cases for DSR with the Business Engagement Team and Technical Solutions Team Redesign DSR for use on PC’s, Tablet, and Mobile Devices Address localization for languages spoken by DSR end users. Identify opportunities for improving user experience in varying bandwidth scenarios. Build in opportunities for capture of metrics enabling reporting and analysis of cost of services Look at the potential benefits of unifying DSR and DSR Admin to take advantage of efficiencies in design efforts and end user task flows Skin the designs with device appropriate visual designs Conduct usability tests during design iterations and after visual design Prototype the new designs, Provide Front-end development and Back-end development support 13