I find it odd that accordion menus are being used as a responsive design solution. How about doing some quick n dirty usabilty testing...
Sent from my iPhone
> On Dec 18, 2015, at 2:56 PM, Charlie Morris <[log in to unmask]> wrote:
>
> For what it's worth, the default of Foundation 5's implementation of
> accordions is such that only one accordion can be open at a time and
> there's an attribute you can set for "multi_expand". Same appears to be
> true for Foundation 6 <http://foundation.zurb.com/sites/docs/accordion.html>
> .
>
>> On Fri, Dec 18, 2015 at 3:13 PM, Scancella, John <[log in to unmask]> wrote:
>>
>> Kyle,
>>
>> It is possible. I typically do back end development but it also doesn't
>> seem unreasonable to have only one part of the menu open at the same time.
>> Perhaps there is another reason why the developer is unable/unwilling to
>> change it. Personally I would then ask that developer to propose another
>> solution, or mock up another navigation UI.
>>
>> After doing a little googling I found
>> http://webdesignledger.com/best-practices-accordions-in-web-design which
>> seems like a good overview. In the first example it points to
>> http://designmodo.com/ which you has the behavior I believe you want in
>> their demo http://designmodo.com/demo/jqueryaccordionmenu/
>>
>> Hope this helps. I find I always design better when I am forced to use the
>> product I am designing. Maybe if they have to use it for a couple months
>> they will change their mind.
>>
>> John
>> Note: opinions expressed in this email are my own and not those of the
>> Library of Congress
>> ________________________________________
>> From: Code for Libraries [[log in to unmask]] On Behalf Of Kyle
>> Breneman [[log in to unmask]]
>> Sent: Friday, December 18, 2015 3:01 PM
>> To: [log in to unmask]
>> Subject: [CODE4LIB] Accordion menus & mobile web best practices
>>
>> Our library website is currently being redesigned to be responsive. The
>> work is being done by an outside design firm and the project is being
>> managed by University Relations, our school's PR department.
>>
>> The mobile version of our responsive site has several accordion menus
>> (similar to attached). I've asked for these accordion menus to be
>> self-closing; in other words, there is never more than one expansion of an
>> accordion open at one time - if a user clicks to open another part of the
>> accordion, the first part simultaneously slides shut.
>>
>> I've been told that self-closing accordions are contrary to best practices:
>>
>> "Unfortunately, no, as this isn’t best practice. Accordions should require
>> a click each to open and close; in other words, nothing on your page should
>> move without a user action. This is true throughout our sites. See the
>> universal Quick Links in mobile."
>>
>> Is it true that self-closing accordion menus run counter to best practices
>> in mobile web design? The sort of behavior that I'm asking for seems, to
>> me, intuitive and expected.
>>
>> Thanks for your input!
>>
>> Kyle Breneman
>> Integrated Digital Services Librarian
>> University of Baltimore
>>
|