Tag Info

New answers tagged

2

I completely agree with the reasoning in Oztaco's answer about expected behaviour, and will add an alternative solution: You mentioned you want to avoid clutter - you could add a 'sorting' icon such as the one below, which could open a dropdown or expand to show sorting options.


5

Personally, I think you should leave it up to what users are most used to which is the 'sort bar' you have in your second picture. Alternatively, you can do what sites like Amazon do and just provide the sorting options in a dropdown menu like so: These two methods are the most common and users are likely to be used to them. Deviating too much from them ...


1

Some good ideas here already, but in case you decide to go with the single list, you could add a filter button at the top (could also be a checkbox):


6

I don't think you'll find something about this because the premise seems to be incorrect, since sorting is a way of filtering, thus the answer is already included in the question. However, if you consider filtering as an action with sorting and filtering(n) as sub-actions then you could recognize some patterns, which will vary with amount of data, ...


1

I think there is a great reason to use the single list with two sections. The user doesn't have to switch screens to view the alternative blutooth devices, and are more likely to want to use the ones that are on in the first place. Even with the scrolling, it seems less complicated. People seem like they would be less likely to try to access something that's ...


1

since you tagged your own question with the Material Design tag, I'd suggest using actions that fires bottom sheets for each of your alternatives. This way, you could clearly display both options on same page, providing the user with simple and direct access and displaying the alternative paths an user can follow on a single screen. This being said, tabs ...


1

I would have your design follow the path/user story you describe- you said users want to see devices in range, or they want to request permission to connect to a new device. I would have a single screen/tab- the left screen is visible at first, but a button or clickable hyperlink at the bottom that says "Or request access to new device". That would open the ...


0

Think it depends a lot on the context. in a e-commerce setting the sort types maybe price, latest arrivals, discount. In a video website it might be duration, view count, etc. from analysis i've personally seen users sort by price in ecommerce, while for videos users sort by view count


0

Couldn't you have another column in the table called 'Errors' and list any errors in that? Then you could just have the table ordered by the Errors Column when it loads with Errors so they were positioned at the top.


0

Build a sub-interface for working through the errors In more advanced version, you could put together a slideshow modal that will represent each inadequate entry as a separate "card." The user could then gradually work through all the entries, solving the problematic lines one by one. This requires additional dev resources, of course, but it could really ...


0

This obviously depends a lot on the game itself. Think of the pace of the game. How fast do players need to locate and use the controls? If speed and skill is part of the gameplay it is better to have the controls designed and positioned to be used often and fast, and not having too much of them. Sometimes a game’s complexity is the game itself. A strategy ...


0

You can either have:- An icon for indicating error/warning and mouse over tool-tip to show all. Or, have error/warning column in the table showing few errors/warning with provide more/less link/action to view all errors/warning and less to collapse.


0

Repeated elements can be clustered with another structure. Let's say you have: Archers, Spear-man, Swordsman and Catapult You can first select - a group of unit - decide on the ratio between base/bunker with the amount of resources. If you have visual cue for each group of soldier on your screen; you do not need four sliders at all. Of course, the new ...


3

Instead of displaying a "load more" button, you can easily just put a phrase that says something like "end" such as: download bmml source – Wireframes created with Balsamiq Mockups Obviously, wording can change, but as long as they know that there is nothing more to show. Heck, even not displaying a button anymore can be sufficient enough.


0

You can use the swipe left or right option to have reorder list option and if you already have the swipe reserved for some other options then you can use it in same side as I showed in the attached image. If the user wants to reorder the list up by one or two steps then they can easily move it by taping the arrow up or down otherwise they can enter the value ...


1

And why not have the possibility to insert a line at any place the user wants ?. If the end of the list is really bad place with bad ux for the user when he has got a huge list if you fix the field add on the top of the table while the user scroll he can reads his table and scroll in to check an existing value for example. And when he doesn't see the value ...


1

There's a very good article on UXMatters about filtering information in tables. Although old, it still makes a lot of sense. A few options have been considered, like data filters above a table: filters to the left of the data or tabular format in case the number of filters is low There's also a good discussion about consistent availability and ...


1

I find the search box more intuitive for search. However, the text boxes provide a way of advanced filtering. So, the question is - do you want your users to search or filter? If you want both, you may consider the following intermediate solution, Amazon is using the same. Your search box searching all columns by default but the user has the option to ...


0

Actually your 1st option is a Filter, while 2nd one is rather a Search. They are just different tools. And both tools are useful. But dealing with large and complex datasets, I'm for 1st option. Per field filters provide more clear mental model. Table explicitly presents the data in highly structured view, which affects user's mental model. They think on ...


0

Grids are useful. Here are some tips which I hope are helpful. Grids don't have to look like grids. For example, the border width may be 0, or the border colour may be the same as the background or the fill colour. One drawback of this is that if the content is highly inconsistent in length, users may not perceive a pattern, and may instead see a ...


2

For me the only reason to avoid the single search (2nd option) would be to have several columns with similar content, thus leading to an inefficient search. If that's not the case I would totally go with the single search: There's only 1 entry point for search, thus less cognitive load. The users only have to think what to search, not where to search ...


6

Neither seem consistent The first big difference I see appears when the user have a list of maybe 15 items and they enter the page to add another one, I don't think it's a good idea to make them scroll to reach the New Item button. In the other hand placing the New Item button in the top isn't very familiar, plus the input point would descend 1 place to ...


1

The answer to the question is based on the fact that whats more important to your users, for them their old items in the wishlist might mean more to them and they would want them at the top (and add the new ones to the end of the list). The another approach, which I can say is more preferable in case of wishlist is, the newer the entry the more it is ...


0

If possible I'd avoid surfacing time stamps in the UI. It would be easier to understand if every time-looking text ("00:00") represented a duration. If this isn't possible I'd explicit label all time displays: download bmml source – Wireframes created with Balsamiq Mockups and have them all fixed in place. The time outputs that aren't in use ...


1

Your current design looks solid. I think the placement of the set duration works, but if you're incorporating a time stamp as well, you will need to differentiate them to avoid confusion. Maybe something like so: download bmml source – Wireframes created with Balsamiq Mockups Disclaimer: I was limited in icon selection by the mockup software. ...



Top 50 recent answers are included