DisneyNOW Design : Hero Carousel

Created by Angela Glass, last modified by Rona Sheen on Apr 23, 2019
Feature Product Manager

Courtney Erhart

UXRona Sheen
VisD

David Avery

DCWW-312 - Jira issue doesn't exist or you don't have permission to view it.

See also Carousel Usability & User Experience Research.

Related Discussions

  • 10/15/2018 - David Avery, Jason White, and Courtney presented Immersive and with Peeks Hero Carousel concepts at the monthly DNOW data meeting to Programming team. Programming liked the Immersive concept and Robin Campbell also liked that it kept the 16:9 asset deliverables. The peeks concept would have needed new asset size delivery. 
  • 10/16/2018 - Rona, Courtney, David - Ad-hoc check-in about Keep Playing tray. That tray currently flows off the screen rather than stacking in a grid. With the new hero carousel, on LARGE breakpoints, the Keep Playing section will also flow into the grid so all tiles fit into the fixed width. SMALL and MEDIUM breakpoints will continue to have Keep Playing flow off the screen. 
  • Spring 2019 - Jason White made a prototype for web. David/Rona working on cross-platform hero carousel designs. 
    • Roku devs prototyping. PNG sequence works for WATCH NOW button


Mobile Phone and Tablet

MobileTablet


Web

Small - Mobile Browser TouchscreenSmall - Desktop BrowserMediumLarge


Connected TV Devices




Roku / Fire TV / Android TV - Hero Not FocusedRoku / Fire TV / Android TV - Hero FocusedtvOS - Hero Not FocusedtvOS - Hero Focused


Button Mapping for TV Remotes












2018 Design Work


      DCWW-372 - Jira issue doesn't exist or you don't have permission to view it.

      DCWW-373 - Jira project doesn't exist or you don't have permission to view it.

        DCWW-372 - Jira issue doesn't exist or you don't have permission to view it.

        DCWW-373 - Jira project doesn't exist or you don't have permission to view it.

        DCWW-371 - Jira issue doesn't exist or you don't have permission to view it.

          tvOS

          Roku Technical Design Constraints

          • The enlarging of the slide when its in focus will most likely run us into similar issues as when we apply the enlarging of content thumbnails
          • Images don't scale up well on Roku making them gritty on HD and SD screens and we can't enable a native focus state when we try to combine enlarging and border effect—its either one or the other
          • A good example of an app that has a slideshow that feels great (native focus) is STARZ has almost the same look your going for just different aspect ratio for the slide images

          FireTV

          DCWW-370 - Jira issue doesn't exist or you don't have permission to view it.

            Small

            Medium

            Large



            Attachments:

            Home_HeroCarousel-Button Mapping.pdf (application/pdf)
            tvOS_Home_Hero-Focused.png (image/png)
            tvOS_Home_Hero-Unfocused.png (image/png)
            RokuAndroid_Home_Hero-Focused.png (image/png)
            RokuAndroid_Home_Hero-Unfocused.png (image/png)

            Comments:

            Peter Gluck notes that "counter" is a strange term for the UI component.
            Posted by angela.glass@disney.com at Aug 14, 2018 14:57