I am designing a portfolio page which showcases a list of photographs. Below are is wireframe and my main doubts.

enter image description here


  • How will the user know the portfolio items have a description on the hover states? Do I need to put some kind of hint?
  • 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?
  • hover effects on touch screen is a much discussed topic. +1 for that question. Try this link and this link.
    – Varun Nair
    Mar 16, 2016 at 12:19

1 Answer 1


My Suggestion shown below.

On Desktop


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.


download bmml source


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