Questions tagged [conventions]
widely accepted and understood ways of presenting information and interaction opportunities in a UI.
136
questions
2
votes
2
answers
86
views
Why are dark themes uncommon in e-commerce? [closed]
Most websites I come across either use a dark theme by default or have the option to switch to a dark theme. The main exception to this I have found is e-commerce.
All major e-commerce platforms (...
0
votes
1
answer
43
views
Keyboard shortcut convention for properties panel
We're designing for a B2B web based application (not mobile) where we have a panel on the right side of the screen showing details about a selection made in the main content area.
The panel can be ...
1
vote
1
answer
46
views
Position/order for "Low", "Medium", "High" options
Is there any convention about positions/order to display options buttons/radio- buttons/checkboxes for values as:
"Very low","Low", "Medium", "High", "Very ...
1
vote
3
answers
141
views
When exporting data, is it alright if we don't show the data?
my question may be rather confusing without the context, please allow me to explain and I will really appreciate it if you will give me your suggestions and insights :)
I'm currently designing a part ...
1
vote
1
answer
54
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 ...
0
votes
2
answers
798
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
vote
3
answers
2k
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
1
answer
96
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
votes
1
answer
130
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.
2
votes
0
answers
60
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
2
answers
456
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 ...
1
vote
1
answer
64
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 ...
1
vote
1
answer
98
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 ...
1
vote
1
answer
108
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
6
answers
153
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
1
answer
68
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
1
answer
222
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 ...
3
votes
2
answers
1k
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 ...
1
vote
0
answers
51
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 ...
3
votes
2
answers
565
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 ...
0
votes
2
answers
81
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
1
answer
90
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 ...
4
votes
1
answer
98
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 ...
1
vote
2
answers
493
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 ...
12
votes
13
answers
13k
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 ...
4
votes
6
answers
7k
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 ...
3
votes
3
answers
511
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 ...
1
vote
2
answers
275
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
1
answer
483
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 ...
2
votes
3
answers
159
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 ...
3
votes
1
answer
377
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:
...
4
votes
2
answers
185
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 ...
1
vote
3
answers
287
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 ...
3
votes
2
answers
720
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 ...
6
votes
8
answers
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 ...
2
votes
3
answers
1k
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 (...
9
votes
4
answers
923
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 ...
1
vote
2
answers
815
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 ...
3
votes
1
answer
89
views
Hourly Time Brackets Notation
I'm designing a table where the columns represent time in hourly brackets. My question is whether there is a convention for the notation.
Do you think option A is self explanatory that the bracket '...
3
votes
1
answer
162
views
Is there a mail sent confirmation standard?
Is there a standard UX best practice for displaying a message to the user informing them that the email was successfully sent via a form?
2
votes
1
answer
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
2
answers
926
views
Which is the best way to display "Favorites" in a mobile app?
Which is the general practice to display a "Favorites" button in mobile apps? Should I should use a row in a list of options or a button in a fixed bar that is always displayed throughout the app?
...
0
votes
2
answers
286
views
Is the purpose of these buttons conflicting?
My users are to pick out a view of data for tables and graphs through a button panel, but I suspect this one button might be too confusing.
Now, actually using the control panel feels very easy, and ...
5
votes
6
answers
3k
views
Should a 'delete image' button be on the top-left or top-right?
I am working on an application that allows status updates related to the application. It is very similar to posting a Facebook status so I have been using a similar layout to their posting screen.
...
4
votes
1
answer
327
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 ...
8
votes
3
answers
4k
views
Why is == the standard equality operator? [closed]
In all the programming languages I have ever used, the comparator for testing a mathematical equivalence is ==. For example, in python:
if 7 == 8 - 1:
Why are all, as far as I am aware, programming ...
9
votes
3
answers
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 ...
7
votes
1
answer
5k
views
How to Display Occasional Announcements on a Website?
I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
4
votes
1
answer
174
views
What is the best way to visually indicate correct plug alignment with socket (hardware)?
I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking.
Users have suggested putting a ...
3
votes
4
answers
334
views
Any downsides of preferring wildcards *, ? over %, _?
In my database application I'm intending to give the users simple glob pattern search possibility besides standard search of text literal. (Let's not mention other search options to keep this question ...