1

I have Four divs on my homepage. Every div is showing a number and a indicator. But I have further details for each of the div which will be shown upon user click. Now I want to know what is the best approach to show the user that this div have further details. I have different options in mind like on top right corner adding a simple right arrow (shown in picture) or to add some other icon (like burger icon or grid icon) , a simple '>>' sign , or adding text 'more details' with link. But I also dont want to add much text in the div. So what will be the good approach for this according to the user experience perspective. I'll be looking for your valuable suggesstion.enter image description here

6
  • I would try adding shadows to the div to look it more like a button. A button by instinct is click-able. Give it a try.
    – Mukul Goel
    Jul 14, 2015 at 10:33
  • I would advise against that. The graph itself could have an interaction with-in, making it a clickable button and having to change the design to do it not a good approach.
    – Rayraegah
    Jul 14, 2015 at 10:56
  • @Rayraegah Sorry I couldn't understand your comment perperly. Are you talking about graph on the top of the divs ? Im asking for the four divs under the graph.
    – Omar Bahir
    Jul 14, 2015 at 11:01
  • Yes, the Gauge graphs or visuals. If they're images then Mukul's method would work.
    – Rayraegah
    Jul 14, 2015 at 11:09
  • @Omar where do you plan to show more? in another page or in the same? Jul 14, 2015 at 13:37

1 Answer 1

4

The four Divs on your homepage could be treated as Cards. By popular convention, you can create an action panel underneath your card and include buttons or links for actions such as "more details" or "share".

mockup

download bmml source – Wireframes created with Balsamiq Mockups

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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