1

This question already has an answer here:

I am designing a portfolio page which is showcasing the list photographs. Below are the blue print and doubts.

enter image description here

Doubts:

  • How the user will know the portfolio items have a description on the hover states?. Do I need to put any hint for the same?.
  • In mobile devices don't have the mouse over concept. So how can I represent the same idea (To replace the hover state) in the mobile design.

Thanks in Advanced

marked as duplicate by Mayo, JonW Mar 16 '16 at 14:24

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • hover effects on touch screen is a much discussed topic. +1 for that question. Try this link and this link. – Varun Nair Mar 16 '16 at 12:19
2

My Suggestion shown below.

On Desktop

mockup

download bmml source – Wireframes created with Balsamiq Mockups

On Mobile

User tend to scroll more on mobile devices especially if you are designing for a blog/static site. You probably want to show everything instead of hiding and making user tap on individual photos. I would say just place a truncated description below the photo. The user can click to read more if they are interested.

mockup

download bmml source

**

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