 |
 |
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 >>