Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [guidelines]

Recommended practices published by an OEM, government, or other organization (e.g. Apple Human Interface Guidelines)

Filter by
Sorted by
Tagged with
0 votes
1 answer
33 views

Do I need a new collection for each component with variables and tokens in Figma?

I understand there are primitives, which are raw data, and I have to reference them. But do I have to create a new collection every time for each component? And how do modes blend into it then?
Tejas's user avatar
  • 36
4 votes
2 answers
147 views

Using ellipsis for commands in web applications

In history in desktop applications ellipsis are used to indicate the user that additional information are required, when he execute the command. I'm surprised that in many web applications no more ...
sysscore's user avatar
  • 1,521
1 vote
2 answers
102 views

Online portfolio or Offline portfolios?

I am a working individual who wants to switch over to UX design. I am trying to create a portfolio for my first project, but I am conflicted: I am not sure whether my portfolio should be a web page or ...
ashton's user avatar
  • 21
16 votes
7 answers
6k views

Why don't browsers show a dialog when closing a tab?

Is there a specific reason why browsers don't inquire whether users want to close a tab or not? This feature is enabled in some browsers (possibly all, though not certain), but only for multiple tabs, ...
Devin's user avatar
  • 38k
0 votes
2 answers
90 views

Best practices for consecutive intrusive overlay (Modal)

qq for best practices... My product has to show the user some regulations about an specific product and ask them to agree with terms (Law terms and regulations), therefore it must be an intrusive ...
Marcelo Henrique's user avatar
1 vote
2 answers
181 views

How do you keep up to date of the latest UX trends? [closed]

I am new in UI/UX and I have been seeing design systems suggested by many articles and design trends to know about. I was wondering where people are getting all these ideas or news from? Is there some ...
J. Dupo's user avatar
  • 41
4 votes
1 answer
559 views

UX best practices in applying persistency

I am looking for UX best practices in applying persistency. I'm referring to an application's ability to "remember" the user's previous actions and preferences to make it easier for them to ...
Lironbl's user avatar
  • 51
2 votes
4 answers
192 views

Using "people" vs "users" in online documentation and guidelines

There's a discussion at my office around changing the term "users" to "people" in our online documentation. Some things to know, our online documentation is used primarily by ...
Irma's user avatar
  • 21
-1 votes
1 answer
96 views

What is the best approach for UI kit? [closed]

I have a dilemma at work and that is that we have many types of buttons: filled and lined black, light blue, dark blue in different shapes, round and rectangular with slightly rounded edges. We also ...
Beatriz GP's user avatar
0 votes
1 answer
105 views

Does Material guidelines say anything about text color in warning modals?

Does Material guidelines say anything about text color in warning modals? I was told by my project manager to put the text inside a warning modal in red, but I think it looks ugly. I tried to find ...
Sayaman's user avatar
  • 157
0 votes
1 answer
182 views

How do you handle spacing from text to other UI elements?

I do not know how to handle spacing between text and other elements of the UI. If I want to separate my text from another element with a spacing of 16px should I start to measure from the end of the ...
Luis Vásquez's user avatar
16 votes
3 answers
3k views

Does Material Design 3 recommend an incorrect icon style?

I was looking at the Material Design 3 Icon design principles and they have an example that seems like bad UX to me. I'm sure I'm wrong but I'd like to know if (and how) the "Do" is better ...
FrontDeer's user avatar
  • 173
3 votes
2 answers
369 views

How do you localize the {verb} + {noun} pattern?

By example, if we take [Resend confirmation email], how would you localize that for Germany? [Bestätigungsmail erneut senden] (noun + verb)? Are there design guidelines available online?
user3561767's user avatar
0 votes
1 answer
596 views

Dropdown selector with no options. Disabled or not?

I have a dropdown HTML select menu. Entries will appear once a calculation is performed, however until then, there is nothing available, and therefore the dropdown is empty. The dropdown should be ...
Stefano Borini's user avatar
0 votes
0 answers
69 views

User Experience - graph and table

Does anyone know if it's a good UI -UX practice to add multiple select options inside a table?
Cosmina Palade's user avatar
2 votes
1 answer
53 views

How good is this 'UI Tour' in an app? [closed]

I am creating a UI Tour for a desktop app and I am drawing inspiration from this: ui tour.mp4 I am wondering how good UX is this UI Tour. It doesn't tell the user how to proceed or exit and the way to ...
HBatalha's user avatar
  • 145
2 votes
2 answers
85 views

Does it make sense to use a platform-agnostic HIG for desktop applcations?

I'm developing a stand-alone, cross-platform desktop app for Windows, Mac, and GNU/Linux. I've read these ([1], [2]) questions and concluded that I'll have to cherry pick guidelines from all three ...
baqyoteto's user avatar
  • 121
-2 votes
1 answer
361 views

Can a form field have different radius from the button? [closed]

Can the email address field have a different radius from the button? We have pill-shaped buttons across the whole website. But I didn't want to make the email address field with the same shape seems ...
user152406's user avatar
3 votes
2 answers
892 views

Custom Google and Apple Signup/in buttons

I want to modify the default sign up and sign in buttons of Google and Apple for an iOS project keeping the changes as per their guidelines. By default, these are like this: And I want to use it like ...
Sanshizm's user avatar
  • 1,267
2 votes
2 answers
4k views

What should be the vertical placement of primary button on a mobile screen? And why?

A user scans the screen from left to right and top to bottom. So, we use the primary action (or primary CTA) on the right side while designing for the web. If we consider top to bottom scan approach ...
shubham ahuja's user avatar
0 votes
1 answer
135 views

How to best place a "Filter" sheet in a webpage?

Consider the following page screen, that consists all conversations (left side) and the selected conversation display (middle of the screen; chat): Now I would like to be able to filter the list of ...
Velionis's user avatar
3 votes
1 answer
98 views

WCAG 3.0 structure and assessment criteria benefits in current practice

Even though it is currently in draft form, the WCAG 3.0 document is looking to be more user-friendly and easier to assess compliance against. I think the change in the document structure and language ...
Michael Lai's user avatar
  • 27.3k
2 votes
1 answer
113 views

Best practice for meaning of "return" in UI flow

For context in this question, I am recalling a programmable thermostat interface with four large buttons, two each on the left and right side of an LCD display. The display showed labels for the ...
WBT's user avatar
  • 437
2 votes
2 answers
204 views

Guidelines for GIS and map based interface design

Map based applications are becoming a part of our daily life, from using Google Maps to find locations to booking a Uber. However, there doesn't appear to be a set of standards and guidelines when it ...
Michael Lai's user avatar
  • 27.3k
1 vote
1 answer
149 views

Why does Apple use this guideline "A label is often unnecessary when placeholder text is present"

In which context does Apple use this guideline, and why did they do so? I can only see the logic in the context of having an input field where you search. It just seems a bit odd since it has so many ...
Rakozay's user avatar
  • 13
0 votes
1 answer
62 views

How to decide which state is on and which is off in a checkbox

There's a program that draws various types of horizontal lines that anchor to other horizontal objects that are usually a little bit tilted. Some of the lines, by default, are completely horizontal, ...
Asmatzaile's user avatar
3 votes
1 answer
173 views

Do you know any research regarding so-called "scroll arrow" used for vertical scrolling?

Currently, I started to be concerned about the "scroll arrow" within the interface. The scroll arrow indicates that the first visible section it's not all and it's more content to scroll. I ...
Lorelei Heckmann's user avatar
4 votes
1 answer
700 views

Organizing UI elements differently based on user permission level UX guidelines

Does anyone know of any articles or write ups around this topic? I can't seem to find any resources around this. Think different users in the same organization that can see the same page of an ...
Noveltee's user avatar
1 vote
2 answers
939 views

Is UI Chips for all single choice input a good idea?

I'm working on an iPhone/iPad app that uses a lot of forms and we are currently using several different components for input where the user have to do a single choice from a defined list of items. For ...
Blk Dnm's user avatar
  • 31
0 votes
2 answers
916 views

Best Practice For Font Use in Mobile App Design

I'm currently designing an app using Figma and having had no prior experience am learning as I go. I appreciate both Android and iOS have their own design guidelines which I'll be looking at, but I ...
Lewis Hanson's user avatar
2 votes
1 answer
70 views

Is it preferable to describe a computer's ephemeral visual data output device as a "monitor", "display", "screen", or something else?

In English language UIs, is it preferable to describe a computer's ephemeral data visual data output device as a "monitor", "display", "screen", or something else? All ...
End Antisemitic Hate's user avatar
0 votes
1 answer
69 views

Can we use same Wizard Styling for Signup as well as inner page Wizard? Different data but same style

I am stuck into two situations: I designed the wizard attached below for Signup Purpose but inside dashboard user will be "posting job" and post job has few steps as well. So using the same Wizard ...
Anas Nasir's user avatar
3 votes
2 answers
165 views

Margin Usage on Body

My team is working on creating a dashboard and we’re having a bit of a conflict as to whether the body of the website should have a margin or not. The above image is the dashboard with the margin and ...
Artin Rezaee's user avatar
0 votes
1 answer
1k views

Card with horizontal scrollable content

I wonder if placing horizontal content inside a Card (like an image list in the Reply material spp) is breaking material design guidance?
Sergey B.'s user avatar
  • 101
1 vote
2 answers
924 views

Distance Among Guidelines in Figma? [closed]

so I am using Figma for now because Adobe XD will no more free. I am curious if there is a configuration to show distance among guide lines in Figma like Adobe XD has? Above is the illustration. ...
arnold_p's user avatar
  • 111
1 vote
2 answers
423 views

Segmented control at the bottom of the screen in iOS

Is this a common pattern to put a segmented control at the bottom of the screen? I've seen this only in the native iOS 13 Photos app. This is a segmented control on the screenshot below, right? If ...
Peter's user avatar
  • 953
0 votes
2 answers
2k views

Input mask on email field a good idea?

A colleague of mine is arguing that we should use an input mask for email fields. Personally I don't think it is necessary. For phone numbers I can understand since a phone number can be written in ...
Max's user avatar
  • 103
1 vote
2 answers
1k views

Why not snackbar icons in Material?

I was reading through the Material Design guidelines and noticed this restriction on the snackbar usage: "Don’t place icons in snackbars." Why not? What would be the rationale for that?
tylisirn's user avatar
  • 226
2 votes
1 answer
155 views

Are there guidelines on interaction design to prevent repetitive strain injuries for users?

With so much of the digital and web applications focusing on the mobile platform, and so much of the revenues from companies generated from 'edutainment' related applications, I am wondering what the ...
Michael Lai's user avatar
  • 27.3k
1 vote
5 answers
760 views

Is adding multiple search buttons to the same filter a bad User Experience?

I am working on shopless e-commerce website. We have multiple filters on the left hand side and the search result appears on the right: So users can change the filter values on the left and then ...
Hooman Bahreini's user avatar
2 votes
3 answers
969 views

Conventions for formatting elapsed time?

I've got an elapsed time (to millisecond precision), and I'd like to format it for human consumption. For example: 500ms = 500ms 1500ms = 1.5s 90000ms = 1m30s (or 90s?) 2790000ms = 46m30s ...etc. ...
Roger Lipscombe's user avatar
2 votes
1 answer
130 views

Is there any reason not to change the style of web radio buttons and check boxes?

It's still very difficult to change the visual look of HTML radio buttons and checkboxes using CSS. For example, changing the check box's border-color does nothing on major browsers. Is there a UX ...
MGOwen's user avatar
  • 121
-1 votes
2 answers
303 views

what should be the placeholder name and image until user has completed his profile?

I have an app where we show the name and profile picture on the menu page. The menu page can be seen without completing the profile also. At this point what would the most appropriate placeholder name ...
Divyansh Gupta's user avatar
5 votes
7 answers
420 views

How to collaborate with UX developers

Currently my team (a product team) designs mockups of UI impovements and enhancements using screenshots painfully stitched together. We then pass them off to the technology team who tries to replicate ...
wizlog's user avatar
  • 153
5 votes
2 answers
292 views

Visualisation of the state of roads on a map

I am designing a website with different kind of roads for bikers. I am looking for a way to show on a Google maps overlay what the state of the roads is. What is the best practice of this? There are ...
Hendrik's user avatar
  • 692
4 votes
1 answer
108 views

Accessibility for deaf or hard of hearing users

Going through the accessibility posters from the UK Home Office I found something I can't understand. In the section about Designing for users who are deaf or hard of hearing they recommend to do not ...
Adriano Repetti's user avatar
2 votes
8 answers
639 views

Should we create our own framework or go for open source like Material Design?

I work in a small company that is into software intelligence. I am struggling to convince them to bring consistency in their products by having their own front end framework. Some of the key leaders ...
Surbhi Tak's user avatar
0 votes
1 answer
115 views

Looking for better presentation of large number of attributes

I am looking for a way to display the information below on a web page. I am after a good looking way. Currently I present this information on one horizontal section of a single web page. I have ...
NoChance's user avatar
  • 143
1 vote
1 answer
120 views

Best way to design custom apps to plug in Microsoft dynamics 365

We are a small team of 2 customizing a Dynamics 365 for our ~100 people company. Using built-in customization tools from dynamics for basic forms and actions works (fairly) great. However, for more ...
Pierre Burton's user avatar
1 vote
1 answer
281 views

Navigation rules for bottom tab bar

I'm working on a mobile app which has a bottom navigation bar. There are 3 tabs: Payments Home Settings When I am on the home section I have a menu, where I can go deeper, inside this section: ...
Alexei Malashkevich's user avatar

1
2 3 4 5
7