Tag Info

New answers tagged

0

This isn't a huge amount of data - it's small to medium & looks like it should similar to lots of other sites that display this kind of data. You ought to be able to find lots of examples and try/test variations quickly. (I guess I'm saying that if you stop framing the design challenge as a difficult problem then it might get less difficult.). What is ...


0

If you have the space then version 2 seems ideal as it prevents the user having to click into another tab to enter or view information. Also scrolling, in my experience, is an easier action than making the user click into tabbed panels to access information.


0

perhaps a tabbed approach would hide the fields until their category is clicked, only then they will be visible to view or edit


0

The full graph is so busy it's almost impossible to make sense of the data. I would suggest you highlight the associated guidelines when a GT code is selected or vice versa. I think there are two ways to do this. First, you could use a graph control like those provided by Infragistics, Telerik, or some other package. Again highlight associations based on ...


0

Why not use a grid where each list is on a different axis and where both apply, fill in the box? You can maybe make these filled boxes interactive with a hover effect. download bmml source – Wireframes created with Balsamiq Mockups Ok it doesn't need to just be with checkboxes, they could be just different colours boxes to represent different ...


0

Thanks for so many responses! I thought I'd post the answer because there are so many different viewpoints I didn't want to mark any one of them as singularly 'correct'. The answer seems to be: You CAN do it, but SHOULD you? It seems to be that there is a place for inactive buttons on a Flat UI (i.e., you can do it) but you must carefully consider each ...


2

You really don't want to hide buttons from user. Even if a button isn't relevant at some time, showing it as disabled reinforces that the specific functionality isn't available right now. And graying out is a good way to show disabled in a flat color rich design. Take this for example. You're filling up your login information and the Login button is grayed ...


0

Use dark colored icons say #666666 on light colored background say #f4f4f4. This will increase the focus. Eg Google drive mobile app


1

Elessar is a library that lets you have one number line with multiple ranges that cannot overlap.


0

As an enterprise UX designer, I have come across this many times. The short answer is preset the radio button by default if null is equivalent to one of the choosable states and the default application state matches the choice. If not, you will have to dig deeper to make a decision. Here is how I would approach the decision. I would ask these questions: ...


2

Grouping items might not be the solution here. Instead allow the user to filter and show only the group he/she wants. Your third idea could be fine but I would add the possibility to search for a group. If browsing and grouping is the way to go, I think that the way the iPhone handles large lists with grouped items is a good one to consider. The category ...


1

My initial concern is with how the user will react to a button that is "greyed out". In my practice, greyed out usually refers to something that is disabled by the developer. If you want a good example of Flat UI done right, check out this link here: Designmodo -> http://designmodo.github.io/Flat-UI/ Inside, the default button and the disabled button ...


5

Since it's a CLI, I don't think you need to explain too much. I'm assuming the end user is somewhat tech savvy, so they should be used to doing it the way you describe. My only recommendation is adding a hint at the end. i.e Do you where glasses (y/n):


0

A common pattern that you can borrow from tables is to show the list of sites and put the new site created as an entry at the top of the table/list. That way the user is visually and logically connected to the action that they have completed. Since you have a form and the user is focused on that task initially, you just need to consider where this ...


1

I think your main problem here is the choice of icon and colour. A green message with a tick icon is generally used to signal success and completion. I would suggest sticking to a more neutral colour, and use an icon that indicates something has been added without the additional suggestion of completion. For example, replace the tick with a plus sign (+) ...


2

I always feel like introducing a significant change in the screen after a user has completed something makes it very clear that the user has completed something. Where as, not changing anything on the screen makes it feel like whatever I was trying to accomplish has not been done, because I am still looking at generally the same thing I was looking at ...


4

This looks like the time selector introduced in Android KitKat; From a UX perspective this UI works well on touch-enabled interfaces but would be a lot less intuitive if used with keyboard/mouse. There is a useful overview of mobile time picker UI's here - http://blog.iangclifton.com/2014/01/22/mobile-time-pickers/ And also a nicer looking ( to me ...


1

I admire the effort of mimicking an analog(ue) clock face, but I think you're oversimplifying things into complexity. The first point of hopefully constructive criticism is, in full honesty, one of my pet peeves as a non-native English speaker; the AM/PM thing. If your target audience contains a significant amount of non-natives, you might consider showing ...


0

Two options Detect tap/touch/click outside the input box and search results (if you wanna avoid x button) Go with traditional x button But users might not know how to close if only option 1 is implemented, until they try.


2

From my comment above. One way of implementing this is to add a little gray 'x' symbol at the end of the input area, that when clicked will clear both the input area and the dropdown results. This system is fairly widespread so users are likely to understand it (for example, Windows Explorer's search box uses this). However, you can always add a caption ...



Top 50 recent answers are included