1

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

enter image description here

Doubts:

  • 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?
1
  • 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.