Tag Info

Hot answers tagged

32

If you are looking for the most easily recognizable use of a 5-star system, they should work from left-to-right. The star-rating system is very common now, and when is the last time you say it work right-to-left? Users will likely find it confusing and will have difficultly understanding why they only gave something 2-stars, when the meant to give it ...


12

Netflix uses filled stars from the left even though the ratings are right aligned. This follows the ability to quickly scan down the list of ratings and quickly assess at a glance which film is higher rated. Same goes with Paragraph alignment, as per Evil Closet Monkey's answer.


10

Same direction as your text. Star ratings are most easily read when the significant part (filled stars) comes before the filler (unfilled stars). "Before" can mean left or right, depending on the direction your user reads lines of text. Unless your site is in Hebrew, Arabic or another RTL language, the stars should be LTR.


8

One of the immediate problems is with scalability, your only ever going to be able to support 26*26 unambiguous users as an absolute maximum although this would require users with initials like QX and ZJ so in reality it will be a smaller set, even if you are global. you rule out tooltips (which are a good idea btw), however, there are some other things you ...


7

This is how I would try and do it.. I would also color code the numbers so that if you have a good mark it's green, but if you aren't doing so well then it would be orange like this... You could just do something in your code like if (PERCENTAGE <= 30) { makeColorOrange(); } if (PERCENTAGE > 30 || PERCENTAGE < 50) { makeColorYellow(); } else ...


7

I am wary of any solution where the user has to remember that inputting x really means y. If the "infinite" or "unlimited" state can't be unambiguously represented by the spinner control I would consider using another one specifically for the "unlimited mapping" use case. Perhaps have another checkbox for unlimited that, when selected, disables / greys out ...


7

I think that there are two directions that you may follow to make this setting less cluttered: It seems like it's a good idea to treat settings like a meaningful phrases, but using desktop controls makes it unreadable. You may try to replace them by links (every user nowadays is familiar with links so it will not confuse). Doing this you will make your ...


6

I believe it’s a means of providing the ability to cancel a half-executed command. Imagine a user is 45% down a long page. The user attempts to perform a drag operation on the contents of the window (maybe to move an icon or select some text), but accidentally “catches” the scrollbar slider instead, resulting in scrolling page to X% down, and leaving the ...


5

I would agree with most of the responses, that filling in the stars from left to right makes the most sense due to learned user behaviour from the majority of websites, and English being LTR. A user clicking a star for a rating could definitely be confused by unexpected behaviour. However, it was stated that this will not be a user-interactive piece. ...


4

Suppose you make some text right-aligned, as @EvilClosetMonkey's graphic helpfully shows. Is that any reason to change the text to display right-to-left? It would probably make your words unreadable to most people viewing them. The reason is that alignment has to do with design, layout and negative space while direction has to do with readability. Text can ...


4

I think first you have to understand the purpose of skeuomorphism and use it for the right reasons. Don't use it because you want to trick the user into thinking it's "real" and don't use it solely for aesthetic reasons. What is the purpose of skeuomorphic design? To convey functionality. Skeuomorphic Design Should Convey Functionality


4

As far as I can tell, there is no good reason for it. The behavior was started by Microsoft (Windows) and sadly taken over in other user interfaces such as KDE. Here is some more e-mail conversation going on about the subject. Many people (including mysef) find it annoying for the simple reason that you look at the windows contents while dragging and ...


3

As I understand it layout is more important to comprehension than UI markers. In the Code Complete book by Steve McConnell there is empirical research as to what code block formats are robustly understandable, and which cause issues. In short, as I remember it, nested blocks should be indented, and a block should be left aligned. Now if you have issues ...


3

Out of a related discussion which started on Quora, Geoff Alday dug a little deeper into the origins of the icon itself and discovered that Norm Cox is the man credited with designing the icon for the Xerox Star personal workstation, which was introduced in 1981. In an e-mail conversation between Cox and Alday, Cox reveals how the icon came about and the ...


2

You have two questions: 1. What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'? 2. So my question is, 'should I change it, or keep it the same' To answer Immediate answer is Flat (with caveat). Flat design is in a clear trend. The aesthetic and visual language/vibe of 'flat' is something that most people ...


2

Is it absolutely necessary? No. However, does it make sense? I think so. As you said, you are providing "the ability to open the game's Main Menu." A main menu takes the user out of the current context. If it was a "map menu" or an "actions menu" then I think you could more easily restrain the context to that of only what is capable at that time. However, ...


2

Within the context of the map and the users' behaviors within the map navigation, providing a link to manage combat abilities seems irrelevant from a UX perspective. Almost a distraction. I would suggest keeping the interaction focused on what the user is most likely there to accomplish in that space. Perhaps, allowing a user to launch into combat mode from ...


2

I think sliders are bad practice in general when it comes to selecting a precise number. A slider is a good choice when you know that users think of the value as a relative quantity, not a numeric value. For example, users think about setting their audio volume to low or medium—not about setting the value to 2 or 5. — Microsoft Sliders are functional ...


2

To improve your UI/UX and would strongly suggest you to put a legend somewhere near, so it is clear for your users and then it will not be so important how exactly you show start/finish of a block as long as you notify your users about the meaning of colors/blocks in your interface. That would solve the essence of your problem and the question how to show it ...


2

As JonW said; i think you trying to ask if it's a good idea to put it in the upper left and I think not. There are ergonomic issues with placing things there (see picture below). A swipe from left to right could work however and is a common pattern (though you should still inform the user about the whereabouts of the navigation). Placing a commonly used ...


2

A UI should always function in a way which is plausible to the mind of the user, based on their experience of manipulating objects in the real world. The scroll bar is locked to either vertical or horizontal movement. If you drag your mouse pointer too far in a direction where the scroll can't follow, then at some point it is illogical for the scroll to keep ...


2

The primary differences are : The "Hamburger" icon gets displaced in the pushing-menu-to-the right instance. Incase of an overlay, the icon still remains at the same place. For some users, especially users who have not yet caught up to the functionality of a hamburger(even though it is existent since the 80's and was developed by Xerox), the experience of ...


1

Going to prefix this with i am a developer first and budding UX person second so some of the terminology may be off here. Putting this in an answer as it may be long, but any little helps i guess and may open up a debate. Maybe we are complicating the user model with the user flow. The current system model is the true system setup because everything is ...


1

I agree this is a tricky one, there's no easy way around it. One of the more popular comment services these days is Disqus - their comments are responsive. It's not perfect, really only handles up to about four levels of indentation. Example. The other option, if you think you are going to get more and more levels of replies like this would be to just ...


1

I think the two steps is definitely confusing. Making it a list of search terms that you can add via dialog would simplify it for me: Most users will understand that these terms are and'ed together. Handling combinations of and/or can greatly increase the complexity: "brunette man or redhead/blonde female." Then you really have to weigh the benefits of ...


1

I think using words like "and" and "or" will be best to ensure your users understand what they are doing. In this example the user would set the first attribute and then they can choose "And" or "Or" for the second attribute to determine if it is a union or an intersection. This can be done for both included and excluded items. You could select "and/or" ...


1

A link is an element of certain documents, but not only web pages. The system has a record of applications and actions associated with elements, like open, copy, move, share, extract, etc. The associated action depends on the element and the applications that are registered as capable to interact with it. A link, which may appear on many applications, has ...


1

An old and common approach is to use a button bar (you know, the thing before tool bars and ribbon bars). In terms of usability we want to reduce the mouse-movement from an item to the desired action. For this several enhancements are available out there (for sure, all with some trade-offs). Inline buttons which appears only on click on the row ...


1

Why don't you have the actions show up inline? download bmml source – Wireframes created with Balsamiq Mockups This will help it appear as though the actions effect each row in the data and not seem too disconnected. Also, here's a solution if you have bulk actions: EDIT: REMOVE can be handled with a bulk action as per above. FLAG can be ...


1

I completely disagree with the notion that Skeuomorphic was to compensate for low resolution. Historically, we can see that Flat design was in use in the early 1990's for computers, i.e. CGA and EGA level monitors, due to their limited resolution and colors. As resolution improved, there was a desire to try to make graphics more realistic, because the ...



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