Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Method or technique that has consistently shown results superior to those achieved with other means, and that is used as a benchmark

0
votes
1answer
47 views

Hide elements that aren't needed or used by 99% of users until they are applicable?

I'd like to hide some elements of a frequently used page to declutter the UI for over 99% of users: In an online product I'm working on, there is a feature that is used 0.003% (49 times out of 123,...
-1
votes
0answers
33 views

Best practises for the iOS HUD

When would and when wouldn't it be appropriate to make use of a HUD? With both the HIG and Material Design not mentioning this topic I'm struggling to justify when it should or shouldn't be used. ...
3
votes
2answers
70 views

tables: multiple lines row

I'm designing a table were the description (that can have a variety of lengths) is a vital field for the user analysis' of the table. For that reason, I decided to allow multiple lines in a row (and ...
0
votes
0answers
38 views

Large scale text animation example

I have seen basic title text animation, where individual letters are highly animated (also here and here). I have also seen animated tag clouds of different sorts. But I'm wondering if there are any ...
2
votes
1answer
53 views

Pricing schemes [duplicate]

I need to decide whether to show prices on a website with or without taxes. At the moment our Product can be purchased for Rs.999. But we recently got a GST certificate and have to charge our ...
0
votes
2answers
67 views

How to deal with multiple call to actions that are as important on a product page?

So we have a quite unique product page. We sell datasets as maps on our website. Obviously we already have a primary CTA button that says 'Buy for $...'. But we'd like to add some other options for ...
2
votes
1answer
86 views

Alert box inside a modal window

I have a modal window and I need to pop an alert box when user deletes a certain item on the screen as, "Are you sure you want to delete?". There is no way that I can remove this modal window. Is ...
8
votes
5answers
3k views

Best practice UX - selecting item from couple of items

I'm working on a website. In one of my forms I need to select the form type (depending on the form type the rest of the fields will change their behavior, e.g. the disabled status and their ...
1
vote
1answer
60 views

What are peoples experience of sticky actions on the bottom of the browser and is visibility an issue?

I've been tasked with a project that is a careers site and there is some speculation on the need for a large button saying 'Apply now' sticky on the bottom of the browser like the attached image: I ...
0
votes
2answers
64 views

Common way to put delete “x” link for tag input

Does anybody know why it is a common way to put "x" link to delete a tag on the right side of the tag? I got an opinion which makes sense, that placing "x" on the left could help with quick removal ...
0
votes
0answers
23 views

How to handle an alert message while SDK is initiating?

I’m trying to figure out what would be the best practice UX approach to handle an alert message correctly in the following scenarios. The below scenarios are supposed to occur only when the app ...
0
votes
1answer
263 views

Best way to display read only & read write fields mixed together in web

I have web page form with 5 sections and almost 30 text fields. Out of which 15 are read-only and remaining are read-write. The form is built in material design. In my case, in section 1, I have 3 ...
0
votes
2answers
135 views

Pop-up or separate page for user account settings?

I'm working on a betting website, so it is kinda one game dashboard for all games, user only navigates from left side bar to change events. I have standard header where on the right top corner is ...
0
votes
1answer
80 views

Registration case studies/research

I am working on a commercial website where customers choose a template and then use a drag and drop interface to create their own adverts or promos. Before the customer can access this section ...
1
vote
3answers
543 views

Should the tab bar be accessible on sub pages in a mobile app?

I've just joined a team as an UX / graphic designer developing an app for iOS and Android. The app is already in production, and I'm working on implementing new functionality and tweaking the current ...
0
votes
0answers
241 views

Are Index Pages Always Best Practice in Large Sites?

Traditional information structures for large sites (over 100K pages) make use of index pages, or section overview pages, placed at the top of a section hierarchy. There were good reasons to support ...
1
vote
1answer
284 views

Should read-only fields hide or disable icons?

Throughout our system we have different input-field types that have icons tied to them. Examples: Time field with a time icon - when clicking the icon it will fill in the current time. Date Field ...
0
votes
0answers
41 views

In Material design, is changing the card's primary action good design?

I'm using a collection of cards to show a list of reading materials for students and teachers in an app. Typically, tapping these cards lead to a separate screen where students and teachers can check ...
3
votes
1answer
79 views

Workflow Button Location

In our system we have workflows which can have 1 to many steps. Below you will see an example of one that is quite simple with only one step, with the buttons "Save" and "Cancel". Some other Workflows ...
0
votes
2answers
442 views

UX for creating and managing users

I am working on automating a user creation and management process that is currently done manually by a back office team. The idea is to allow an admin user the ability to add and edit users ...
5
votes
1answer
181 views

Is it a bad practice to hide small blocks of content under a “see more” link/button?

I'm designing a page where there's a columnar list of shops and a small description for each of these shops. The client asked us to include logos and to hide the description with an arrow pointing ...
1
vote
1answer
60 views

Should repetitive icons show all the time or be hidden and only show on hover?

In our system we have screens that display lists of information. Within the each column of the list there is an option for settings, such as filtering. Having icons show in each column is repetitive ...
2
votes
1answer
640 views

Best practices on tooltips position

I'm building a UI Kit and I'm trying to define the best position for tooltips to be displayed. Some thoughts: On charts, I believe the tooltip should be displayed on the top of the pointer; On touch ...
4
votes
2answers
183 views

Design/Ideas needed for better utilization of space

There is one grid-view in our web application. But as you can see, group and category are eating up the space. Is there any better ideas for such layouts? Even if there is total change in the layout, ...
0
votes
2answers
385 views

Primary/Secondary button placement pattern

Button placement has been a debated topic at within my UX team recently and I am for feedback or direction to research that states a solution. The problem I am trying to solve is where to place ...
1
vote
2answers
204 views

How should I format my Date field Helper Text?

We are adding helper text to our date fields so the user knows whether to type month or day first. The date field will be forgiving and smart. So it will allow users to type in dates in many ...
1
vote
2answers
66 views

Browser Tab Labeling Best Practices?

Are there any Best Practices for Browser Tab labeling? In our software, for a user to get to a screen they: Open a Menu then pick a Module, for example "Student". Under the Student Module there maybe ...
0
votes
0answers
57 views

Displaying additional information for a button

I've got a scenario where I have a set of buttons. These buttons are actually links to pages with different functionality. Furthuremore the buttons should tell the users what the redirected page ...
0
votes
1answer
59 views

Table of contents for an ebook

I am working on Ebook and want to display the table of contents of the eBook. It will have units, chapters in the unit, topics in each chapter. Any best practices to display the Table of contents for ...
1
vote
1answer
82 views

Zoom in/out options for text in eBook

I am currently working on a Zoom in/out option for an Ebook. Students are the users. Also the maximum percentage of zoom is 300 Question in my mind is when the page is zoomed in which one of the ...
0
votes
2answers
66 views

spacing between global search and menu

I'm in the process of creating an application store. The following is the wireframe for it. Now I want to make the search bar globally available regardless of the page the user is. So I made the ...
2
votes
1answer
130 views

Best practices using free camera in 3D settings

We are looking to build an application with a 3D render of some object. We came across two different way of handling the camera with the mouse. Setting 1 babylonJS (select 2-basic elements in the top ...
3
votes
4answers
864 views

Mixing breadcrumbs with a Back button

The following is a web app store wireframe. The app listing has used a card layout and the search is on the left top of the listing. download bmml source – Wireframes created with Balsamiq ...
1
vote
1answer
50 views

Should I add “(s)” to labels for fields that can have 1 or many options selected?

Are there any best practices for adding "(s)" to a label on a field that can have more than 1 option selected? I think it looks cleaner without the "(s)", but having the "(s)" seems to help with ...
3
votes
3answers
198 views

Mobile - Control video state using actual button or invisible tap gesture

I'm working on a video editor mobile app. As usual, when prototyping we'll often find a conflict between UI and UX. Although UX has usually higher priority, from time to time I try to find a balance ...
23
votes
3answers
3k views

Best way to show an “unactivated” part of an app?

I've got a dashboard that shows both active and unactivated parts of an app (users opt in to a service). Is there any standard for the best way to show an element/section is unactivated? Any way to ...
2
votes
2answers
73 views

Is there a character limit to items listed in a drop-down menu?

I am not asking about max or min. number of items listed but rather how long each item should or can be? My client is using a drop down menu to provide answers to a question. The options (answers) ...
2
votes
3answers
364 views

Should entire checklist row be clickable or only checkbox and label?

In a form checklist, should whitespace beyond the label text be clickable? Or only the checkbox and label itself? Demo here. choice choice choice
1
vote
1answer
28 views

Should one redefined (or cancel) default layout for autofilled inputs?

The yellow background of the input we see on the screenshot below is due the way Chrome renders autofilled inputs by default. Technically, I can got rid of this by introducing a bunch of cumbersome ...
1
vote
2answers
326 views

Mobile design - price range pick

Im trying to improve UX of mobile version of our loan website and I have hard times figuring how to improve price range and day picker. I am enclosing you what I have so far and would like to improve. ...
0
votes
1answer
193 views

Edit functionality position

I've got the following listing page where a user could click on a list item and a secondary panel would slide out from the right as seen on the second wire-frame. The edit button here is a primary ...
1
vote
4answers
591 views

Plural or Singular Navigational Menu Options?

In our system we have what you would call a List Screen, where a user can view a list of objects. For example Phone Numbers. A user can add as many Phone Numbers as they want. Right now to get to ...
27
votes
1answer
4k views

Where is the Best Placement for Breadcrumb, top or bottom?

Usually I see that every website put their breadcrumb on the top, but apple put their breadcrumb on the bottom before the footer. Does that work better than when we put it on the top?
4
votes
1answer
112 views

Action Overflow VS. Command Menus for primary and secondary actions on a datatable

I'm currently researching what are the best practices for handling a lot of actions on a data table. The two that I'm familiar with are grouping actions together in a command menu, using the action ...
2
votes
1answer
76 views

Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation?

Is it better to use Checkboxes or Radio Buttons, when there are two or more fields and at least one of them must be filled out to pass validation? My concern comes to the validation errors that will ...
0
votes
1answer
282 views

eCommerce: Displaying multiple product image thumbnails (per product) in the cart page

I'm thinking of showing several images of the product on the cart page, And I'm wondering what is the best approach to implement this feature in desktop and mobile? An option could be adding left &...
2
votes
1answer
87 views

Is it a good practice to use personal images as profile picture in screen design and mockups?

While designing websites and mobile apps is it a good practice to use our own picture as a dummy profile picture. We might showcase the design to clients or share the design in online communities ...
2
votes
2answers
74 views

Whats a good way to determine the number of records to present to a user until he has to switch to a second page?

I always wondered where I should draw the line, ie. how much tabular data a human may visually process until the site becomes a visual mess and the user cannot get any useful information out of the ...
1
vote
1answer
75 views

What is the highlighted element called and what are the best practices to use this in a product's design?

Does it have a common terminology? How do you enable a user to use this feature and inform him that he/she can use it.
2
votes
3answers
237 views

Cross reference between tabs, a bad practice?

It is known that in-page links can be confusing, but also are helpful to easily navigate through page content. For tabs, there are some design guidelines too. A good article is this: "Tabs, Used ...