113

If you have to ask, it's risky (not necessarily offensive) This doesn't mean it won't get the job done for your users and the best way to find that out is ask a few of them and gauge their reaction. Something delightful may quickly turn annoying Keep in mind that just because something delights users when they first encounter it doesn't mean it will stay ...


76

You definitely should not make users learn new patterns (especially only due to personal preference). I think the right way to go is to follow the common practice, and I believe (please correct me if I'm wrong) the common practice in this case is using asterisk. You will, definitely, find other patterns in various applications, yet in this case, I think ...


70

I would suggest that it isn't necessarily offensive but juvenile, so it very much depends on the style, context and audience of your app. Culture Ask yourself if the app is available worldwide? I can only speak with authority about my own culture, which may be different than others. Context What might be totally inappropriate for a retirement savings ...


54

Not A Standard The usage of the asterisks as an indicator for a modified in-memory change is something that appears mostly on the Windows platform. Mac and Linux have not been too quick to follow this, but there are a few multi-platform editors that do use it. The asterisks is used when the UI element (title bar or tab) is capable of displaying only text. ...


19

In some parts of Thailand the traffic lights have a large second timer which counts down to the next traffic light change. I found this amazingly useful and intuitive to use and wondered why other countries don't adopt it. So the light with the timer tells you how much longer you have until the current light changes.


18

In answer to the which character or which other way? part of your question, the way I could think of is the use of color highlights on file tabs. Notepad++ does this. Notepad++ displays a regular floppy icon on all file tabs, and disables the Save icon on the main toolbar for saved files. However, on unsaved file tabs, floppy icon turns red and the Save ...


15

These are the general recommendations I could find. This is what is done in Apple products (Mac OS X, and I believe iOS too) but also partly on Android: Scrollbars appear for a brief moment when the scrollable panel is first made visible and then they disappear. When the user touches the scrollable content, the scrollbars appear until the user removes his ...


14

Check out this rotary traffic signal used between 1938 and 1970: Slightly less directly connected: ramp meters, and there are definitely lots of variations in operation around the world - and variations in the timings too. Good ol' wikipedia!


14

It depends It's hard to answer such question without knowing the typical response time. Users are fairly accustomed to wait a few seconds when using mobile devices whilst on mobile networks. 10 Seconds? This famous post, while applicable to websites, suggests that after 10 seconds users 'lose it'. Could be used as a rough guideline. Put the user in ...


11

It think it's just an additional feature that may not be used by majority of users, because as you start reading the content; your focus remains on the content, when you scroll slowly (as anyone would do while reading content) the indicator fails to drag attention. It only becomes noticeable when you scroll up/down at considerable speed. Its helpfulness to ...


11

On a Monday morning, I didn't expect to start my day with this question. I am amused and smiling and not embarrassed at all. Having said that, it depends on the target audience and context of your application. I would definitely not use this in enterprise or professional apps as we are expected to maintain some sort of decorum in the way we design our ...


9

Unfortunately there is no standards not only for marking changes but for naming conventions inside window title. I experienced different cases with different software. The cases when changes are marked are: More broad question for me is not the symbol itself but visibility of status. Having reading convention left-to-right I'd prefer 3rd line and 5th line ...


8

I've watched users struggle to find the right-aligned arrow like the second example. I think it's because: it is very far from the title it is all alone, and small (hard to spot) sometimes, it is off the edge of the window or even the screen. In contrast, when it is near the title, people have a much easier time finding the control (whether it is > or [...


8

What if you didn't worry about 'save' status on an individual tab level, place the Save/Submit button outside of the tabset and let users save the entire tabset as if it were one page, instead of requiring users to save on each tab?


8

The problem is in having something that looks flat and yet stands out enough to look touchable. To add touchable cues you need to put some kind of border around each independently touchable thing - to separate it from the adjacent touchable thing, and to make the figure stand out from the ground. Google's material design principles provide some ...


8

I know from experience that it's better to add a default sort indicator. For example, many of our users didn't realised the table columns are sortable and didn't even tried to sort them if there was no indicator. So we were receiving constant questions/suggestions to make the columns sortable. Our solution was to add default sort indicators like this: If ...


7

I would classify something as NSFW when it runs the risk of creating a hostile (in the sense of discrimination, sexual harassment, etc.) environment for others you're interacting professionally with - coworkers, clients, customers, etc. I don't think the poop emoji fits this criterion. It's potentially gross, juvenile, etc. but not hostile. This may vary by ...


6

This is my second answer; posted after the OP updated the question with more info. The left suggestion gives you the option to "download files" by pressing a button for each list item. Once the files has been downloaded, an icon indicates that. The text on the button is enough to make the following states understandable, no matter your exact choice of icon. ...


6

There is a principle in cognitive science that we feel a loss of something far more than we would feel a gain of that same thing. So if I give you 10% progress, and then take away 10% progress, from a human perspective I'm more like -20% than where the maths would tell me. Besides the cognitive science aspect above, you should avoid doing anything that ...


6

This site has a design for a light that would count down each color in a circle around the light. Though not in the site's design, having the red light turn yellow when it got close enough to the end of it's countdown would work for colorblind people as long as the green and the red lights were still separate.


6

The likely reason why people thought of the top-right corner being "conventional" for this sort of thing is that Windows puts its window management widgets in that corner: Image taken from this page on Microsoft.com Depending on the way you deal with this box (e.g. is it draggable? Can it close/hide completely?), you may be giving some users (at least the ...


6

You are correct that color alone will be problematic especially with red and green side by side. A good nested progress bar needs elegant answers to the following questions: How do I qualify the types in the array (new, good, due)? How do I quantify the types in the array? Color alone is an inadequate solution for either need because you have no idea how ...


6

Highlighting the entire row should be a good indicator. download bmml source – Wireframes created with Balsamiq Mockups Changing the background color (of the row) also helps. download bmml source


6

The main usage scenario for finding a light switch is when it's dark. So it makes sense to make finding the light switch in the dark as easy as possible. Hence the indicator. Outlets, on the other hand, are rarely needed when it's dark. You mostly need them at day, and you can always turn on the light before finding the outlet ;-) Or let me put it this way:...


6

Try using a modified version of the first one, perhaps like so: What this essentially is is the first one, but with a box above to give an elegant preview of what you are currently pointing at. It will be above the user's fingers, and therefore out of their way. The reason I chose the first slider is because it has a bar, which is definitely the best way ...


6

I'm going to assume you need a persistent marker to distinguish the builds (otherwise you could tuck it into a menu, hidden key combination, etc). In this case, any visual marker will be distracting. The design questions are; How intrusive do you want it to be? If it's critical that users know they are in a test build, then you may actually want the marker ...


6

Isn't interesting that we've invented emoticons to convey emotion that is difficult to do in text. That said, when I read an official document or communication from a corporation, I neither expect or want to find an emoticon. Are emoticons safe for work - sure. Are they appropriate for official communication, probably not. Are the appropriate for email ...


6

In the game Furcadia, we deliberately blocked and filtered out codepoints in the Fixedsys Excelsior 2 font which mapped to penises, poops, and other such things, as it was an app that could be used by children. This was more about the penises than the poops, though. Still, it is arguably considered, at least by one company, as "not child safe". Based on ...


5

Update: This answer is no longer addressing the intended question, since the OP clarified. Is a calendar ever worthy if it is sometimes only displaying a subset of all the events? Here are some quick sketches on an all-or-nothing approach. Instead of having to decide to take action for each and every meeting/document, the list of items has a top bar, ...


5

Usually they solve this by making sure there's a piece of partial content which makes you understand there's something else as well. If the story doesn't end then the users assume there's more and they'll try to scroll. Take story both literally and abstract...


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