Questions tagged [guidelines]
Recommended practices published by an OEM, government, or other organization (e.g. Apple Human Interface Guidelines)
312
questions
0
votes
1
answer
45
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 ...
15
votes
7
answers
5k
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, ...
0
votes
2
answers
41
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 ...
1
vote
2
answers
119
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 ...
4
votes
1
answer
394
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 ...
2
votes
4
answers
162
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 ...
-1
votes
1
answer
89
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 ...
0
votes
1
answer
67
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 ...
0
votes
1
answer
138
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 ...
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 ...
3
votes
2
answers
363
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?
0
votes
1
answer
246
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 ...
0
votes
0
answers
64
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?
2
votes
1
answer
50
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 ...
2
votes
2
answers
80
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 ...
-2
votes
1
answer
222
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 ...
3
votes
2
answers
593
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 ...
2
votes
2
answers
3k
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 ...
0
votes
1
answer
97
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 ...
3
votes
1
answer
96
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 ...
2
votes
1
answer
110
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 ...
2
votes
2
answers
182
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 ...
1
vote
1
answer
138
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 ...
0
votes
1
answer
61
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, ...
3
votes
1
answer
135
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 ...
4
votes
1
answer
489
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 ...
1
vote
2
answers
778
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 ...
0
votes
2
answers
584
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 ...
2
votes
1
answer
69
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 ...
0
votes
1
answer
65
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 ...
3
votes
2
answers
141
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 ...
0
votes
1
answer
868
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?
1
vote
2
answers
861
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. ...
1
vote
2
answers
378
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 ...
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 ...
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?
2
votes
1
answer
151
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 ...
1
vote
5
answers
729
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 ...
2
votes
3
answers
846
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.
...
2
votes
1
answer
126
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 ...
-1
votes
2
answers
300
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 ...
5
votes
7
answers
419
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 ...
5
votes
2
answers
283
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 ...
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 ...
2
votes
8
answers
614
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 ...
0
votes
1
answer
112
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 ...
1
vote
0
answers
113
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 ...
1
vote
1
answer
275
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:
...
2
votes
1
answer
123
views
How to document or describe an ethically designed user interface or interaction pattern?
It is common for designers and consumers nowadays to talk about or refer to 'dark patterns', although it is probably the intention of the designer that makes the pattern 'dark' rather than the ...
4
votes
3
answers
483
views
Which UX guidelines exist for mobile app performance?
I'm doing the UX for an app that communicates with bluetooth devices. Unfortunately, all bluetooth traffic is routed through our cloud backend which occasionally makes the app slow. To deal with this ...