Tag Info

Hot answers tagged

6

Your current approach is heading in the right direction. When your users use this data regularly, they will already know the relationship between the groups. Switching background color is one way of creating contrast between groups. Other ways would be to use line separators and white space. One thing you can have do to make it more obvious is by ...


5

Use grouping horizontal lines and eliminate the verticals one. Horizontal lines helps to lead the eye along the line, while vertical lines become a barrier along the eye path:


3

You want to know whether to use a tab set or an accordion. Both are forms of progressive disclosure—that is, they reveal more content as needed. The answer is "it depends." It depends on how much of your audience needs to see the content, and how often. And it depends on how much content you'll be putting on each tab—especially whether the users will be ...


2

The problem with the "split button" is that it is not just one control but that it is presented as one. I've seen people pressing the button while expecting opening the menu. Since they are seperate controls my first impression was to focus on A when pressing the tab key, and focus on B when pressing tab again. But I agree with @AlexeyKolchenko that it ...


2

The solution here would be to go for progressive disclosure where you first show the list of questions and then tell the user that he needs to select a question. once a question is selected, then you can show the related content. Here is a quick wireframe to illustrate the flow download bmml source – Wireframes created with Balsamiq Mockups


2

Its a nice question! I agree there is confusion among many people and drawing a line between all the branches is difficult. Reason being all the branches mentioned overlaps at one point or other. The answer actually lies in the names but due to their overlapping nature people do get confused. Even the companies while writing job descriptions. Understand, ...


2

Userexperiencerocks website illustrate it perfectly like this, no software in sight.


2

Smashing Magazine published an article on mobile wayfinding that I think is pretty helpful: http://www.smashingmagazine.com/2014/10/13/wayfinding-for-the-mobile-web/ None of those solutions are wrong, but given the choice, I'd probably use the "nested doll" approach as my starting point. It's a familiar pattern on both iOS and Android and would eliminate ...


1

44px is the minimum recommended size for tap areas. https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/ContentViews.html As with all UI objects that users might want to tap, ensure that the minimum target area for each item in a collection view is 44 x 44 points. 16px is a default margin, from the screen edge, ...


1

One option to show when a single user is logged in via AMcharts is their Step line chart. I am thinking of two states for the y axis logged in and logged out. And the X axis represents time (you could only show time when the events occur along with some references). See the following mock up The following is a similar design for multiple users (ie look ...


1

Yes, it make sense ...if the only other choice is a 1-line input box. One line input boxes are terrible for editing long text (i.e. significant box overflow), for reasons that are almost completely obvious. They're bad on the web and even worse on tablets or mobile phones. If you have no other way to create space for the long paths, then a multi-line ...


1

In response to your comments my answer is this. If it improves the user experience to be able to see and edit the file name and path by breaking it over multiple lines then I would suggest its sensible to do so. As long as you keep in mind accuracy. Perhaps a better suggestion would be to breakdown the file path into it's constituent parts and allow users ...


1

If there is a special interraction with this file path that start a special event in your application, you may make it larger. The multi-line choice can be confusing if the path is totally filled : So I do not recommend to make it multiline. If it is a common file path, moreover next to Browse, make it one line and aligned with the rest of the ...


1

Indeterminate checkboxes are not a good idea ...but if you must use them, the two common styles are shaded (windows approach) or dashed (mac approach): A key issue with the mixed/indeterminate state is that once the user makes a selection (checked or unchecked), you have to either: Provide a way for them to get back to the indeterminate state (e.g. ...


1

The most common way to represent a multiple state selection with a checkbox is to give it a dash. In the example below: all students have "Lorem" selected, some students have "Ipsum" and some don't, nobody has "Dolar". download bmml source – Wireframes created with Balsamiq Mockups In the case of radio buttons your best bet is to just leave ...


1

I think icons are fine to a degree, however when you need to display information that isn't easily represented by icons, I'd revert to text. In use (sorry I don't have the same icons, hopefully you get the picture)


1

WCAG guideline 2.1 (Compliance level A - highest) states: Make all functionality available from a keyboard. If the function of the button and the dropdown trigger is different, users must be able to access both. So first "A" then "B" is the answer. Then comes guideline 2.4.7 which state that each should have its own focus indicator. I think your ...



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