I already have a few suggestions, ideas. More will come later.
I’m not sure we should change anything to the top right menu on the player (Browse, Discover, Library). The blank space (divider) was also intentional. I believe it’s more consistent like this between mobile/desktop.
See current player header (logged out/logged in state)
I didn’t expect the website to have a logged in state at all. On the website, I think a link button 'PLAYER could better than LOG IN. I also think the user should have the choice here to not log in or create an account yet. If we already have session, the id server will immediately redirect to the authorize/continue to the player thing. If we don’t have a session, the login page will show up and the user would have choice to login or just head to the player directly.
I don’t see why we should not have the dropdown menu with theme settings and more for logged out users.
A message ‘Your’re previewing Resonate’ while using the player as a guest should be shown.
I agree the search input should be expanded by default, at least on desktop.
Being able to search both on the website/player would be great. An instant search as you type should immediately show if Resonate have something or not.
The browsing experience should indeed be enhanced with filters. (tags/genre, country, …, sorting) Maybe we can have a toggle button (show all/show only artists you’re following or have listened to)
In terms of SEO, the browse page is very useful too.
Thank you for your feedbacks @auggod and @melis_tailored.
We just have a call with @Hakanto to review all the points, and I think we have found a good solution. I will post the updated versions (desktop + mobile) here asap with more details.
You can switch from Laptop 1024 to Mobile 320 version via the Flows section (1st icon after the top left Figma logo) and click on every blue section that appears when you click somewhere.
Changes since last version:
Learn is now a dropdown menu containing links to About, Pricing, The Co-op pages plus The Handbook and Forum links. So finally @melis_tailored, About is not renamed Learn — there is no actual Learn page, Learn is just a menu item. @Hakanto and I think it can be really useful for users, as it works as a landmark when you’re lost or you don’t know what to do, linking to the most important pages and spaces of Resonate.
Search field is clickable and display search suggestions (Tags + Play history).
Should / Could “Play history” be replaced by Previous searches?
Browse / Discover / Library (only displayed after log in): we keep it as it is as suggested by @auggod
Log in: following @auggod comment, we need to discuss about it, maybe I don’t understand what it involves technically as the website and the player are separated for the moment, but it is a very common header pattern for users
User menu (when you click on the User avatar):
Total credits –> renamed “Credits”
Upload: link to Upload guide for the moment, but in the future, goes the the upload page for artits / labels
Theme options are moved to the Settings page, because user usally chose their theme only once, so it doesn’t make sense to always display it
The Coop –> Learn: About, Pricing, The Co-op, Handbook
Get Involved –> Community: move Team here, Community Forum –> Forum
Connect: no more Press, add Newsletter
Code: move Donate here, as donations help to finance the development of the product
the left part oh the header (logo + Learn + Search) stays up
the right part (Browse / Discover / Library / User) is fixed to the to bottom of the screen under the player
A footnote to this design is that there would no longer be a “landing page” on the player. Instead, the Learn menu will invite visitors to the website or handbook where they can learn about Resonate. This will also help us minimize pages and duplicated info (which is always a challenge to keep up to date).
Take the time to explore all the pages by clicking on all the links that appear in blue when you click inside the prototype: Home, About, Stream2own, The Co-op, Team, Community Credentials, Blog and Article.
The next step is to collect feedbacks during this week-end2021-08-27T22:00:00Z → 2021-08-28T22:00:00Z about the following points — feel free to use the Comment feature in Figma by pressing the C key.
Content & Hierarchy
Is there anything (pages, sections, texts) to modify / reorder / add / remove?
In truth, it’s been a real challenge to get my head around all this – the moving parts between the website, our membership processes, the forum guidance pages, signup process, etc. This stuff is tough! My brain’s felt fried while working on it, but I feel like I’m getting close to having some important clarity.