An accordion is a stacked list of item references (e.g. labels or thumbnails), where each item can be "expanded" or "stretched" to reveal more content associated with that item. Typically only one item can be expanded at a time, and expanding a second item causes the last opened item to be closed.
2
votes
3answers
70 views
Accordions to View More Content
I'm auditing a site and came across a section that has a list of core attributes for the organization. On load, the first one is open, and then the rest expand whe you click/tap, with whatever one ...
2
votes
1answer
58 views
Listing of a schedule/itinerary
I've searched for the discussion about tabs and accordion and the differences between them.
I'm currently designing a layout for an application displaying the itinerary for a holiday/vacation. I'm ...
2
votes
1answer
67 views
Best way to indicate a new cycle (of a set of actions)
I'm building a feature where the user is asked to send customized messages to their friends. The process involves two steps:
Selecting a friend (will have autocomplete / suggestions)
Selecting ...
1
vote
0answers
62 views
Expandable\accordion table row example [closed]
I would like to to present the users with a set of data, in a table\grid and when they click on a row, instead of taking them to another page with a form, to expand the row (like accordion) and show ...
6
votes
5answers
293 views
Accordion Menu or Static Menu Options for Touch Screen optimization
I'm in the process of redesigning dialog menus for our application. The biggest reason is to make the application touch friendly. But these menus will be used in both touch and mouse environments.
...
37
votes
7answers
980 views
How should you show that an accordion is expanded?
When you have an accordion, you need some way of showing the current state is expanded.
There are a number of different ways of handling this, and each is used by a number of respected websites and ...
0
votes
2answers
135 views
Is an accordion worse than a grid?
I am building an author site for myself, and would like to display, for each book, the cover image, the title and an enticing blurb, and links to (say) four other books that might be of interest.
...
5
votes
2answers
182 views
Mobile navigation
A responsive approach has been taken to the current project I am working on. It is a corporate website with 3 levels of navigation. Attached is an example of the solution I have come up with for drop ...
1
vote
3answers
153 views
Would it be a good or poor user experience if I guide users through a wizard and not let them see it again?
I'm currently designing the UX for an event travel site. It starts off with the organizer registering and then it goes right into the "wizard" where it functions like an accordion -- broken up into a ...
13
votes
2answers
555 views
What is the name for the horizontal tabs expanding / contracting kind of navigation?
Can somebody tell me if there is a name for this kind of tab navigation implementation?
3
votes
2answers
224 views
Category and tagging organization
Background
Looking to present tagged recipes (edit: that users have tagged themselves on their own recipes) in a way that makes them easy to find. All tags are automatically categorized; recipes may ...
17
votes
2answers
801 views
Senior Usability and Navigation
Does anyone have any current resources for senior usability? I'm specifically researching navigation: tabs and accordions. The Jacob Nielsen site has a report that's over a decade old. I'm looking for ...
8
votes
4answers
287 views
Accordion in a webapp - Should I allow more than one open?
I have several long forms in my web application.
I thought about using an accordion design to save unused space in the form (The form is already split into several sections)
download bmml ...
2
votes
1answer
211 views
Navigation design pattern for showing current state
I'm looking for a high-level navigation design pattern that will also show the current navigational state. (Ex: Dashboard, invoices, settings, etc...) I am currently planning on using an accordion ...
2
votes
2answers
175 views
Is there a proper name for the accordion-like stacked panels?
Essentially, it's a collection of panels, stacked towards the top. Each can be expanded or collapsed on its own. When a header is expanded, the headers below it "stick" to its bottom. This is in ...
2
votes
3answers
166 views
Should I leave white space inside accordion?
I'm building some web editor for charts and decided to group various independent chart options inside accordion. A question poped up about whitespace inside contents of some accordion panes. Basically ...
4
votes
3answers
736 views
What is the correct usage for toggling triangle icons (down/up) on a click-to-reveal link?
I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide.
...
2
votes
1answer
478 views
Accordion or drop down menus?
I am in middle of a confusion, where I am not able to choose between accordion menus and drop down menus?
I have a menu of links, just the way I have shown in below Wire frame. [Learning Apps]
On ...
2
votes
3answers
314 views
Best way to make user complete each accordion of content
I have a page with a number of accordions on the page that are used to group certain items together and take up less screen space.
I want the user to know to have to go through each accordion to ...
2
votes
3answers
313 views
Configuration form with multiple steps
I am working on converting a winforms application to WPF. So, we are also trying to make sure this is good from a UX point of view in the process.
I have a configuration form that I am not sure if I ...
10
votes
4answers
2k views
When is it bad practice to use an accordion control?
I've been using Accordion controls in many design situations...
I find them useful for:
Progressive disclosure of long wizards (reduces number of pages)
Questionnaires where you want to be able to ...
4
votes
2answers
2k views
Tabs or Accordion (collapsible / expandable) content sections [duplicate]
Possible Duplicate:
accordions vs tabs
What would the most user friendly experience be to display a the content of a long web page? Display it as collapsible and expandable content ...
4
votes
3answers
2k views
How to handle very long accordions?
I have condensed a rather long list of items into an accordion so that only the titles are initially visible and the accordion expands to show the details. The list contains the main content of the ...
7
votes
5answers
2k views
Why would you use SlideDeck (horizontal accordion) instead of a carousel?
I'm reviewing a client's site and their designers have used an unusual element to present some of their key points. The element is called SlideDeck and it's basically an accordion menu that is turned ...
16
votes
2answers
3k views
accordions vs tabs
What is difference between accordions and tabs from the UX point of view?
This is repost from this thread on SO: http://stackoverflow.com/questions/5690589/difference-between-accordion-and-tabs
(I ...
12
votes
4answers
2k views
Which way should arrows point in a collapsible accordion? Left/down … down/up?
What is the best way to indicate that it's possible to open and close an element accordion-style?
Arrow pointing left/arrow pointing down
Arrow pointing down/arrow pointing up
Plus sign/minus sign
… ...
2
votes
1answer
189 views
Rollovers within Accordions
I am currently redesigning an existing site that contains a large number of articles. I'd like to cut out a number of intermediate "category" pages within the site by fitting article links within ...
