2

On iOS devices, Apple uses a Detail disclosure button for additional details that are aside from the main list navigation. The image below is taken from the iOS HIG.

detail disclosure button capture from the Apple iOS HIG

Another example of this can be seen in the "phone" application on iPhones.

Screenshot of the Recents page on an iPhone

As this icon is iOS specific, I don't want to use it for non-iOS applications. What alternative icon would you use for detail disclosure in a web application that will be used on iOS, Android and Blackberry devices?

3 Answers 3

3

It's a pretty commonly used icon for "click to show more"; not the exact icon but the guillemet going outward in some form of icon. A guillemet on it's own tends to indicate the whole row is clickable but making it "look" like an icon suggests that specific area is clickable. Trying to be too different is if anything more harmful than going with the standard.

It's also important to note that the actual term "detail disclosure indicator" is a term invented by Apple just for their own HIG; no one else (to my knowledge) has such a rigid structure for what icon means "next hierarchy level" and which means "show me this detail", thus you're not going to find the explicit items Microsoft and Google require for this purpose because they don't exist; your best bets are what icons common apps for either (or all) platforms use which are also applicable to your use.

Another common, possibly more common pattern is the chevron pointed down to indicate "click here for more details" (and often pointed up to mean "hide details") This is youtube's:
enter image description here

A plus sign is also fairly common in web apps to mean "expand" but this could also be confused for "add item" or similar meanings depending on context.

0

I have seen similar examples on some android apps, but I don't think this is particularly well known interaction for android users.

Can you have different versions for iOS, Android and Blackberry? I found some research that shows users try to use the Android hardware button to access such information.

See: http://www.dmitryn.com/2011/05/04/5-research-based-design-principles-for-porting-ios-apps-to-android/

5
  • No, we need it to be one version for all devices. It's not a native app, just html + css + javascript.
    – JohnGB
    Commented Nov 25, 2011 at 11:52
  • Hmmm, tricky to find something that works across all platforms. A simple > icon or "further info/details" link/button?
    – Sheff
    Commented Nov 25, 2011 at 12:22
  • A simple > is clear enough... IMO
    – sysscore
    Commented Nov 25, 2011 at 14:15
  • A simple > is a disclosure. A detail disclosure is a different pattern. We already use the disclosure (i.e. >) for disclosure, as is recommended in the Apple HIG.
    – JohnGB
    Commented Nov 25, 2011 at 15:40
  • The android hardware button (assuming you mean the context menu button) isn't for this purpose at all, it's to bring up a/the menu in an application, by default a context menu.
    – Zelda
    Commented Nov 27, 2011 at 16:35
0

How about just > ?

1
  • 1
    That is the disclosure icon and not a detail disclosure icon. It signals something completely different.
    – JohnGB
    Commented Nov 25, 2011 at 15:39

Your Answer

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

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