Questions tagged [guidelines]
Recommended practices published by an OEM, government, or other organization (e.g. Apple Human Interface Guidelines)
296
questions
2
votes
1answer
35 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 ...
1
vote
1answer
42 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
1answer
110 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
1answer
54 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
1answer
81 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 ...
2
votes
0answers
81 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
1answer
87 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
1answer
202 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
1answer
61 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
1answer
33 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 ...
0
votes
0answers
13 views
Guidelines for designing interactive documents that also has a physical counterpart
I am looking for any guidelines or references on the design of interactive documents that have a physical counterpart (e.g. annual reports, whitepapers, research reports).
At the moment I see a ...
3
votes
2answers
82 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
1answer
142 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?
0
votes
2answers
134 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
2answers
108 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
2answers
275 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 ...
0
votes
2answers
386 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?
0
votes
0answers
35 views
Auto-refill pop up..how many times should this show?
I work for a healthcare company. We offer the opportunity for patients to auto-refill their prescriptions, but not everyone knows that it exists. Business wants to add a pop-up after an online order ...
2
votes
1answer
129 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
5answers
450 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
3answers
279 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
1answer
116 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
2answers
241 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
7answers
390 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 ...
4
votes
2answers
134 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
1answer
90 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
8answers
387 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
1answer
80 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
0answers
86 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
1answer
233 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:
...
0
votes
0answers
45 views
How to document or describe an ethically designed user interface or interaction pattern?
An article written by a company involved in developing software used in research talks about the concept of "ethically designed algorithms" which can be administered by an organisation that is akin to ...
4
votes
3answers
324 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 ...
0
votes
1answer
41 views
Guidelines on the interaction and content design of visual displays inside elevators
I found the question What makes the elevator experience so awkward? rather interesting, but for practical purposes thought it was better to focus on one aspect of the experience that designers have ...
2
votes
2answers
190 views
'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user
I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
3
votes
1answer
57 views
Design systems that cover both physical and digital use cases
When companies created design systems, it is typically applied to their products and services rather than something that can be used throughout the entire organisations. Atlassian's update of their ...
2
votes
2answers
138 views
How to design chatbots with the right level of human-like characteristics
The 'uncanny valley' is a known phenomena when it comes to designing robots with human-like features and traits.
However, as a previous question suggested, there is not much work done in this area of ...
1
vote
1answer
74 views
Design principles? Or will Tone of voice be enough?
I currently have a situation where my team are building a design system. Within them would be a set of design principles which extend from the brand guidelines.
However there is a response from ...
1
vote
2answers
81 views
What is the Best way to show 4 types of buy button in app
This is educational app. Some products having 3 or 4 buttons, example ( Buy e- book, Rental e-book, Buy Chapters, Buy Combo) What is the Best way to show this button in app.
IMAGE attached ( ...
1
vote
4answers
325 views
Should Up Arrow increase the value or decrease it?
So we are a team of students and we are developing an app. We can't decided whether an UP ARROW should increase the value or decrease it. We are hoping there are some programming standards or guides ...
0
votes
3answers
556 views
What is the difference among link styles?
There are three types of link styling: line underline, dashed underline and dotted underline. What is the difference among them and in what cases each of them should be used?
Often I see dashed links ...
-1
votes
1answer
85 views
Ask Permissions on a button or icon with tool tip [closed]
I looking a link for icon and text for request access. Please share how i can make this UI better.
Should i use just a simple button with text "Ask Permissions" or simply a lock icon with tooltip "Ask ...
2
votes
4answers
2k views
What do you call tooltips that stay on hover?
I am trying to create a style guide and have two types of tooltips and am having a hard time finding a semantic naming for them.
Type 1 - Stays if you hover over the tooltip, so that you can include ...
3
votes
4answers
212 views
Why web apps do not consider high resolution screens in their designs? [duplicate]
Have a look at the image below, this is how Youtube will look when someone opens on high resolution screen.There are empty space on both sides and I have checked this with many popular web apps, same ...
2
votes
2answers
238 views
Expandability in Mobile app Burger menus
Is it correct to use expandable items (Nested Menus) in burger menus in mobile apps?
Something like this
1
vote
2answers
808 views
What expand/collapse representation is correct?
I often come across different ways of representing the expand/collapse behavior. Which one is more correct?
Option 1 (arrow left - arrow down)
Option 2 (arrow down - arrow up)
4
votes
2answers
827 views
How to show dual list in responsive
I am showing a dual list on web application. It has desktop view and mobile responsive view.
As we know that we can't show the dual list 2 columns side by side in mobile view due to less space.
So ...
0
votes
2answers
3k views
Card with horizontal ScrollView [closed]
I'd like to ask how I should design this vertical RecyclerView while the ChildViews are cards now I'd like to make a Card with the RecyclerView in it but since Cards inside a Card equals Cardception I'...
0
votes
2answers
569 views
Expanding and minimizing panels on a Dashboard
I'm looking for guidelines when it comes to web app dashboards.
Specifically I'm designing a dashboard which has 3 main panels, these panels are expandable so the users can view each panel in more ...
0
votes
1answer
58 views
Using required sign for inputs with default value
Should we use a required sign (*) for the inputs which cannot be left empty since they always contain some default value?
-1
votes
1answer
114 views
IOS User Interface Guidelines [closed]
I wonder where can I find valuable information about iOS user interface guidelines. I can't find any information similar to the Android guidelines.