Hot answers tagged

15

First i believe you are well prepared to use only star rating system. As there are other ways around to compare products or profile (artists in your case). Side Note: YouTube switched from a star-based system to the binary thumbs-up\thumbs-down, their ratings shot up many-fold. It could be same in your case, Up-votes/Down-votes would be fine i guess. For ...


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 ...


6

Try using outlines but personally for your case here i feel two colors is better than one. It shows some sort of visual hierarchy when it comes to a user making a decision.


3

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


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 ...


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

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

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

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 ...


2

This question is unrelated to FAB, you use a scrim whenever appropriate, specifically when you load a modal, dialog or a new sheet of material. Whether it's launched by a FAB, a link or a button, is irrelevant. If you want an example of this behavior triggered by a FAB, take a look to https://material-design.storage.googleapis.com/publish/material_v_8/...


2

I would suggest using multi colored star ratings because in the first example where it is single star, I had an initial assumption that the last star is badly formatted or the interface is buggy/not finished. Actually it was half a star but I interpreted it wrongly. That may lead to confusion and decreased credibility for the site. Since most of the ...


1

For starters, I'd rearrange the rights. Currently menupoints are in 2, 3, 7, 9, 10 and 11. That's kind of scattershot. Second, have similar icons for similar tasks. None of the above mentioned icons have the same symbol reused for 'menupoint'. Is it a menu(point) a folder, a blue box or a grey sphere? Along the same lines, moving menupoints amd articles up/...


1

I think this depends on the culture of your target users. For example, head shake means no in most countries, but in some it means yes.. To quote https://en.wikipedia.org/wiki/Head_shake : Different cultures assign different meanings to the gesture. I think because we associate shaking in the UI to head shake gesture, we think that users should ...


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

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

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

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

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 ...



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