Questions tagged [human-interface-guideline]

Human Interface Guidelines (or short: HIG) refer to a written documentation that line out common elements for a user interface. These guidelines help develop a consistent interface and user experience across a team.

Filter by
Sorted by
Tagged with
1 vote
2 answers
39 views

Where to add email/help button main screen of mobile app?

I'm working on a mobile app, for iphone and android, where the user can search for an item, and a list will be displayed with the stores where this item is sold. The "Map" button displays ...
user avatar
  • 173
1 vote
1 answer
48 views

How to properly expand/collapse the top level of a side navbar while using the second level nav bar?

so I am designing a device manager with a two-level side navbar, where the second level is constantly showing while the top level is hidden. I am having trouble deciding on how to design the expand/...
user avatar
0 votes
1 answer
68 views

How to make sure the user knows interactivity of this widget

I want to keep the interface as clean as possible, but I want the user to know, that they can edit the exercise (eg. the list tiles with the not-so-dark background), where I then display the exercise ...
user avatar
0 votes
1 answer
36 views

Can there be 3CTAs at one place with equal weightage?

On the checkout screen there are 3 CTAs, simple checkout Payment with debit card Buy now pay later All three with equal weightage of primary CTA. Is it the right way?
user avatar
0 votes
1 answer
49 views

UI for multiclass classification taxonomies and search results

I am confused about how to present multiclass classification taxonomies to the end user on a consumer app. If an item or even an entire subcategory can be classified under different parent categories, ...
user avatar
  • 601
0 votes
1 answer
41 views

Accordion vs collapsable section

Is there any difference in accordions vs collapsable sections? Can we say that accordions have data, and collapsable sections have a layout? But, how do we visually differentiate between them? The ...
user avatar
0 votes
0 answers
34 views

Does Apple use a base grid for iOS elements?

I am currently working on creating an iOS and Android app for my company and was looking at the Sketch library that Apple provides for iOS. While inspecting a few elements it looks like some of the ...
user avatar
0 votes
2 answers
51 views

Hiding or showing upcoming functionalities

We are developing a data-heavy site and I was wondering, how should we present (or hide) upcoming functionalities. Let's say in a form an option which will only be available later. Or a button that ...
user avatar
1 vote
1 answer
45 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 ...
user avatar
0 votes
0 answers
17 views

What are the guidelines for showing many columns in an ipad app? [duplicate]

I'm creating an app for an ipad where it should show a table with someinformation, more than 7 columns. I looked in to Human Interface Guidelines for tables but there is only information for tables ...
user avatar
  • 1
0 votes
2 answers
159 views

What is this mobile bottom sheet UI element called?

I want to communicate the implementation of this kind of bottom sheet to developers, specifically how it's a tall bottom sheet, but you can still see the background minimized underneath. What is this ...
user avatar
3 votes
1 answer
122 views

When to use split button vs more options button?

When do you typically use split buttons vs a button with more options (ellipsis)? From how I understand it, split buttons are for grouping related options with one most common option surfaced?
user avatar
  • 1,062
1 vote
1 answer
40 views

Standard Container Size For Mobile Canvas? [closed]

I am creating a mobile design in Figma and my selected frame size is 428 x 926 px (for I phone 13 pro max). I want a container to achieve a proper grid system, can you please tell me what should be ...
user avatar
0 votes
1 answer
253 views

Question about Grids and Layouts in UI Design

grids and layouts are something that i've struggled with since starting my design career two years back. I've read books like grid systems and watched several videos and courses but as a UI designer, ...
user avatar
0 votes
1 answer
73 views

Can we have two type of alerts in an application?

In my application, I have two types of information in the content 1.Critical Alerts 2. Alerts that require user attention - may be or may not be critical, totally depending on the need. I planned to ...
user avatar
  • 3
1 vote
1 answer
116 views

Three state check box (three real states, not indeterminate). A good idea?

I am making a budget tracking app that takes in your transaction history. In order to classify transactions, you can create Filters (eg Filter "fast food" = ContainsText("Mcdonalds"...
user avatar
  • 113
1 vote
1 answer
91 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 ...
user avatar
  • 25.4k
1 vote
1 answer
126 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 ...
user avatar
  • 13
7 votes
4 answers
706 views

Why does Airbnb put the close button for a dialog on the top left corner?

It seems this pattern is quite common in mobile apps, but not so common on the web. (Assuming that most people use their right hand to control the mouse)
user avatar
  • 87
1 vote
1 answer
41 views

Is it effective to test color palettes and changes on old monitors?

Does anyone here test color palettes or changes on older monitors? Someone in one of our design review meetings suggested doing this, and curious as to the thoughts of fellow UX designers. In making ...
user avatar
  • 31
0 votes
1 answer
257 views

What are real examples of content-driven navigation?

Reading Apple HIG Guideline I came across an explanation of the content-driven navigation. It says that games, books, and other immersive apps use this navigation type. But what other immersive apps? ...
user avatar
  • 933
1 vote
1 answer
120 views

Need help with restaurant menu customization ui and ux

for the app that I'm working on, a restaurant owner/manager has the option to customize their menu. The flow is that: The system suggests a list of items that can be served by a restaurant. This ...
user avatar
  • 161
2 votes
2 answers
847 views

Is it OK to let the user use colored tags to associate data sets or keywords?

I am debating with my boss regarding whether tags should be coloured or not. I feel that colouring tags will just work as fun for the user. A user won't remember what colour he has assigned to a ...
user avatar
3 votes
1 answer
639 views

Why there are 3 lines in all types of menu icons?

I have noticed that all types of menu icons are using three lines or dots. From a UI/UX perspective, does it matter the number of lines/dots? For example if someone decides to use only one or six ...
user avatar
2 votes
1 answer
482 views

Expand/Collapse button directions in tree table ie data grid versus non-table applications

I'm creating a tree table for use on our platform. We currently use chevrons for our expand/collapse buttons, and in doing a lot of research across UX forumns, I decided on the rule that the chevron ...
user avatar
  • 31
1 vote
2 answers
630 views

Is there a name for circles that show progress through form?

Interfaces that guide users through several steps with one per screen per step often have little circles at the bottom of the page, with each circle representing a step/screen in the sequence. The ...
user avatar
  • 227
1 vote
1 answer
2k views

Is there a Material 'Chips' UI component in the IOS HIG?

If so, is there a resource somewhere I can grab it or some documentation on it? Basically just want to have a list of tags that a user can delete. If the HIG has something i'd prefer to use that.
user avatar
  • 11
3 votes
2 answers
189 views

Should long paragraphs be aligned justified or just left aligned? [duplicate]

For better readability which would be better for long paragraphs: align-justified or aligned-left? Reason for asking: Aligned justify gives a better visual appeal but many tutorial and learning sites ...
user avatar
  • 166
4 votes
4 answers
512 views

Does it make sense to have differently shaped buttons together?

Generally, buttons shown together are also visually similar. Are there situations where it might make sense to show together buttons of different shapes? E.g. a rounded rectangle button together ...
user avatar
  • 601
2 votes
3 answers
183 views

Are there services out there that allow you to easily upgrade or downgrade?

I noticed that in many different types of products and services that offer a few different subscription plans, upgrading is easy. Downgrading, on the other hand, is a bit discreet. In most of them, ...
user avatar
  • 1,062
1 vote
1 answer
199 views

What are the most recommended colors for the UI of a mobile app that is used under sunlight? [duplicate]

To use the app, users have to increase the brightness of the screen and this causes the battery to run out faster and still the best experience is not perceived. It is an app that users use daily for ...
user avatar
2 votes
1 answer
675 views

When to use Apples 'SF Rounded' font?

Apple uses in certain cases 'SF Rounded' for big titles and number values (e.g. Apple Pay Transaction Detail), in many other cases they still use the regular SF font (e.g. calculator, timer app). Is ...
user avatar
0 votes
2 answers
1k views

Avoid toggle switch on any page with save button?

I'm currently working on a tool which more or less requires a submit/save button on every page. This is due to avoid any immediate effect on the end user who consumes the content. Sometimes, it feels ...
user avatar
  • 47
2 votes
4 answers
140 views

What usability issues occur with an application form only showing one question at a time?

My client is thinking about having an application form, with approximately 25 questions. The type of questions will be personal information such as name, date of birth, address, as well as financial ...
user avatar
0 votes
1 answer
1k views

Which facebook design should you use for facebook login?

Recently facebook changed its products design and changed to a new logo. According to their brand resource center you should use their new logo and color. But their facebook for developers still uses ...
user avatar
  • 101
2 votes
1 answer
853 views

Close icon to left or right on mobile Material Design [closed]

I have observed that Material Design puts the close icon to the left in all the examples of Material Design. Do you know any case that it goes to the right?
user avatar
2 votes
1 answer
224 views

Looking for options to make the UI more pleasant and understandable

We are making a bunch little strategic tools. Most of them are really simple and should be super easy to understand. One of them is made to execute a comparison of multiple items by pairs. It's ...
user avatar
1 vote
2 answers
126 views

Whitespace versus content

Given a larger amount of content (e.g. a table of data or a list of fields and options in a form) that absolutely need to be on a website, would it be better to space it out so that scrolling is ...
user avatar
  • 161
0 votes
1 answer
587 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
user avatar
  • 111
0 votes
2 answers
179 views

For an unknown number, what text should I put to make it clear that data is missing?

I have a number that takes in the user inputed start time of a task, and the user inputed end time of a task, and uses that to calculate how long a task took. Say, a user schedules a task, but doesn'...
user avatar
2 votes
1 answer
58 views

Position of changed user in ordered grid

Here is a problem I'm facing now: User selects a row in the table. Let's say Abraham Lincoln. The table is sorted by Name (alphabetical order). Now we open a dialog (SPA application) and change the ...
user avatar
  • 23
2 votes
4 answers
716 views

Modal close button style

I am looking at a redesign proposal for a close button on a modal window for a responsive web/mobile application. I have my own thoughts on this but would like the UI/UX community to weigh-in. ...
user avatar
17 votes
2 answers
2k views

Should the label for a switch component be tappable on iOS?

We are developing an app for both Android and iOS and try to use similar patterns between the two platforms. For Android we have decided that tapping the label that belongs to a Switch component ...
user avatar
  • 2,675
2 votes
2 answers
606 views

Is there a recommended size for embedded maps or videos?

Basically what the title says. I know that anyone can do what they want, and I also know that the embedded content can be integrated in a responsive way, thus maintaining its original proportion. ...
user avatar
  • 32.7k
2 votes
1 answer
82 views

Use top-looking arrow when navigate between screens [closed]

When I was designing something in Adobe XD I thought about an icon which will display in search bar to go backwards in app. My activity uses slide up to open another activity with search bar. Let me ...
user avatar
1 vote
1 answer
126 views

Which ergonomic criteria would justify the behavior of redirecting the user to a 404 redirect page?

Assuming UX experts are familiar with the Bastien & Scarpin Ergonomics Criteria, How would you classify the behavior of user clicking in a link and being redirect to a 404 page? I'm struggling to ...
user avatar
0 votes
2 answers
197 views

User interface design comparison test

I need to elicit quantifiable responses to two designs. One is the live design, the other is a prototype, so I cannot evaluate directly via usability or ease of use. It has to be via Q and A. Anyone ...
user avatar
0 votes
1 answer
98 views

Design dilemma: how to show maximal amount of controls in a clean way

We are trying to improve and modernize the design of our desktop, dialog-based application: If I look at the examples of modern user interfaces they all look pretty, but contain just a fraction of ...
user avatar
3 votes
1 answer
80 views

How to effectively link isolated apps of the same product?

Our product has many categories of features (e.g. Create/Manage sports activities, Book a play field, Book a Coach, Entertainment related events etc). However, we plan to divide these features into ...
user avatar
0 votes
1 answer
40 views

Mobile view layout ordering

I'm confused about one of my eCommerce project product details page ! I couldn't understand am I keep right sidebar on top in mobile ? Now its after logo. Moreover I want to keep social media and ...
user avatar
  • 129

1
2 3 4 5