UI & UX References #3
Replies: 22 comments
-
ShadowzShadowz is a small-scale French streaming service specializing in Horror movies. Platforms available are:
Home
CategoryThe list lazy loads as the user scroll down
Details
PlayerThe player has Quality, Audio, Subtitle, and Speed selection, as well as a direct link to subtitle styling options.
|
Beta Was this translation helpful? Give feedback.
-
|
Netflix Desktop:Home: Search: Player: AndroidHome: Search: Player: |
Beta Was this translation helpful? Give feedback.
-
|
Disney+ DesktopHome: Search: Details: Player: AndroidHome: Search: Details: Player: N/A |
Beta Was this translation helpful? Give feedback.
-
|
Amazon Prime DesktopHome: Search: Details: Player: AndroidHome: Search: Details: Player: N/A |
Beta Was this translation helpful? Give feedback.
-
Amazon Prime (Chromecast Addendum via Android)
From the three dotted menu Cast menu Amazon Prime tv season details (web)
Amazon Prime tv season details (Android)
|
Beta Was this translation helpful? Give feedback.
-
HBOAndroidHome Screen
Series Detail Episode Detail Chromecast Controller Web
|
Beta Was this translation helpful? Give feedback.
-
**Youtube TV**Android Chromecast Controller:
Web
|
Beta Was this translation helpful? Give feedback.
-
Poweramp [Android music player]Player UI with user-selected background
Three dotted menu |
Beta Was this translation helpful? Give feedback.
-
Alamo Drafthouse (web)Homescreen with 'welcome'
Homescreen without 'welcome' |
Beta Was this translation helpful? Give feedback.
-
Spotify desktop
|
Beta Was this translation helpful? Give feedback.
-
|
HBO GO DesktopHome Series Detail Episode Detail Player AndroidHome Series Detail Episode Detail |
Beta Was this translation helpful? Give feedback.
-
Deezer (web)Artist Details
Album Details [The button to the left of the "+" on the minibar is a full-screen overlay of lyrics]
Queue Overlay (pulls up from the bottom) |
Beta Was this translation helpful? Give feedback.
-
|
@MrTimscampi the image placement on that Deezer queue layout looks a lot nicer than what we have at the moment. It also more closely matches our item details page and would look excellent if we started using the queue for shows or movie marathons since they could use the poster card. |
Beta Was this translation helpful? Give feedback.
-
PlexAmp iPad ProNow playing screen (dark) Now playing screen (dark) Home page Now playing screen (dark) Now playing screen (light) Now playing (scroll down to next up) |
Beta Was this translation helpful? Give feedback.
-
Qobuz (web)Artist Details
Alternative with blurred art
Album Details
Track Details (musicbrainz!)
Music Playback with Minibar and Queue
Fullscreen playback
Playlist Blur/info
|
Beta Was this translation helpful? Give feedback.
-
Tidal (web)Full Player
Album Details
Album Details with Metadata
Artist Details
Searching for Kanye
|
Beta Was this translation helpful? Give feedback.
-
Primephonic (web) [Classical Music]Browse
Composer Details
Work Details
|
Beta Was this translation helpful? Give feedback.
-
|
I know the UI is the same for all devices in PlexAmp but it looks so bad on iPad. So much wasted space. |
Beta Was this translation helpful? Give feedback.
-
Plex Artists Grid View
Plex Artists Summary View
Plex Artist Page
Plex Album Page
|
Beta Was this translation helpful? Give feedback.
-
Roon Home
Roon Artists
Roon Artist
Roon Album
Roon Genre
Roon Discover
|
Beta Was this translation helpful? Give feedback.
-
Amazon Music Prime (web)Full Screen Player
Queue Management Album Details Artist Details |
Beta Was this translation helpful? Give feedback.
-
|
Roon Scanning status
Album editor
Discover
Album details
Fullscreen player
|
Beta Was this translation helpful? Give feedback.
-
The goal of this issue is to establish a list of user interfaces from streaming services, media servers, and media players that we can use as references when designing UI elements and screens around the web client.
The goal is never to make a 1:1 copy of existing services, but look at what is done on these services around the world and use these references to inform decisions.
When submitting screenshots, please be thorough and keep it to one service per post. Make sure to remove any personal information from your screenshots.
Beta Was this translation helpful? Give feedback.
All reactions