Tag Info

New answers tagged

1

This answer assumes that the interaction you're after is browsing, and not searching, as other answers have alluded to. There is already a pattern for such a browsing experience, used in the iPhone contacts lists, and utilized in this answer to a similar question about long lists. I've taken the concept and added the idea that when you jump to a letter, ...


0

Depending on the type of user the solution would vary: User searching for a song of his choice : In this scenario, what DripDrop (below) mentioned about just in time lookup would be a right choice. User is exploring the songs and is not looking for something particular : In this case you can add another level of pagination e.g if I am in [b] then [<< ...


0

Try making something similar to Windows explorer's search, where you start typing the song name, and it completes the list based on the closest matches. Some optional ideas is to make the system update less times if the system is slower (low ram, less than 4 cores, etc.), or to make an algorithm to pick songs to update the songs according to the recently ...


0

Interesting debate about the usage of <small>. Your usage of it may be correct, I have a feeling that SiteImprove is just mentioning it as a warning. However if you look up the w3 spec, they have examples of what footnotes should look like http://www.w3.org/TR/html5/common-idioms.html#footnotes Notice neither contained the <small> tag. My ...


1

Desktop notifications are far preferable, even on platforms where the current implementation isn't to your taste. Browser alerts are terrible UX. They break things like drag-and-drop operations, they have the standard problems of modal dialogs, users close them without reading them, and there's no way to defer the notification. A one-time authorisation ...


2

Really interesting problem. Hopefully this solution is self-explanatory. download bmml source – Wireframes created with Balsamiq Mockups EDIT It wasn't self-explanatory. The range at any given time is one of: 0us -> 1us 1us -> 10us 10us -> 100us 100us -> 1ms 1ms -> 10ms 10ms -> 100ms 100ms -> 1s Clicking on "shorter" or "longer" alters ...


1

With angular there are lot of options. One of it is Ui Sortable Angular library https://github.com/angular-ui/ui-sortable demo @ http://codepen.io/thgreasi/pen/olDJi You could use this as the right side list


1

You could use a one-line textbox with suggestions, very similar to StackExchange's Tag editor: elements are separated by comma, starting to type will show a list of matches. I would add a "edit..." button that pops up a modal editor (using the majority of screen estate) for this field. This could basically be the two lists side by side, as in your ...


17

Another option is a logarithmic slider, like this: download bmml source – Wireframes created with Balsamiq Mockups This is appropriate when the value can span multiple orders of magnitude, but the number of significant figures is low. It will not allow the user to select between, say, 500 ms and 501 ms, so I suspect it might not be what you ...


0

I understand that the user may have reasons for manually sorting a list. However, it seems that some use cases (including the one with hundreds of items) may benefit from auto-sorting options. Sort options could be on the left hand list, to use prior to choosing a subset of selected items on the right hand list, to use after choosing a subset This ...


3

I don't know how easy this would be to do in Javascript, nor whether it would be appropriate for your particular application. In an app I've worked on, our design team solved this by having a slider and a specialized text field. The slider covers the typical range of the parameter, but the text field allows a much larger range, and you can click and drag ...


6

Using many input controls with different measurments is rather not optimal, because user will spend time to decide, which one fits to him. You may trim and move x100ns outside edit: download bmml source – Wireframes created with Balsamiq Mockups If odd value is entered, after leaving focus it is corrected to odd (lesser or bigger). Also in ...


32

I've taken the time to draw some wireframed examples that might help you decide on how to design your time-picker control. Below you can see 3 screenshots which show (IMAGE 1) a time-picker control for all units, an increment button, decrement button, numeric input field and unit picker dropdown (if needed.) IMAGE 2: The idea is that you set it up so that ...



Top 50 recent answers are included