Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

1
vote
2answers
39 views
+50

How to implement busy spinner with button

What should happen when a user clicks on a button that triggers an action that takes a short amount of time to complete, showing a busy spinner to indicate processing? [click]↖ => [click] ↖⚙ - ...
3
votes
5answers
199 views
+50

How to show that an element has been previously modified

Note: I've been through the following questions and, while they do provide some useful insight, they are all really old (2010, 2012) and not really a duplicate of my use case → 1, 2, 3 I have a ...
1
vote
2answers
93 views

Progress indicator for two steps

Is it helpful to include a progress indicator when there's only two steps in a process? For example:
1
vote
3answers
89 views

Indicator for a context action menu on gantt bar

Current Situation: In our SaaS solution for portfolio management we have several actions that are context dependent, e.g. delete a project. Those actions can be found on the element itself, e.g. the ...
1
vote
1answer
434 views

Page section indicators for vertical scrolling

Can anyone let me know what the technical UX/UI name is for the indicators on the right-hand side.I've tried googling a bunch of variations but can't find a definitive answer. Thanks in advance
1
vote
1answer
130 views

Android App - How to indicate existence of unsynchronized data

I have an Android application where the users can create different kinds of content in different screens of the app. All content is synced to the server in a background thread. Normally this happens ...
80
votes
7answers
25k views

Is 💩 (Unicode 'pile of poo') considered NSFW?

Can I use the 💩 character as a legitimate status indication on, say, a web application, or in a desktop application? Or will it offend/embarrass people? NSFW = "Not safe/suitable for work", although ...
15
votes
7answers
570 views

The rationale of progress indicators for online articles

The display of a non-interactive progress bar that reflects the amount of content that the user has read/scrolled through seems to be reflecting the trend that users want distinct visual indicators as ...
1
vote
1answer
143 views

Best name for the option of adding item to multiple lists or a newly created list

I have a book that can be added to multiple reading lists or to a newly created one. The name of the option that does it is “Add to Reading List”. What would be the best name for such an option so it ...
1
vote
1answer
100 views

How to provide an indication for partial success?

I am working on a system where the user configures a complex structure which consist of several layers of composition. When the user completes the configuration he clicks the 'Apply' button and then ...
0
votes
0answers
91 views

Multiple icons or icon and color (font/background) for meta-info?

I have a webapplication where users are shown work-related warnings in a table. Each row is one warning. Hovering over a cell shows full field name. Cells contain text or numbers, only importance is ...
4
votes
3answers
143 views

Mark items far away from each other as grouped (connected)

I have a tree structure with items from different trees that I need to "group" (or really, mark as grouped). Like so: It is mandatory for the user to select a few of these items to carry on to the ...
3
votes
1answer
89 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 ...
1
vote
2answers
548 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, open ...
5
votes
1answer
828 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
3answers
466 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 ...
1
vote
1answer
201 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 ...
2
votes
4answers
189 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 ...
4
votes
4answers
179 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 ...
2
votes
1answer
62 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 ...
3
votes
1answer
939 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, I'...
3
votes
2answers
175 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 ...
3
votes
2answers
989 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 ...
0
votes
1answer
349 views

How to indicate insertion of a new record into table with pagination

I'm looking for a way to indicate successful addition of new record to table. I have two main elements on my page - a form used to add new records and, below, a table displaying all the existing ...
3
votes
2answers
84 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 ...
6
votes
1answer
645 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 ...
1
vote
4answers
105 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 ...
4
votes
1answer
394 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 ...
1
vote
3answers
562 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 ...
2
votes
5answers
421 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? ...
9
votes
3answers
1k 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 a ...
1
vote
2answers
327 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 ...
2
votes
4answers
134 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
2answers
528 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, ...
0
votes
2answers
94 views

How to indicate that an element in a grid is the current one

I'm working on a real-time web application that has a grid displaying a a list of elements that can change continuously. Currently, I'm just displaying a checkbox "Is latest" for development purposes,...
1
vote
1answer
266 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 ...
1
vote
1answer
142 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 ...
8
votes
10answers
961 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 ...
0
votes
1answer
415 views

Best practice: show load indicator and wait until completion or give error afterwards?

I've got an app in which the user has to wait about 1-2 seconds before confirmation by the server. It basically exists of 1) uploading a picture and 2) sending a request to a cloud server. After both ...
0
votes
0answers
44 views

list view slide indicator [duplicate]

what is the common indicator for a swipe gesture in a table view cell (similar the ios mail box). when swiping two button slides in from the right. This is for both ios and android mobile application ...
1
vote
1answer
179 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 ...
0
votes
1answer
72 views

What are the best ways to use a “start here” sign

I gotta show to the user where to start using a special virtual keyboard, what are the best ways to do it ? Where to put a button to close the sign ? What is the best positioning to it ?
3
votes
3answers
250 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
1answer
109 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 view....
1
vote
3answers
230 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
824 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 it'...
12
votes
3answers
12k 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
499 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 ...
2
votes
2answers
320 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
527 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 ...