I am working on a lyrics site. The site is very much a work in progress. This is a re-write of the site. On the old site, Google Analytics informed me that 90% of my users were mobile users. So that is what I'm 100% concentrating on.

Here's the mobile experience that I currently have in mind.

enter image description here

My next thing to work on is search. What I currently have in mind is this:

search button on site

Once you click that yellow search button, the whole thing slides left, and you get an input box to start searching.

This search will be searching for both lyrics and artists. I need help on the best way of displaying those results to the user.

The user must know what result is an artist and what result is a lyric. Right now, what I have in mind is something like:

search results

But I am not sure if it works well. I feel like there's not enough distinction between a lyric result and an artist result.

Is this a good way? If not, what is a better way?

  • do you have an order in the results (all artists on top)? if yes, you can label the category of resutls, e.g. Artists: and then Songs:... if not, you could try labeling each result (if there is not enough space you an experiment with background colors or icons and test with users...) – Aprillion May 19 '19 at 11:25
  • I could get the API call to return to separate lists, one for artists and one for lyrics. That wouldn't be a problem, but I'm more curious on what would be the best way to display the results. Background colour is a good suggestion, I'll have a play. – J86 May 19 '19 at 11:43
  1. Provide separate search, so that user either searches for lyrics or for artists.
  2. Provides configuration option so that user decides what has higher relevance, like "lyrics first", "artists first".

How about something like this. It has two tabs with the search results. Artist and Song are the tabs labels.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.