<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" text="#660000">
(Adam, Trevor, and MUUG round table, I have added you to this
discussion for you valuable input.)<br>
<br>
My kids and I have been discussing proper icons to distinguish
collapsible content on the web (specifically on one of my new mobile
friendly/responsive web pages:
<a class="moz-txt-link-freetext" href="http://matchomatics.com/index.php?country=canada&page=why-matchomatics">http://matchomatics.com/index.php?country=canada&page=why-matchomatics</a>).
<br>
<br>
Our discussions were for which icons identify the collapsible
content behavior the best (arrows/chevrons vs +/-). <br>
<br>
After much more web based research I think I will stick to '<'
for collapsed and 'v' for expanded as using +/- icons can confuse
users that this is as an 'add/remove' action.<br>
<br>
And sorry Alex, I see only a small sampling of reference to an '^'
arrow to show collapsed content.<br>
<br>
Interesting to note that when using arrows the icon shows the
'current' state but when using +/- the icons show the 'action'
state.<br>
<br>
Don't you just love UI transitions, as in the 'hamburger' menu
icon...<br>
<br>
Bradford C. Vokey<br>
- Director<br>
==============================<br>
Fortress Software Incorporated<br>
==============================<br>
390 Provencher Blvd Unit F<br>
Winnipeg, Manitoba, Canada<br>
R2H 0H1<br>
-----------------------------------------------<br>
Phone: (204) 231-3969 or 1-800-665-0396<br>
FAX: 1-800-513-9356<br>
-----------------------------------------------<br>
</body>
</html>