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.
221
questions
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 ...
- 25
1
vote
1
answer
153
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 ...
- 111
0
votes
2
answers
217
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
1
answer
101
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 ...
- 103
3
votes
1
answer
82
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 ...
- 31
0
votes
1
answer
41
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 ...
- 129
2
votes
2
answers
297
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
- 51
0
votes
6
answers
154
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 ...
- 35.1k
1
vote
1
answer
238
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 ...
- 279
24
votes
10
answers
9k
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 ...
- 7,361
4
votes
2
answers
824
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 ...
- 41
1
vote
3
answers
128
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:
...
- 2,461
-4
votes
2
answers
71
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
3
answers
172
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 ...
- 105
0
votes
1
answer
449
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
1
answer
335
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 (...
- 105
1
vote
4
answers
289
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 ...
- 21
2
votes
1
answer
405
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 ...
- 21
1
vote
2
answers
120
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 ...
6
votes
3
answers
921
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 ...
- 163
-1
votes
1
answer
112
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 ...
- 1,731
0
votes
1
answer
286
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 ...
- 51
5
votes
2
answers
250
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 ...
- 151
1
vote
1
answer
116
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 ...
- 113
0
votes
1
answer
116
views
Options on List Element Android vs. iOS
I am designing a mobile app. One of the screens contains a list. There are options for each list element such as view details, edit, delete, ...
For Android there is the more options icon (three ...
- 123
7
votes
4
answers
526
views
How should a global tooltips behavior be defined?
I defined a global tooltips behavior for the developers to use in all cases they will face as a guideline.
I did a research about this issue but I didn't find anything really relevant. Finally, I ...
- 83
3
votes
4
answers
273
views
Visual hierarchy of typography in UI in practice
There are so many resources about this in theory, but I can't find any detailed guides or resources on how to apply the principles in an existing complex UI. The most obvious ones would be ...
- 10.6k
0
votes
1
answer
346
views
Should the color of the link be changed when you click it? [closed]
Here is a question that needs to be solved. Everyone must be familiar with the #link. It can help us skip to another page. Now, UI designers and UX designers hold different views. For the aesthetics ...
1
vote
1
answer
735
views
Importance of UX in B2C Vs B2B
I'm currently analyzing the impact of UX in B2B and B2C sites. I have identified the focal points of UX in B2C sites whereas I'm not so certain whether those same concepts are directly applicable for ...
- 11
0
votes
1
answer
361
views
iOS user friendly, mobile menu
I am creating a hybrid app (JQuery mobile / Phonegap). It needs to be published on the Apple app store. I would like it to be user friendly. It should also meet Apple's guidelines.
About the app.
...
- 37
1
vote
1
answer
1k
views
What is this called in GUI? A "panel" that contains tabs
I have a feeling this answer will depend on everyone's opinions and which design spec they follow. However, maybe it will give me a broader perspective.
I have a "panel" (as best as I can describe). ...
- 355
7
votes
3
answers
25k
views
Defined used for the icon: three vertical dots
Is there a defined use(s) for the icon
I have seen various uses for it, but I would like to know if there is a standard purpose for it - or if it can be used as a shortcut for any function needed ...
- 502
2
votes
2
answers
1k
views
why do iOS apps have splash screens if it contradicts guidelines?
iOS Human Interface Guidelines say:
Design a launch screen that’s nearly identical to the first screen
of your app. If you include elements that look different when the app
finishes launching, ...
- 943
1
vote
2
answers
1k
views
Date Picker ( Month and Year ) - Which will give a better User Experience (Suggest)?
I am currently working on a mobile app and in one screen user requires to enter month and year.
I would like to know which one will be better in terms of ux.
- 203
0
votes
2
answers
92
views
Placement of segmented bar
I have a case where in one view I have two switching options: "Group by" and "View as". To increase visibility, instead of a dropdown I used two segmented bars, one placed on the left and the other on ...
- 1,731
1
vote
1
answer
103
views
How to design UI where you may enter only one of different values that represent the same quantity?
I have a form where user can enter a quantity of Total Dissolved Solids (TDS), which is a number in the range of 30000-40000, OR a quantity called Specific Gravity a number order of 1.00 - 1.50.
...
- 287
2
votes
3
answers
733
views
Best interface for when you have to restart a system
I am adding to my app a way so that customers can restart their system.
Now, the question I've got is:
What's the best way to design or even create an interface for a
restart?
If I think of ...
- 677
13
votes
1
answer
17k
views
Pie Chart VS Doughnut Chart: When to use each? [closed]
What is the UX rationale behind picking a doughnut chart vs a pie chart or viceversa?
I'm asking because I'm intrigued as to why a designer would prefer to represent data with a pie instead of a ...
- 233
4
votes
4
answers
254
views
Updating progress bar when identifying extra work
I have a slim, single progress bar in my simple search engine. The 100% of the progress bar is all the sources in which the search engine can search in.
Sometimes, more sources can be discovered ...
- 143
0
votes
1
answer
275
views
What to name to the "body" of a software application
I'm currently participating on the design of a software application (not to be run on a browser) and after talking with the team that is handling the documentation about the software, a question ...
- 1,723
1
vote
1
answer
81
views
Changing the way how users interact with interface
I'm currently analyzing how I can improve the experience of a tablet application to control our robots. One of the actions is to select a program node from a node list and add them to a program tree ...
- 1,723
2
votes
1
answer
130
views
Card-swipe based interface for macOS: Human Interface Guidelines
I was looking towards creating an app for solving an issue I've had with quickly sorting files. The interface would be similar to Tinder's but for files (images, system files etcetera).
Reading ...
- 21
1
vote
3
answers
144
views
How do I make sure the user enters a (sometimes mandatory) value before allowing them to proceed
I need to force the user to enter a (sometimes) mandatory parent value before allowing them to proceed with the actual form. This is dynamic UI form powered by Angular 2. I am confused because ...
- 11
0
votes
2
answers
131
views
Apply UX principles to console output
I'm dealing with a product whose installation process is a long fight through terminal/console output. The output is a uniform waterfall of white font on black background, everything looks pretty much ...
- 162
2
votes
2
answers
322
views
Push icon - material design
I have a quick question.
How to depict an icon which you could press for choosing other options (i.e. when you press it a dialog appears with set of icons - and after your choosing the dialog closes ...
- 181
2
votes
2
answers
486
views
What's the best place to display important information on mobile screen
I am working on a fitness tracking app and need to display few statistic on the home page. My home page will be entirely covered by map with some opacity and on top of it I need to display few ...
- 106
2
votes
4
answers
393
views
UI/UX feature in calling app
I have some difficulty with one UI feature. In my calling app I would like to let user to choose whom he would like to call – someone from his contact or invite someone (i.e. send him a link to join a ...
- 181
0
votes
2
answers
1k
views
Should CTA be placed on all cards
I am working on a mobile app and i have designed cards.
So user screen will have lot of cards and should i add Know more CTA on all cards.
Will it not be annoying.
Card action is - click on card to ...
- 1,731
1
vote
4
answers
644
views
Too Many elements on a card(mobile) clickable
Is it recommended to use less clickable events on a card when you are designing for a mobile app.
I am designing a card , and client requirements are most of the information has to be on card.and ...
- 1,731
1
vote
1
answer
100
views
In an organization using SCRUM, who guides design?
I'm working in a company that has assembled a small team to develop a web product for this organization's clients and themselves.
We are new to SCRUM and we're running into 1 issue around design - ...
- 113