Questions tagged [conventions]

widely accepted and understood ways of presenting information and interaction opportunities in a UI.

Filter by
Sorted by
Tagged with
10
votes
2answers
12k views

Horizontal And Vertical Flipping / Mirroring

In graphics applications there is often a feature that allows one to flip or mirror objects like images or shapes around the horizontal or vertical axis. In an application I use, the action is ...
3
votes
2answers
625 views

Noun or Verb for Title?

If I have a page or window that allows the user to manage something, for example a subscription, should the title be "Manage subscription" or "Subscription management?" Which word order gives the best ...
3
votes
1answer
281 views

Best place to display filter button in mobile

I'm currently designing a screen for mobile with a navigation bar and a filter button. However, I'm at a loss about what the best placement for the filter button is. This is my current screen: ...
485
votes
23answers
91k views

Should a toggle button show its current state or the state to which it will change?

I have a quick question about buttons that toggle between two states. (Think Play/Pause, or Shuffle/Regular Play.) As the title says, should the toggle show it's current state or the state to which it ...
258
votes
26answers
33k views

Save icon, is the floppy disk icon dead?

This Twitter post sparked me to ask the question: totally! RT @damienguard: Dear UI designers everywhere. Stop using floppy disk icons for save. Too many people have no idea what it is now. ...
1
vote
3answers
589 views

color for download and upload

Besides the down or up arrow, is there a convention of colors to distinguish between download and upload. I have two buttons like these and these too But I feel that there's not enough visual ...
2
votes
1answer
85 views

What do you typically use to launch a drawer component?

Outside of a hamburger menu, which is conventionally expected to open a drawer, is there another common treatment for initiating a drawer component on a page? A button? A link? Something else? Is ...
1
vote
1answer
34 views

What is the standard for the text alignment for Text Styles in a Design System?

What is the standard for Design System Text Styles alignment? Figma defaults to align top. What are the advantages / disadvantages of using Align Top / Align Center / Align Right when designs get ...
4
votes
6answers
6k views

Were we mistaken about rounded corners being better UX?

I am learning HTML and CSS, discovering that browsers implemented rounded corners and shadows using CSS... just about the time that UI went to "flat / sharp corners" without shadows, etc. It seems sad ...
17
votes
10answers
7k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever possible (Firefox allow this, as well as xterm and emacs). I know that placing a ...
0
votes
2answers
331 views

Form alignment left side to right side

I am very new to UX and I find my form to be sloppy. Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
-1
votes
1answer
126 views

What is the name of this 'alignment' UI element? [closed]

I'm trying to convince a team that they should use this 'alignment thingy' in their drawing software. What is this called? You can find it for example in Adobe Illustrator.
1
vote
0answers
55 views

why are outgoing text message bubbles colorful? [duplicate]

Why are speech bubbles either blue or green for outgoing messages and not for incoming messages? For example, in whatsapp, the outgoing messages are green. In iMessage, they are blue. I don't think ...
1
vote
2answers
210 views

Syntax highlighting color conventions

I am about to design a (light) syntax highlighting color theme. Are there any conventions (apart from accessibility) I should take in account. Comments quite often appear in a bright grey for ...
116
votes
14answers
17k views

Why don't we auto-save for users instead of having them save manually?

With the advent of Apple moving to auto-saving in its newest release Lion, should everyone start adopting the convention of auto-saving? At first it is definitely awkward and the user can feel like ...
1
vote
1answer
61 views

Are periods after numbers of a list an international convention?

In English this is pretty standard: The first thing The second thing The third thing Are these periods an international convention? For example: 最初のもの 二つ目のこと 三つ目のこと This question assumes Arabic ...
2
votes
1answer
2k views

Where does this convention come from? Green = right, red = wrong

Red indicates that something is wrong and requires attention/fixing. green indicates success. Where does this convention come from? I can think of traffic lights, but that's it. example:
1
vote
1answer
97 views

Best Practice for indicating part of a week textually (specifically contiguous days)

I realise I'm probably splitting hairs here, but I feel like there should be some sort of convention or best practice for this situation, but I haven't been able to find anything online, and I can't ...
3
votes
2answers
455 views

Checkboxes, Radio Buttons, and Mobile Development

I am currently working on an iOS app where the user interface should allow them to pick 1 of 2 options. One and only one option must be selected. My boss feels very passionately that this should be in ...
1
vote
1answer
98 views

Why is the background of common motion capture systems black?

Popular commercial MoCap systems (Vicon, Motive, etc.) tend to have black backgrounds for their workspace environment. Is there any non-trivial reason for this convention? I'm currently working on a ...
0
votes
6answers
148 views

What is the proper name for “catastrophe style” blocks of content?

We're building a layout for a big newspaper with lots of customizable content blocks for different needs. One of the requests is what they call "Catastrophe Block": a special block that will show up ...
1
vote
1answer
64 views

Food menu legend consistency

Should a food menu legend have "Gluten Free" and "Contains Nuts" or would it be better to be consistent with "Gluten Free" and "Nut Free" or even "Contains Gluten" and "Contains Nuts." Each of the ...
0
votes
1answer
139 views

Typical mouse hover position - left or right side of the screen?

I'm curious if anyone knows what the typical mouse hover position is for a user browsing the web? I believe it's the right side of the screen, for proximity with scrollbars (and because that's where ...
1
vote
0answers
41 views

Microsoft Office Plugin Enabled/Disabled Indicator?

I want to design a plugin (addin) for Microsoft Office, where I want people to use it while writing emails via Outlook. Also, I want to use my brand colors (flexible, not a major constraint). The ...
1
vote
2answers
443 views

Choosing the right background color (Contrast issues)

I interesting issue over here. I'm designing a "photo editor" app. I have already choose my primary color. Issue: I'm trying to understand what is the best way to choose "smart" background color ...
0
votes
2answers
75 views

How to order years in select box

In the enterprise software I help build, we have a date-picker with years in a normal select element. I've gotten the question to revert the way the years are displayed so they are displayed from high ...
2
votes
1answer
72 views

Should state be indicated by its control or should control and state be separate in the UI?

I am developing a UI that controls various hardware components like lights, appliances, and such. The hardware sends notifications when its state changes. The UI receives a live stream of the state ...
7
votes
2answers
3k views

Emerging conventions for keyboard shortcuts within web applications

Scott Hanselman recently wrote an article titled "The Web is the new Terminal: Are you using the Web's Keyboard Shortcuts and Hotkeys" in which he notes emerging conventions on major sites (Gmail, ...
3
votes
1answer
79 views

Conveying another user's vision impairment

I'm developing a serious game for collecting behavioral data and I need to convey to each player some status information about the other players in the game. One piece of information I wish to convey ...
5
votes
2answers
3k views

What keyboard input makes sense for tabbing out of a rich text field?

My Windows application has a form controlling system-wide options with a toolbar-equivalent and a region for controls. The toolbar has a series of icon/label pairs; selecting one fills the control ...
11
votes
13answers
10k views

Asterisk * is used for required. Is there any symbol used for optional?

It is common the use of asterisk (*) to indicate required elements. I understand the use of explicit text is better than relying on symbols. So writing "required" or "optional" is more understandable ...
1
vote
3answers
634 views

Conventional keyboard modifier for expanding/collapsing hierarchical tree view

I have a large tree view where users will often want to fully expand or collapse a particular tree. I'm providing a context menu with both of these choices, but I'd also like to allow the user to hold ...
6
votes
7answers
17k views

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
68
votes
8answers
72k views

How to tell the user his login credentials are incorrect?

When a user has entered incorrect details into a login form, is it better to tell them: The username or password you have entered is invalid. or The user name you have entered is invalid (for ...
3
votes
3answers
382 views

Naming convention for attributes/functions/menus

In programming there are ex. PascalCase and CamelCase and more conventions. In the SIGCHI Conference Proceedings Format subsections and sub-subsections starts with initial letters capitalized, but a ...
2
votes
3answers
154 views

Is there a convention for hinting at a row item's age or staleness?

Are there any accepted conventions anyone can think of for showing the age or staleness of a particular row in a set of results on a web page? I'm looking for some visual way to identify how long ...
1
vote
2answers
226 views

Should page titles be consistent?

I'm facing a consistency problem on my current project. The name of the same page differs from place to place. For example, a page with the calendar events has title My events, a sidebar menu link ...
1
vote
2answers
596 views

What is a suitable naming convention for a series of product image views?

I would like help with a naming convention for product images. The images are currently given names like 'widget - front left 2.jpg' and so on. These are not user friendly! In this instance the UX is ...
1
vote
1answer
304 views

Which is the most common symbol or abbreviation for the word “number”?

I'm fully aware of the numero sign (it's the default way in my language), but in English I have seen the numero sign, number sign, the no, num and numb. abbreviations and so on. For example, the ...
29
votes
4answers
35k views

Should I manually hyperlink phone numbers using “tel:” on my websites?

In code, you have the ability to make a phone number on a website into a link by prepending the phone number in the href with a "tel:" So, for example, you can create a link to 800-867-5309 with the ...
4
votes
2answers
139 views

Interface requirements for both left-to-right and right-to-left reading

Most interfaces, gestures and UI patterns are based on reading from left to right (sinistrodextral). Swiping to the right to go back is based on making the same motion with your finger if you want to ...
4
votes
1answer
304 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
1
vote
3answers
229 views

Folder naming standard for storing app backup data on user's personal cloud?

A lot of web/mobile apps can store backups on your personal cloud storage ( Dropbox, Google drive, ... ). It's usually done by by creating a folder and storing the files that are needed for the app ...
2
votes
2answers
510 views

Naming convention for “admin” UI and “public facing” UI

I have a social network kind of app that has two dramatically different interfaces: The admin part, where the owner administers the account The public facing part, what all users sees I need to name ...
2
votes
3answers
997 views

Android design with two-tier (primary and secondary) navigation

I need a way to include tabbed primary navigation (i.e. facebook) with one of those primary tabs having 2 states (secondary nav/tabs). My 3 ideas are as follows: stack them (eeek!) Make a dropdown (...
6
votes
8answers
2k views

Mail icon, is the envelope icon dead?

The question Save icon, is the floppy disk icon dead? made me think about another icon. As the number of mailed letters drops from year to year, I wondered if the icon just can't be associated with ...
9
votes
4answers
873 views

Design for Application consistency or follow OS convention?

When we design applications to be used in the new world of cross channeling, we need to take into account a lot of different factors. Not only do we need to address in which environment the app is ...
8
votes
5answers
2k 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 ...
8
votes
3answers
2k views

What are conventions for keyboard shortcuts in Windows and OSX?

Keyboard shortcuts in Windows appear to follow some sort of convention based on the modifier key, but I can't figure out precisely what it is. Here is my current best guess: Ctrl-* often does a ...
68
votes
7answers
19k views

Why don't ATMs give you cash before your card?

I live in Australia, so this might not apply worldwide, but here, when withdrawing money, the ATM will give me back my bank card, then several seconds later the cash comes out. This typically leads ...