Hot answers tagged

36

Yes, it's bad design for its lack of signifiers (signs in the world that offer guidance). You can't distinguish what device it belongs to by just looking at it. You can't know its purpose without trying it out. It does't show its state clearly. Could we establish a clear relationship between one state and one temperature easily and consistently? I don't ...


16

Yes, Use of grey scale for depicting temperature is not at all a good idea. The photograph shows clearly the change in intensity as the knob moves from white to grey. But it doesn't communicate the purpose of intensity, specially knowing that this knob is for adjusting the temperature, I think they got it all wrong. A simple color depiction would have ...


8

Do think about whether showing the range is a useful addition. I've never seen a range of ratings displayed like that, so make sure your specific case justifies it. (edit: it turns out displaying ranges was indeed not a good solution to the original problem, so A.K.'s answer makes more sense in that context, but the answer below still applies if that's what ...


6

If you stick to graphic control to set the range, displaying numbers inside the segments will help you. They are convey the idea of the set, rather than single value. Of cousre, test this UI. UPDATE after question was edited According to your edit, I doubt using the range is the best mean. Range is mostly understood as the elements within ...


5

Combining the answer by @pzw and the original knop, referring a bit to @AntonioMarquis : we don't have to mix the colors to get the idea of 'temparature' across. These knobs might, indeed, be hiding in dark places, so let's keep a fair amount of contrast in the graphics. Just adding some (solid) color would do the trick. I also chose light blue instead of ...


3

Instead of ranges I would use checkboxes (or something similar which looks like less an element of a form) to display the availability of the different qualities of products: download bmml source – Wireframes created with Balsamiq Mockups This idea is close to the one at the end of the answer from Alexey Kolchenko.


3

Just my thoughts looking at your wireframe, I think it depends whether you want to influence the answer of your user. Looking at it, it shows that you wanted them to answer YES (because it stands out from the two other options). However, if you want them to have unbiased answer towards how they feel/see, maybe putting the three options in similar color might ...


3

Interesting question. It depends on the maturity of your users. The scrollbar is good option to give your users a hint about the amount of content that is remaining to be viewed. By the size of the scroller handle. Showing it persistently need not be the case. As the user is interested in the content. This can appear when the user is swiping from left to ...


2

If the goal is to display latest updates, and not the whole story from the beginning, where the whole timeline should be also in focus, and the timeline is quite long, I would rather use vertical layout, latest updates on top. However, if the timeline is short and has to be in focus, it better be horizontal, latest updates on the right. And whereas ...


2

Like anything in UX, it will depend on your context. For example, if the data displayed in timeline is about payments, or changes you have made to something (let's say you changed a file in an app, or updated your avatar), then the latest activity should be on top, and left in a horizontal layout. However, if your timeline is about history, it's better to ...


2

Vertical Timeline is the best method to show the data in sequence. It is more intuitive for users. Horizontal method is used when there is image gallery sort of thing is to be displayed so that that right left gesture performs as next and previous. Lets take an example of numbering. We always write as below 1 2 3 4 5 Why we don't write in our mathbook as ...


2

The frame of reference should be the user. So when you're bringing data into the app you're currently using, it's Importing. When you move data out of the app you're using, it should be Exporting. If I understand your situation, I'd call it Export since I'm sending data out of the app. Of course, you could change the verbiage for clarity. "View in Excel" ...


2

Some suggestions: Add some structure to the view to separate the references block more clearly. Use white space and font size, too. Font size helps to convey the importance of the information blocks. I suggest the references are less important. Make the references more distinguishable. Currently they look like the whole single underlined paragraph. Using ...


2

Just so you know, here's how your color coding looks to those with protanopia, the most common form of red/green colorblindness.


2

I agree with your third approach - but I think the way to remove your concern about importance is to use a clearer visual hierarchy on your calls to action buttons. At the moment, all three of your CTAs are look the same, so the user will see them as equal importance. If you make them visually distinctive, you can make it clear what is the primary CTA ...


2

Apple faced a similar issue in their music app--but not with downloads, instead with play order. They solved it by allowing the user to "Play Next" or "Add to Up Next" which is just a queue that the user was allowed to modify. I feel like this is along the same lines of what you're trying to solve: There is a default order of events, but you're allowing the ...


2

As an alternative to a popup or modal, you could use an accordion pattern to add more content on the page - but collapsed by default. This meets the requirement to allow the user to associate the information to the parent content, whilst only slightly increasing the amount of content on screen shown on load. Example of accordion (first panel expanded).


2

In this case, you could present the 'extra stuff' on a new page, but include breadcrumb navigation to show the user that they are 'within' a record already. A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user's location in a website or Web application - Smashing Magazine The breadcrumb reminds the ...


1

Interesting idea DasBeasto, have you considered leaving the center sensor and having a user wave their hands as normal under the faucet and having the usual/expected result of water coming out. But you then have a separate temperature sensor on the side of the faucet that allows you to select cold, medium or hot temperatures. Almost exactly like this ...


1

When I am washing my hands at work I get a choice of pushing the Hot or pushing the Cold, there is no Medium. I wish I had that choice. I would like Medium to be the default - when I place my hands under the faucet, give me Medium while my hands are there. If I wave on the left side of the faucet I would like it to get warmer. If I wave on the right ...


1

I'm not sure how many time series you need to display - but assuming that they go over the same year span then you can simply display them one above the other. Also you can track the two graphs with a vertical bar so you can better compare where one is compared to the other. You can compare the Bear markets in one column with the Bull markets in another. ...


1

Like others have said, this is almost impossible to solve for the general case. Knowing the actual parameters, however, a tailored design can be developed that covers most cases (e.g. Pareto’s 80%:20%) well and still supports the exceptional ones. If we have to consider only the working/sunlight hours for the week or 5–10 days following today and half-hour ...


1

There isn't a dead simple solution to this, but here's the simplest way I could think of: http://jsfiddle.net/b3f6wvyp/1/ Allow the user to specify 1 or more time windows. A time window is comprised of a date and 2 times ('from' and 'to'). When a new time window is added it copies the contents one currently last in the list. The input widgets I used for ...


1

your problem needs breakdown.i think there are two kinds of issue, the date range you want to repeat and another you don't. No Repeat: This week I am available weekdays after 6pm, except for Thursday, and also all day on Saturday Repeat: 6-10pm each weeknight I just designed UI that might resolve your both problems. have a look below. In each day, you ...


1

Unfortunately, calendars are hard for people to understand and use well and consistently. What about allowing people to respond with text availability and then you code that into something? If you have a few hundred users right now that probably isn't too bad for a CS person to take care of while you scale a good solution. You could even do A/B testing ...


1

I would definitively call it Export. From a user perspective, the website is at a remote place, but who will execute the action of migrating the data is the server that will prepare a package and send it to the user. Since its the server that executes the action, it'll export the data and not import. Using your analogy of a foreign car, if you contact a ...


1

I think the faded item will clearly say "there's more stuff over here", and the way you get to items partially off the screen is, by standard, the swipe. The scrollbar would be useful to show how many items are off-screen (one screenful? a dozen?) and where you are in the horizontal list, but that's clearly a secondary need.


1

If I was a user and had that layout in front of me, I would try to swipe using the images first, and if that failed I would try to use the scroll bar to scroll along. I do, however, consider myself an advanced user of technology. Having both options will let more advanced users or those who use touch devices primarily use the swipe action, and the scroll ...


1

It could be a good design. A lot of times users would think an A/C temperature needed to be a specific number. The truth is that the A/C should be set to something comfortable. In an office environment this leads to people "fighting" over the A/C setting. It also leads people to set the setting when they are not supposed to. For example setting a dial to ...



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