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
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.

1
2 3 4 5 6