Tag Info

Hot answers tagged

122

Screen digits are right aligned to maintain positional consistency between what a number represents (in base 10 that would be units, tens, hundreds, etc.). E.g. If I were to have 764 and then multiply it by 24, the answer would be 18336. By aligning to the right I've consistently seen the same unit representation in the same position, and when I've had new ...


67

I would go with this kind of UI, reasoning: Users only select the dates that he/she is applying leave for without having to think about first day of leave and first day of work. Leave balance is not displayed on the same screen as it might get too cluttered and might confuse the users. For "leave balance" checking, I would suggest to make it accessible ...


59

Designers When it's your working version and you just want some text in there to visualise the overall page balance, and you'll only share it with other designers, then using Lorum ipsum should probably be fine. End users For end users, I would suggest using some other real example text. Yes, you'd have to localise this, but it's quite easy to simply ...


57

A couple of other options: An X that is styled differently. X is an easily-recognized symbol for both actions. I think any confusion mainly arises from the fact that you are using the same style for both, creating the expectation that both will perform the same action in your interface. If you had, for example, a red X with slightly different ...


40

Arrows have been an indicator of direction for so long that it's hard to say for sure, but my guess would be that an arrow fired from a bow only has one direction it can go, lending ease of communication when direction is needed. And since bow & arrows have been around long enough, and in practically every culture it has basically become universal. ...


37

Is the arrow symbol truly universal? The United States launched two spacecraft in 1972 and 1973 with a message for any alien species that might encounter them. The message was specifically designed to be universally interpretable. It built up it's own number system from scratch using the fundamental properties of the Hydrogen atom. The goal was to ...


32

Digits are right aligned for similar reasons as you would right align them in a spreadsheet or a table. i.e. when you see multiple numbers (and they all have a fixed set of decimal places), then it's easier to compare the numbers with each other because the digits corresponding to each place value are in the same physical position, thus making it easier to ...


31

It is difficult to find supportive evidence for this question. From what I've read about Philip Olsson's pictograms (some starting points are here and here), I would say that it, like the other media control symbols, represents movement, and in the case of Eject, the movement is upward, out of the horizontal flow of the media timeline. The bottom rectangle ...


31

You are probably asking for colors to communicate too much information. Also, having five different background colors for the rows in your table will be too messy and hard to read. I would suggest something else, like: A star system from one to five stars. Different icons to represent different types of customers. I like the second option, because it ...


30

Font and layout is exactly what Lorem Ipsum is designed to do. It has been used by type setters and printers since the 1500s. The idea is that by not having real words the users focus on the layout. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is ...


29

Imagine this for a second. The UX logo for this site disappears on the home page, but then appears again when you're on any other page other than the homepage. It wouldn't be a good experience. So, keep it, people are accustomed to the "home" button being there constantly. Especially if your homepage has dynamically generated content, because people use ...


29

Just to offer an alternative hypothesis, the fact that the basic shape is two lines converging on a single point, might have something to do with perspective: In this case the sense of direction is created by our very own direction. There may not have been very many highways in paleolithic Africa, but the plains may well have had some similar features. At ...


27

@Mayo has, I think, the answer with the clearest affordance. But, if the discount field is going to be used frequently, an approach that has been proven to work with many professional and productivity application is the polymorphic input box. Applications like Microsoft Word, PowerPoint, Photoshop, AutoCAD, Illustrator, and others use these boxes ...


23

To select one option of a limited number of choices, Radio Button Inputs would be the way to go.


23

If the data is tabular, then I see no reason why one shouldn't go with tables? After all, the whole purpose of table element is for showing such type of data. But if your query is how to make the tabular data look more beautiful, then read this article - http://darkhorseanalytics.com/blog/clear-off-the-table/ In nutshell, it follows the principle of 'Less ...


22

Which relationship do you want to emphasize? Use that to inform your decision. The down arrow in your image indicates a relationship of "is title of" or "is detailed by" or even "has child", whereas the up arrow indicates a relationship of "is detail of" or "has title" or even "has parent". I suspect the down arrow is more common and thus familiar to more ...


21

Adding to Will's answer, if you're looking for a non directional highlight, here is a great example from Google's material Design Material design guidelines on using Tabs The tab corresponding to the visible content is highlighted. Tabs are grouped together and the group of tabs are in turn connected with their content. Keeping tabs adjacent ...


21

If you're looking for something that symbolises the word 'remove' then why not just use the word 'remove'? It's not especially large a word. And you have plenty of space in that UI to fit it in there. Plus it removes any ambiguity as to what it means.


21

Try to distinguish between what users want and how they want it done. Taking your example above, users wanting one vs. two input boxes is all about the how. The what is being able to paste comma-separated coordinate pairs vs. not having to press comma. (Or, for some users, being able to simply press comma rather than having to click a second input box.) In ...


18

Here are 3 ways to accomplish a high-precision, trace-style outline without the fat-finger effect. Approach 1: Similar to Kit Grose's excellent answer. A mask gets applied, and you can use brush and eraser to adjust the boundary. The only difference here is, if you need to see the detailed interior of the wound, then the mask works in reverse, i.e. the ...


18

You could use a toggle switch ABSOLUTE | PERCENTAGE and have the user select which one he wants to use. For example: (don't mind the $ sign I did it quickly) and let the user select between the two options. This format works very well in use cases that I deal with. Buyers and bidders have to make numerous (100+) decisions in a day. It's easy to select ...


17

Think of travelling to a new place and being lost, and being frustrated and worried because you don't know how to go where you need to go. Imagine your car, dishwasher or stove is causing you problems (or any device which you care nothing about - only having it work) and then you will start having a feel about what most computer users think about computers ...


17

There are a few reasons: Robot defense. Content sites (e.g. news sites) sometimes use these buttons to provide a rudimentary defense against content scrapers. By showing only part of the content they prevent scrapers from loading the page and parsing the article. This is obviously very crude, but it is still effective. Affirmation of user intent. ...


16

On Agile From the various Agile-related concepts, I'd like to highlight two: It meant to combat requirements volatility (frequently evolving or changing requirements or their priority). It increases time to market. Agile, when used in the right context (and followed by the word), is nothing short of magic. The cost of changes within a properly managed ...


16

I was going to post some answer about the user being too hasty or inept at using websites but after looking at your website I would like to gently point out some observations: Home-page posts appear mashed together and it takes more cognitive load than I am willing to spend in order to understand it. It also looks like there is some important info in some ...


15

UXD is Bad UI Detection User Experience Design itself, when effectively practiced, could be described as a methodology for "detecting bad UI" (when the concept of UI is applicable). A fundamental reason to practice user-centricity in the form of empathetic problem solving, and use an iterative continuous-validation design process, is to detect those ...


15

You can't please everyone Most changes or additions will leave some people behind. They may catch up later, they may hate you forever. Shoot for net gain in the experience. If you avoid negative feedback, you avoid progress. It helps to keep a destination in your sights. Focus on an established list of goals for the long term vision of the product and the ...


15

I would flip the problem on its head: instead of tracing around the wound, have the user paint a colour over the wound. Give them two tools; a paintbrush and an eraser. This behaviour is similar to the Quick Mask mode in Photoshop and it works great because you can use a very large brush size at first and then come at the sides with a large eraser to ...


14

It would not be inappropriate to remove a dedicated fast forward (FF) or rewind (RW) button from a digital video UI. What are they designed for? FF and RW buttons were designed to move quickly through physical tape media. In the case of the image below a cassette tape, but they showed up on media before this. There was no practical way to move forward ...


13

I’ve considered the question recently due to travelling and booking hostels. The same problem appears there, since whether you book the night or the day can be confusing indeed. For usability reasons, the left one is a better choice since the user doesn’t have to do the maths. In this case, the best way to help the user is to be clear in the definition of ...



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