New answers tagged

0

I would use: Blue = Up Green = Down Blue is the sky. Green is the grass.


0

I thought it might be able to signify the opening of the curtains through effectively mini images of the curtains opening. You have the curtains as a dark colour and then a light colour between then slowly expands between each section of the rope. This assumes it being one continuous cord rather than two separate cords. However I think you could split it ...


0

A feature-rich star rating widget is always best to visualize the rating in your scenario. Also it should support fractional rating shown by partially filling the stars, and also it will be best if the rating widget itself can be used as an input field to retrieve rating not collected yet. You can see such a control in action here.


0

The main reason why it's important to show all five stars is because it would not be clear what the star limit is otherwise. (If I'm on a page with 3 stars, I could think that that's the top mark.) I'd also suggest going with outlined stars or you could use two shades of gray, one very light.


2

Both answers here are great, however I'd like to add if you're considering Usability, consider to weigh the factor of Colour Blindness as well. There's a great chrome app called Daltonize: http://www.daltonize.org/2010/05/chrome-daltonize-color-accessibility-in_13.html It's also quite useful to test contrast levels.


1

I agree with the other points here. Contrast is very important. You can review a guide for Web Fonts to review or learn more about how to create a strong typographical design in this medium. One thing designers forget is to make their website usable and accessible to all people. If you lack contrast, your font may to lost or submerged. You can always check ...


8

While the final color combination will depend on the UI design, branding specs and other considerations, the keyword is CONTRAST. and as such, you're on the right path, black on white is the maximum contrast you may look for. However, there's another consideration to keep: eye strain. Undoubtly, staring at a pure white screen for a long period of time will ...


1

To make your work readable, consider san-serif fonts for devices. Serif fonts are preferred when working with print-design because the user is expected to read for a long time. When time is an issue, go to Serif fonts like Baskerville. Otherwise, stick with sans-serif for small-sized text and articles. Also, know that sometimes your typography may be ...


1

I loved the answer about the relationship between invoking emotional responses and brain-waves/color frequencies. Very cool and technical!! The colors you want to include depend on your product/objectives. There are billions of colors and combinations, but if you are completely new to color psychology, theory, and terminology... this is a good beginner's ...


1

I Feel for all the product you can't have one template. First list out all the features of the product and choose the common one. Decide the template based on the common feature and present the product page. For example if its 1000 product, it fall in to 50 Category. Based on the category and common feature it will fall into around 5 to 10 template. It ...


0

The first thing is usability is a part of the Design. You might be talking of another aspect of design i.e. Creativity. I think referring the UX Magazine Design Pyramid will help you understand why Usability is a part of the foundation. Functionality is not same as usability. The order goes like - 1. Functionality 2. Reliability 3. Usability 4. Proficiency 5....


1

Can you upload a photo? So that I can see what you mean when you say the text does not appear clickable? Check out this article on Usability vs. Desirability and you will see that both are equally important and have difference purposes It's true usability comes before design, that's like saying the skeleton of the body comes before fashion... They ...


0

For the stars i mostly agree with Divy's outline idea, however instead of grey for black for the outline I'd go with the magenta. I'd also agree that with with both of those being magenta the bottom will dominate the rest of the content, so to counter this i would change the artist's name to magenta as well. This should create a nice looking container for ...


0

I think the rating outlines work well but I would consider moving that Stars up higher to the 3rd line under the geographic location. Seems like important information.


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


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.


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


6

You have heard the expression "Form follows Function"? You mention usability over design, but I suspect what you really meant was usability over visual design. Usability (function) always comes before visual design (form). If a third to half your participants struggled (even if they eventually figure it out) then this would indicate you have a usability ...


0

Agreed about threshold color coding, as that's the point of using color in these status type of visualizations. Consider ditching green and using neutral when there's no action. Then, for the ones where the user needs to take action on warnings or something bad, use yellow, orange, red to go from bad to worst repectively. This may vary internationally, ...



Top 50 recent answers are included