Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a photoblog that I am building, the prototype is on CodePen. The focus in photos, but I also wanted to include a brief set of details. But I wanted this to be unobtrusive for power users that just want to browse pictures.

Are there any studies about what type of icons would be universally understood? For example "read more" becomes an eye sore to read on a photoblog. This is what I have so far

screenshot

So this audience is likely teen to early 20s who is more familiar with how to use technology.

But just in case, should I somehow draw more attention to the way to display text (do you even know what to do at this point?), and perhaps does placement affect how easy it is to interact with the article?


EDIT
Version 2

version 2

share|improve this question
add comment

2 Answers 2

up vote 5 down vote accepted

That icon is not a read more icon, it's more of a drop down menu or bullet / unordered list icon.

The best thing to do when showing and hiding content, would be to use textual links whose wording changes based on the toggle state. You could still use an icon, but something that is known for toggling visible state.

Something like:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

mockup

download bmml source

share|improve this answer
1  
My mind read "unordered list" when I saw it. :) –  Evil Closet Monkey Feb 6 at 23:11
    
@EvilClosetMonkey - LoL ... yes, I thought it was a bullet list as well initially. Edited my answer to include those as well. –  Code Maverick Feb 6 at 23:23
    
When I first added that icon, it was because I was going to use a list of things (location, skater, time, etc.). But I agree with the "more info" –  JGallardo Feb 6 at 23:53
add comment

You could possible also use the (i) icon for information and simply have a close on the content you expose. This icon could float on top of the photos bottom-left if you wanted without much issue or put below the photo as you've done with more/less info.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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