Tag Info

Hot answers tagged

3

You can use a popout window, this will also free some space on the report inspector : download bmml source – Wireframes created with Balsamiq Mockups


2

Outlook does this reasonably well by right clicking on a column header and selecting group-by. This doesn't work so well on the Web especially with touch interfaces - though touch and hold is becoming more common. A tree icon by each column heading would work but would be a bit fiddly especially on small screens. A mobile style menu icon (small square with ...


2

Have you tried combining the collapsable accordion along with a detail view? It gives a nice fluid feeling, especially when the expand/collapse animations are done properly:


2

Be careful when increasing the visibility of competing items. If everything is important, then nothing is important. If you have many competing items, consider reducing the visual impact of other things in the grid, rather than making yet another thing highlighted. Keep the design clean and minimalist, and the little arrow will be enough on its own to ...


1

For the best UX you should probably use something like: "next event" Then another row with "future events" And the last row with "archive" where you can put all past events. This makes things clear to the user and makes it easy to navigate through.


1

You could use a scrolllist for the FAQ questions instead of a accordion. If you press e.g. on "Question 3" the detail view for question 3 is moving smoothly from right to left. If you press on "< Back" the FAQ list is moving from left to right. In addition you can offer buttons to switch to next or previous question in the detail views. download ...


1

Your question: What are the cases where one would use this type of filter and how effective is it? Is something you answered previously: [When you can] assume the user knows what the first letter of the item is. Context-wise, I think your two examples are likely the most applicable uses: dictionaries and address books. iOS7's address book, for ...


1

I will also give the same solution Select 2: http://ivaynberg.github.io/select2/ here you are also able to view the selected options...and scrolling would be required in both areas ('selected options' and 'options to select').. for hundreds or thousands of options, how can we display them without scrolling...


1

I'm not sure of what you are working in but I was always fond of a select box replacement written in jquery called Select 2. It has the appearance of a select box but when you click on it it gives a search box underneath. There are also examples for selecting multiple options if it is needed. Here's a quick mockup: download bmml source – ...


1

you could use an accordion, with all the option categories collapsed by default. clicking on one expands it. while clicking it again collapses it, like a toggle. clicking on another one expands that and collapses anything else thats currently open. after making a selection, the selection will be a part of the title in the accordion.


1

Your task is quite typical. For example, look how they do it for marking emails and mimic this interaction. This will guarantee intuitiveness of your UI. Keep in mind "noun"−"verb" is more appropriate interaction style, where "noun" is an object, and "verb" is an action. So user first selects multiple items and then applies action to the selection. For ...


1

More the number of indicative colors you use, more will the user be confused. Note that the colors are not intuitive as well. User can't tell what kind of thing the color represents by looking at it. My suggestion is to make the sorting indicator arrow bigger. [Off topic]: Please provide your users with a functionality to toggle the sort to no sorting as ...



Only top voted, non community-wiki answers of a minimum length are eligible