Questions tagged [guidelines]
Recommended practices published by an OEM, government, or other organization (e.g. Apple Human Interface Guidelines)
281
questions
1
vote
2answers
37 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
57 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
1answer
88 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
30 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
115 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 ...
0
votes
5answers
330 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
1answer
113 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
198 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
337 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
120 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 ...
3
votes
1answer
80 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
347 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
72 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
68 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
200 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
43 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
260 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
38 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
148 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
49 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
135 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
55 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
75 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
276 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
180 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
76 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
2answers
923 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
177 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
196 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
532 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
551 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
439 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
57 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
110 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.
0
votes
1answer
539 views
When to ignore the iOS/Material design UI guidelines?
I am currently helping out my company with the UI/UX design of apps, and having no experience and prior knowledge, I find myself stuck between whether to follow the guidelines or not.
We're beginning ...
1
vote
2answers
183 views
UX portfolio guidelines [closed]
I have a simple question for you...
I would like to create an UX portfolio, but I don not have any idea where to start. I already have a Front-End/Web Designer portfolio, but I would like to include ...
1
vote
0answers
106 views
Is there any research on usability of established design guidelines vs. custom UI?
I've been having a hard time finding any reputable research or studies discussing whether established design guidelines (i.e. Material Design, iOS guidelines) are easier for people to use than custom ...
1
vote
1answer
64 views
Laying out Dynamic Objects: Guidelines?
I'm working on an application that uses VR target recognition to display information on screen. The design is to point out areas of the recognized object and make these objects interactible as well ...
11
votes
3answers
7k views
Best way to display a key-value list with material design?
For a "Material design" project, I need to display a key-value list with multiple items, something like that (example with an animal and 4 criteria):
Name: Cat
Category: Mammal
Color: Black
Size: ...
2
votes
2answers
233 views
Enable/Disable indicator
What do you think is the best general way for an icon to be shown disabled , that behaves well in all color circumstances ? e.g desaturating the icon is a good way, but does not behave well in an ...
9
votes
3answers
738 views
Design guidelines for a multi-screen or multi-device ecosystem
Since the article that was published by Precious about Multiscreen Patterns or patterns for multiscreen strategies back in 2011, there has been an increase in the amount of IoT devices and other ...
1
vote
3answers
157 views
How to create Mobile design guide lines for Developers?
I can use grids for desktop measurements. But, for mobile, I can't figure out how to show the measurements (padding, alignment) for developers.
1
vote
1answer
79 views
How to add “Contains text” inside a filter?
We are building a web application, where there is a data table and the user can filter it in order to find the elements that they are looking for. After getting some feedback from my users in my first ...
16
votes
3answers
3k views
Warning message on a successful action
In the web application that we are building, there is a process where the user uploads a file. This file will be uploaded even if there are warnings because the warnings are solved by the application ...
6
votes
2answers
3k views
Why is a scrollable bottom tab bar discouraged?
Why is horizontal scrolling in a bottom tab bar commonly discouraged? Both iOS and Android guidelines discourage it.
And for some reason scrolling navigation is sometimes okay at the top? (Android ...
68
votes
4answers
10k views
Are there any guidelines concerning the use of Alt, Ctrl and Shift keys?
I'm designing a complex product to be used in a professional setting, and I'd like to create keyboard shortcuts to the various functions. Are there any guidelines to help me decide when should I use ...
2
votes
2answers
782 views
Is it possible to use a Card component also for edit
On our UI, we are presenting the user his saved credit cards as a list of Card components, each saved card represented as a card.
The user can save up to 5 cards which will be presented in two rows, ...
11
votes
11answers
1k views
Best practice for truncating similar titles in data grid?
I have the following table, where the names are truncated up to 14 characters, because there's no enough room for the table itself (in real world there are some more columns).
download bmml source &...
1
vote
1answer
37 views
Keeping “No” option in the drop down list is a good practice when I want to display all other options also?
download bmml source – Wireframes created with Balsamiq Mockups
I'm building a web application. I want to ask a user that do you know any of the following subjects (Here the options might be 20-...
