Stack Exchange Network

Stack Exchange network consists of 175 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

Questions tagged [visual-cues]

A signal and reminder of something.

6
votes
4answers
309 views

How to show a score without numbers?

Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
5
votes
4answers
281 views

How do I succinctly portray the status of a filter, showing which options are enabled or disabled? [closed]

Suppose you have a todo list application with a filter bar (for searching and filtering what tasks to see in the list), and the filter bar has a status selection, thus: The status filter can have one ...
0
votes
1answer
69 views

Best way to Indicate a item is shared or copied

I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
0
votes
1answer
46 views

How important are avatars/profile images in the context of social feedback?

How important are avatars/profile images in the context of social feedback or inticing behavior as opposed to just the name of a user or an abstract avatar? Specifically, in the case of consumer ...
16
votes
4answers
5k views

Visually indicating user to change orientation of device

I am developing a site which has a component which is optimized for desktop or big view-ports, and tells users to use the "Tablet in landscape mode". When not on mobile, a message saying "Use tablet ...
3
votes
3answers
139 views

How to communicate a 'positive' result (from a blood test) that is actually negative for the user?

I'm designing an app for a doctor with a list and detail view of blood tests. What's important is to see if the test has a negative (you don't have the disease) or positive (you have the disease). I ...
15
votes
6answers
3k views

In a static data table, should rows be highlighted on hover?

My team is building a Material Design table component. The Material Design guidelines on data tables state: Row hover (Desktop) Display a background in a table row if a user hovers over any ...
0
votes
1answer
91 views

How to indicate that an item in a data table is urgent / very important?

We have a system that receives certain requests / tasks from customers. There are 2 types of tasks: Urgent and Non-Urgent. What is the best way to display the task list so that it's easy to see which ...
0
votes
1answer
35 views

What timing of visual emphasis paired with a spoken word provides the best cognition?

I am working on an animation in which there are three somewhat small font words (Environmental, Social, and Economic) together with three colored horizontal histogram bars on each side of the labels ...
15
votes
7answers
676 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
2answers
456 views

Re-ordering items on a list… Should we use drag & drop or a dropdown with a number list?

What is the most intuitive / easiest way to sort a list of items? Is it through drag and drop (drag and drop the rows in the order you want) or do something like put a dropdown list beside each row / ...
0
votes
3answers
256 views

How to Display Pass/Fail/Missing Data

I'm trying to create a better experience in a mobile application that tracks a users fitness activity. When looking at a calendar-view, the user will 1 of 3 options: A Colored Dot - Indicates the ...
5
votes
2answers
451 views

What is a good visual cue for scroll in Macbook?

The navigation pane is scrollable on focus, which works well in all the browser in Windows PC because the scrollbar appears when the mouse is pointed over the navigation area. However, this is not the ...
4
votes
3answers
165 views

How to inform the user a textfield has both a character and a line limit?

I have a dialog that puts a comment in a small textbox on a PDF export. The textbox has room for 10 lines of 100 characters (1000 characters maximum). The field currently looks like this: I have a ...
2
votes
3answers
816 views

Why is the visual behavior for a WPF checkbox reversed when checking/unchecking?

The WPF (Windows Presentation Foundation) checkbox control has opposite visual behaviors for when it is checked and unchecked. That is, when the mouse button is pressed, the check mark fades into ...
1
vote
1answer
66 views

How to overlay multiple sets of quantitative data on a network?

The image below shows a biological network where nodes have been colored based on a set of measurements. This works great, but the next step is to overlay up to eight sets simultaneously. This means ...
0
votes
1answer
503 views

Intuitive Active / Idle / Off status button

I have a requirement to visually show the three status of Active / Idle / Off status for devices. I somehow convinced with switch design as you can see in the below illusion, not fully satisfied as ...
1
vote
1answer
81 views

Creating the illusion of a random distribution

I have a list of similar elements, and I want to scatter a smaller set of strikingly different elements among them, with the intent of surprising the user and reviving interest in the list. Something ...
1
vote
2answers
449 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
3answers
182 views

Altering the text color by paragraph?

I've been thinking about changing my application so that the font colour alternates between black and dark grey on odd and even paragraphs. I thought of this because it often takes me a long time to ...
2
votes
3answers
84 views

Visual indication of special privileges

I'm working on a mobile app for android and iOS that lets you manage sports teams. You can follow any team, but can only manage those your account is associated with (You're the coach, for example) ...
7
votes
9answers
4k views

How can employees be subtly reminded that when they talk loud in the cubicle farm corridor they disturb people in the cubicles? [closed]

We have a software shop with a cubicle farm where cubicles have non-transparent (painted drywall) walls about 1,5 meters high. There's a corridor running through the farm. Most of the time all the ...
0
votes
4answers
168 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
0
votes
2answers
123 views

Standard representation of states for objects in software application

I am trying to come up with a standard to be included in a style guide for a software application. One of the difficulties with the guide is around documenting states/status that seem to have a ...
4
votes
3answers
1k views

Invite users to inline edit not only on hover?

It's very common to indicate to the user that they can "edit in place" by changing the style of the editable content when hovered over (e.g. adding a yellow background, "click to edit" tooltip, pencil ...
1
vote
1answer
2k views

multi select option in iOS app - how to design the multi select button

I'm currently working on an app that offers multi selection (see attached image). Now I am wondering how to design the multi select "circle" in the toolbar. Should it be not marked while the user ...
1
vote
4answers
694 views

How to mark field as edited by the user

I am writing a UI for configuring a big system. The typical workflow for a person using the product is to open a configuration form, which can contain hundreds of fields, make some small changes and ...
0
votes
3answers
388 views

What's the best way to get users to read a set of instructions for filling out a form?

I have a simple form that the user fills out, and I want the user to read a simple 5-step set of instructions on how to fill out the form and what happens after they hit "submit." I'd love to know if ...
4
votes
2answers
430 views

What are standard visual cues to use for multicolumn sorted table

I am working on this bug patch for phpmyadmin I am specifically working on drawing these little icons along with a column name that show how that column data is ordered And I am kind of struck ...
4
votes
2answers
175 views

Links vs Actions

This question may be a little vague, but thought I would ask anyways. I'm working on application that has alot links and actions visible in my interface. Most of my actions are accompanied by some ...
1
vote
1answer
186 views

Button Styling to Indicate Severity of Action?

I am designing a multi-page form for creating course proposals at a university. Once the record for the proposal is created, the user has a variety of different options for what to do for the proposal....
1
vote
3answers
447 views

How to indicate that certain columns are not sortable/filterable

I have a data table that can sort/filter columns, but there are certain columns that can't be sorted or filtered. I'm trying to find the best way to indicate to users which columns they are with the ...
1
vote
2answers
386 views

Indicate Which Item is Open in a List

I have a grid of items. I want to indicate which item is currently open (which one is the user editing?) The user can select other items in the list so I want the open indicator to be different than ...
1
vote
2answers
103 views

How can I do a better job of allowing users to reallocate?

I am designing a tool where the user sets a maximum total amount, and then can divide that up into smaller chunks as they so desire, based on a percentage. They may also want to adjust the total, ...
33
votes
6answers
2k views

How to highlight the selected option when there are only 2 elements

Let's say there are two button's with icons, for example a typical "Grid View" and "List View" buttons, and I don't want to use bevels to create a "pushed" effect. Let's say I'm doing it in a simple ...
3
votes
4answers
317 views

How obvious is it that an element that looks like a flick switch can be clicked?

When looking at a form element styled to look like a flick switch but that actually behaves like a clickable element, how likely is the user to realise that they can click the element to switch it, ...
2
votes
2answers
979 views

Is it acceptable to have an editable field visible on hover?

I have a chart that is mostly used for viewing, but can be edited. It is a bar chart of percentages (beneath the bars) that can be edited. Unfortunately, if I display the fields the table becomes more ...
2
votes
5answers
165 views

Distinguish the concept of an album from a song visually

I am trying to conceive an application that has the concept of "album" or "song" (from an album or single) mixed in. I want to create some sort of visual cue to distinguish between those 3 concepts. ...
6
votes
4answers
384 views

How to effectively communicate to the user that a status will periodically refresh

Say I have a page that has a continually-refreshed status on it. The idea for the service is that it's something you can keep an eye on in the background while it continually refreshes itself. How ...
7
votes
1answer
224 views

Shopping Cart - What information should you show while browsing?

Does anyone have any data whether or not showing the number of items and/or total price of the items in the cart increases the likelihood of users purchasing the cart? I have my assumptions, but I'd ...
2
votes
1answer
339 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 ...
15
votes
5answers
1k views

How to handle users typing without input focus

An issue I repeatedly observe with novice web users is that they will occasionally begin typing without first properly selecting (focusing) an input field. A typical pattern I see is this: the user ...
3
votes
2answers
994 views

Best practice for sorting and being able to “check all” in a table with checkboxes

I have a table as part of a form for which users can click the header row to sort by that column (and click again to reverse order). The table also contains checkboxes, and clicking the checkbox in ...
6
votes
2answers
891 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 ...
1
vote
2answers
64 views

Should Checked-in People be disabled, or non-checkedin people

I am designing a backend roster system. The administrator scans the users barcode and then records the time they checked in. My question is which group of people should look disabled? My thinking ...
2
votes
2answers
298 views

Managing User roles as admin

I'm working on a UI where there are multiple roles, with two (Finance and Legal) that are constrained to only support one user. I'm using a fairly standard matrix, with checkboxes that become ...
5
votes
2answers
760 views

How to make file download progress more obvious

We have forms on our site that we're using for lead generation. When submitted, the user is directed to the requested piece of content and the file begins downloading right away. We track user ...
2
votes
2answers
675 views

What is the best way to handle close buttons in dialogs in a mobile app?

I have a small dialog where a user can add an email to subscribe. I am torn between changing the subscribe button to take 50% of the place and adding cancel or simply make the x bigger. Any other ...
11
votes
2answers
301 views

Timer for undos (aka ctrl + z for pointing devices)

We are in the middle of an endless conversation* in the office : Should undos have a timer before disappearance or should they be displayed until next action? In our discussion, closing or changing ...
5
votes
4answers
273 views

Hovering over an element to raise opacity

I'm working on a site where we display testimonials on the side of the page. We don't want these to be the main point of interest, so we dimmed the opacity, and on hover it goes to full opacity. We ...