something used by send an important signal, often a warning, from a thing to any humans who might be using it or others who might need to know the state the thing is in

learn more… | top users | synonyms

50
votes
13answers
5k views

Is there a better character than the asterisk to indicate a modified document?

In Windows applications it seems to be a common way to indicate modified, unsaved documents with an asterisk * character. E.g. this is how Visual Studio .NET 2012 indicates a modified document: ...
27
votes
10answers
3k views

Traffic lights: “yellow” is progress, not state

When thinking about how (real-world) traffic lights work, I wonder if there is a more intuitive way to display the yellow light. The meaning of Green and Red are states: Green: Ok, you can go! Red: ...
12
votes
3answers
6k views

What's the best way to show you can scroll on mobile devices?

I'm trying to find the best method of showing users on mobile devices that they can scroll in a <div>. As iPhones/iPads don't have scrollbars, I will need an indicator to show that you can ...
11
votes
6answers
699 views

How to indicate that a document has already been downloaded?

I'm designing a list of documents, and basically the user can download the meeting schedule in their device so they don't have to download it every time and they can view it even without internet ...
9
votes
3answers
256 views

How to convey that an indicator is clickable

We made an app that analyzes your driving behavior and generates a score for it: One one of the screens you can see score circles in blue/orange/green/red (click to enlarge): When you click on one ...
8
votes
4answers
1k views

Denoting a tab as being “unsaved” in a web application

I have a web application where one of it's pages uses tabs to break down the page into "bite-size" chunks. The contents in each tab has no relation to any content in any other tab and can be ...
8
votes
5answers
1k views

Best position for collapse indicator on collapsible content

What is the convention/standard/best-practice for the placement of a collapse/expand button/indicator on collapsible content? I've seen many examples of the placement on the left (left of title in ...
7
votes
2answers
1k views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
7
votes
2answers
3k views

Best way to distinguish between completed and in-progress items in data grid

I have a data grid of items, and each item basically has two states: in-progress or completed. What's an elegant, concise way to make a visual distinction between the two states? For the time being, ...
6
votes
2answers
417 views

How to indicate selected item in table?

I have a table of related items. Let's call them orders. Users can select an item from the table and full details will be displayed in a separate section below the table. I move the currently selected ...
6
votes
10answers
485 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
5
votes
3answers
1k views

Jumping progress bar or running process indicator?

I'm developing a process with a predefined number of steps to complete so while process is running I can know how far the process has gotten and how much is there still to be done. My process ...
5
votes
1answer
207 views

Visually distinguish between build environments (dev, qa and production)

During the development of our mobile applications, they go through a development phase, a QA phase and are finally released into production. We create separate builds of the applications for each ...
4
votes
1answer
140 views

Color picker – indicator / selection marker

I have a color and brightness picker: It has been designed for touch interaction; you can scroll it horizontally. Now here's the thing: How do I design a good indicator for the currently selected ...
4
votes
1answer
103 views

How could I make a list appear 'clickable/touchable?'

So I've got a nice ol' list that, when you tap on the sections, brings up more information. However, just looking at the list doesn't make it very clear you can expand them. But I'm not sure how I can ...
4
votes
4answers
94 views

Progress Indicator for Slow Progress Process

I am designing a quick reference status indicator for a customer facing application. We would like to allow our users to check their status with our help desk, though that process only has three ...
3
votes
3answers
111 views

Indicate ”hoverable” text

I have a table with “hoverable” text, but how do I make it clear to the user that more information will show up if he hovers over it? I was thinking of an icon at first, but I don’t know if it is ...
3
votes
3answers
184 views

Is it a good idea to set a different signal for performing a u-turn?

For a long time, I wondered why is there not a separate indication to signify a u-turn, e.g. the rear lights would have two segments for flickering lights - one spaced on top of the other - as to ...
3
votes
3answers
2k views

Recommended value for connection timeout on mobile devices

How long would you prompt the user with an indicator before showing a connection error? On the one hand a mobile user doesn't like waiting forever until the indicator disappears. On the other hand a ...
3
votes
1answer
456 views

Why are switches with light indicator common but outlets are not?

Wall mount light switches that have a neat light indicator that turns on when the switch is in "off" position are quite common. The purpose is to make finding the switch in the dark easier. Looks ...
3
votes
1answer
102 views

How can the Stack Exchange app indicate that code blocks are tappable?

In case you're unaware, there's now an official Stack Exchange Android app. With it comes some new behaviour for code blocks: you can tap them to pop them out and view them in a sorta-full screen ...
3
votes
1answer
101 views

Smartphone indicator light colors - conventional meaning?

This is something I noticed on my Android device. When you have a notification, there's a slowly pulsing notification light when your phone is sleeping. e.g. This light comes in different colors, ...
3
votes
2answers
655 views

Drop down indicator for a circular shape

It's easy to indicate an item is a dropdown when the item has a rectanglar shape. For example, . But when the item has a circular shape , what's the best position to place the indicator?
3
votes
1answer
48 views

Is 'Credit and Debit Payment' a user-friendly term/word?

First question here, hopefully it's not too shabby. I'm analysing an app that has account balance system. I'll try to make a scenario, though this is fictional. An app acts as a bridge between ...
2
votes
3answers
483 views

A case against multi-colored navigation buttons

I am trying to find some evidence against multi-colored navigation links, however it seems to be surprisingly hard to find.. perhaps not so many people have come up with the "innovative" idea of ...
2
votes
4answers
444 views

In a web app, how do I give explanatory text?

In our web app, I need to explain some information that is useful, but is not the most important part of the app. I'm interested in the best way to do this. To give a concrete example, I have a list ...
2
votes
2answers
91 views

Ideal visual weight of indicators such as dropdown triangle

I am working on a software where the UI is designed by a manager instead of UI experts. This has lead to many problems and inconsistencies in the visual design, user expectations and standards of the ...
2
votes
5answers
253 views

Should a device charger provide a visual indication that it is charging?

I just bought my brother an iPad and noticed there isn’t any visual indication on the charger when it's in an active charging state. Why wouldn’t a designer provide some visual feedback? ...
2
votes
2answers
59 views

How to communicate “we owe you” vs “you owe us”?

Usually when I log in to check my account at the utilities website, I see something like this: And I'm usually stumped as I have no idea whether "in debit" means whether I have still outstanding ...
2
votes
2answers
275 views

Do I need to inform the user that a view on an iPad app is loading

I am designing and building an iPad app. Some pages on the app are blank when you first navigate to them prior to the page loading. Do I need to inform the user that the page is loading or do I just ...
2
votes
4answers
262 views

Color for an “online” indicator

I always thought that green fits best if you want to indicate a successful connection. But I recently noticed that our router at work uses blue LEDs. Is there any difference in their meaning? Like ...
2
votes
3answers
428 views

Are Network online/offline indicators necessary for Mobile apps?

I'm beginning work on an app and one of the requirements is that there be some visual indicator for the user that displays their devices' connectivity status. I'm wondering if there is any research on ...
2
votes
4answers
85 views

Indicating the stages of loading in an app rather than just the word “Loading…”

If a process takes a long time to execute in a tablet app and the ui is blocked during this load time, is there any benefit to informing the user what is actually being performed, e.g the stage that ...
2
votes
4answers
103 views

progress indicator internet usage

I have to define the best pattern for an usage internet indicator, where the service plan doesn´t have limits but clients who move over the mark above 150 GB, your speed connection will be dropping ...
2
votes
2answers
180 views

Is it not enough to change the pointer to indicate a clickable table row?

First, I am a programmer, not a designer hence my question. I am working on a project where almost every row in all of the tables are clickable. To demonstrate this, the cursor turns into a pointer, ...
2
votes
1answer
42 views

Indication for “overriden”

I will be creating a graphic to allow laboratory technicians to view the temperature (and humidity and one or two other parameters, however, I will just describe temperature) in their room. The room ...
2
votes
1answer
249 views

How should a “mains failure” indicator be designed on a UPS?

I've already faced this issue twice. There's a UPS and its mains cable is loose and all of a sudden the cable just falls out so the UPS gets disconnected from the mains. So it starts beeping which ...
1
vote
2answers
28 views

Order status indicator color [closed]

I am creating an android app from which user can order goods. I am using an price tag with various colors to indicate the order status. The statuses are OPEN - Immediate status after ordering, ...
1
vote
4answers
99 views

Indicate to users that they can't review an item until they've purchased it?

We want to restrict users from reviewing items they haven't purchased. At the moment they can review anything, so we're wondering how to implement the UI so that the feature is clearly disabled until ...
1
vote
2answers
293 views

When using tables - is it better to show a sort indicator by default or only after sorting?

We have several tables in our software and for most of them there's the possibility to sort the entries. When opening a new view with a table there's also a default sorting for most cases, which means ...
1
vote
2answers
79 views

How do I show that text has been automatically translated

For some products on our website, we have reviews for the product on our foreign language sites. We want to show these on the UK site (and the UK reviews on the foreign sites). We give the ability ...
1
vote
1answer
182 views

Indicating a folded state

I have an element on HTML that can be clicked, and its related content can be displayed/hidden right under it. It is common to indicate an element's folded state by ▸ (and expanded state by ▾), but I ...
1
vote
2answers
81 views

Why show the reading time for an editorial article?

I noticed that while reading on medium.com every article has a suggested reading length. Reasons this might be good UX include: It adds relevance/timeliness (just as we list author/date of ...
1
vote
1answer
95 views

Distinguishing the verbiage between a user action and status indicators?

I am working on an internal web application. I am trying to find the best way to distinguish with verbiage a way to differentiate between actions the user can take and system status indicators. For ...
1
vote
3answers
216 views

Indicator for mobile hierarchial menu

I have a hierarchial menu that is two levels deep. It allows the user to pick from a large number of different categories, which in turn have subcategories. It is implemented as two screens with the ...
1
vote
3answers
249 views

form save progress indication

In our app, when you save/submit a form, two things happen submit button greys out(becomes disabled) there's a progress bar running at the top of the page(similar to medium.com), which is an ...
1
vote
1answer
148 views

Touch to return to facebook return button

I have been trying to think of some other UX methods for moving from one app to the other with ease of use and not getting the user over cluttered with button and icons since the system I am designing ...
1
vote
3answers
392 views

What should I use to represent “too high” and “too low” with icons and/or colors? [closed]

I'm working on a project where we will present the user with a grid of rows, each of which has a value that's too high or too low (a value associated with the row is higher or lower than the range ...
1
vote
1answer
259 views

How do you measure performance/success of web based applications?

When I find/read articles about analytics and especially setting KPIs, they're always about websites & web shops. As I'm now more into web based (business) applications including mobile versions ...
1
vote
1answer
190 views

iOS indicate to user they can use a swipe gesture [duplicate]

I have a puzzle game for iOS where the user can swipe left to skip the current puzzle and try another one. They can also swipe right to view previous puzzles. However, I'm having trouble coming up ...