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
1answer
25 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 ...
0
votes
0answers
29 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? ...
0
votes
0answers
44 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 ...
2
votes
1answer
297 views

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

I am debating with my boss regarding 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 particular ...
3
votes
1answer
232 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 ...
1
vote
1answer
61 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 ...
0
votes
0answers
29 views

Creating a “6 finger” guitar - reference request on how to create a UI for a guitar that supports more than 5 degrees of freedom

There have been a lot of developments in guitar to stretch the capabilities of the instrument from amps, pedals, multi-string approaches, fretless microtonal varieties, etc... Fundamentally it seems ...
0
votes
2answers
194 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 ...
0
votes
1answer
468 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.
2
votes
2answers
131 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 ...
4
votes
4answers
434 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 ...
1
vote
2answers
72 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, ...
1
vote
1answer
93 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 ...
2
votes
1answer
369 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 ...
0
votes
2answers
379 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 ...
2
votes
4answers
133 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 ...
0
votes
1answer
343 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 ...
2
votes
1answer
171 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?
1
vote
1answer
178 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 ...
1
vote
2answers
111 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 ...
0
votes
1answer
338 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 ...
0
votes
2answers
135 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'...
2
votes
1answer
57 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 ...
2
votes
4answers
504 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. ...
17
votes
2answers
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 ...
1
vote
2answers
198 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. ...
2
votes
1answer
79 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 ...
1
vote
0answers
61 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 ...
0
votes
2answers
119 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 ...
0
votes
1answer
93 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 ...
3
votes
1answer
70 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 ...
0
votes
1answer
38 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 ...
2
votes
2answers
213 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
0
votes
6answers
147 views

What is the proper name for “catastrophe style” blocks of content?

We're building a layout for a big newspaper with lots of customizable content blocks for different needs. One of the requests is what they call "Catastrophe Block": a special block that will show up ...
1
vote
1answer
213 views

Specs on Apple human interface design like http://material.io/ [closed]

I am coming from Android development to iOS development. Our design was dictated by the awesome detail provided at http://material.io/ - it gives us down to the pixel how many pixels to right/left ...
24
votes
10answers
8k views

Is it acceptable to place an action button on a tab bar?

Consider a two tabbed view, in this case tasks and participants, whereby in the task view you are able to view cards of the tasks. Within these Task cards you are able to edit the content and assign ...
4
votes
2answers
532 views

How can I validate website color scheme?

A friend of mine asked me to validate the color scheme of his revamped website. The color was chosen by (non-technical) top management and it doesn't follow a modern color scheme. Is there any way ...
1
vote
3answers
83 views

Should position of some component be same when you switch/toggle between views?

I have a doubt whether some component for ex: search bar should remain at the same position when you switch/toggle between views or it can vary as view changes? For reference I have added 2 images: ...
-4
votes
2answers
66 views

how to make a design in an image in such a way that the captions should not get wrapped? [closed]

In the image below, how can i make the right side structure fit into the 40% of the aligned area such that the captions above the dropdown and delete icon should not get wrapped?
1
vote
3answers
147 views

Is it proper UX practice to mix tab menus in an application that use icons+text with just text tab items?

Each screen has different menu items. The reason being that I decided to use text+icons for one of the screens is cuz the text would be too long if I used the same styling as another screen with only ...
0
votes
1answer
256 views

How to display results from bulk actions on a filtered list, where the action renders the item(s) outside of the filter scope

I am trying to implement bulk action updates on a filtered list of items. The filters include groups, categories, assignees, reviewers, and unassigned. Filters are AND logical. Bulk actions update ...
2
votes
1answer
114 views

Would it be confusing for users to use chips in a table that have two different behaviours in two separate columns?

I'm creating a table where users review and refine relevant keywords and tags for a list of profiles. There are separate columns for keywords and another for tags. For each word, I want to use chips (...
1
vote
4answers
281 views

Which is better for a web-based CMS UI taking Miller's / Hick's Laws (cognitive load) into account?

I am working on a content management system. As the app is growing, more and more content types are being requested (Think of content types as "Widgets"). I would imagine future state may have 10-15 ...
2
votes
1answer
364 views

Apple UI Guidelines, tabs bars and toolbars

I want to publish my app to the Apple App Store. I created the app in PhoneGap. It's a learn a new language app, with different sections. In the Android version, I have tab bars at the top. These tab ...
1
vote
2answers
102 views

How to handle too much element in a card (for a online food delivery site)

I am designing a food delivery site. and when its about to the design of card design . its have too much element(information), I was about to omit some things, but my boss is not ready to omit the ...
4
votes
3answers
356 views

How long should a loading spinner take to do one rotation?

Whilst I'd always prefer an estimated time, I get that's not always possible, so we fall back to the tried and personally hated, loading spinner. I've always thought that having it do one iteration ...
-1
votes
1answer
91 views

Two Click actions on mobile screen

I was working on a mobile project and I faced a problem. How do I show if there are two different actions on a single object in mobile? In this screen all options have sub-options that appear on a ...
0
votes
1answer
239 views

What is this called and best practices of UI/UX? [duplicate]

What are best practices for settings (UI) like this? I am looking to find out more about good practices, good UI/UX for this component for removing, adding items to different profiles (profile 1 has ...
5
votes
2answers
237 views

Accessibility Tools on StackExchange sites

I am taking an HCI class this semester at school and one thing that is glaringly obvious is how the design of current online platforms is wanting in certain areas such as accessibility. Why do a ...
1
vote
1answer
88 views

File dialog formats list - should 'all files (*.*)' be listed first or last?

When creating the list of format filters for a open/save file picker dialog, should the option to show all files (e.g. 'All files (.)') be listed before or after specific format choices (such as 'Text ...