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

Questions tagged [design-patterns]

Reusable solutions for commonly occurring problems in user interface and user experience design.

1
vote
2answers
160 views

Design for ultra search

I would like to give my users another search option. Paid search. The budget is for X searches paid from advance during the registration to the service. That type of search is called VIP search or ...
1
vote
1answer
93 views

What is better to use for controls that make an action and change the layout?

I have an app that remotely controls a device. The device has several modes. Switching the mode activates some actions. For example, air conditioner do different job in different modes. But my device ...
0
votes
1answer
83 views

How to indicate custom (unique features per client) in a UI

I have a (quite big) software, and some features are custom for each client. I want to highlight the fact that those features are handcrafted for them in the menu, but I don't have any idea on how to ...
1
vote
2answers
413 views

What's the best way to handle displaying a long list of user permissions in a UI?

I'm working on a permission-based access project. I have a long list, in the hundreds, of permissions that will allow Administrators of the system to customize permission groups for individual users. ...
2
votes
3answers
214 views

Empty context menu - useful or an anti-pattern?

In most areas of our browser-based application, the user gets a context menu when he right-clicks an object. In some areas, there are no actions available for the selected object, therefore a right-...
1
vote
2answers
412 views

what color besides black and white are, measurably, most easy to see?

a practical example is when deciding what colour to pick for 'section titles' of long bullet-point text (has sub-bullet points also) on onenote, g-docs, and most anywhere so im hoping for a software ...
0
votes
1answer
346 views

Term name of Step By Step Form

I'm planing to contribute Web Components as open source. what is the interface term name for Step by Step Form.
0
votes
0answers
53 views

What's the best way of presenting list of conversations (discussions) that the user can choose to take part in?

The discussions are a cross between a reddit post, and a Whatsapp group chat. I'm confused about how to show list of all conversations going on? Here's my default look (which is just a simple ...
1
vote
1answer
258 views

Best way for user to create category tree

Our clients need to create a shop structure with many categories and subcategories, and our current system is not very easy for them. I thought the best way would be just a blank text area - ...
3
votes
1answer
2k views

Not right to design same UI for both Android and iOS. But what is the number of users having both Android AND iOS?

Discussions for having same UI for both Android and iOS has been ongoing since ages and the majority of people think that design for platform is better than using same UI across different platform (...
1
vote
1answer
125 views

Best choice for data with multiple variables?

I am tasked with creating an interactive visualization of tasks, where the visualization needs to show: - task importance - task progress - task state (active, completed) - task relationship (tasks ...
0
votes
1answer
98 views

UI for a webpage to get feedback on Twitter

A webpage I'm designing, is loaded with information about the client's technology capabilities. They want a feature/way where their users give them feedback on the product roadmap in two ways: Form ...
0
votes
1answer
384 views

How to display one to many mapping in a Grid

I am having some trouble finding the best way to display this sort of mapping. My current grid looks something like this However there is a 1 To Many mapping between a Username (plus the rest of ...
0
votes
1answer
166 views

Is there a better way to organize control/data control panels?

A client I am working with has about 15 screens of control panels, with varying lengths of data columns/rows (some with scrolling columns). All must provide some sort of editing feature pertaining to ...
2
votes
1answer
70 views

If a tab has the same name as a card, should the card heading be removed?

I am using material design concept. I have tabs and within each tab are cards with headings and content. Sometimes there are 4+ cards inside each tab, sometimes there is only 1 card. I understand ...
6
votes
2answers
451 views

When does a persuasive pattern become a 'dark' pattern?

The UI Patterns website lists a large number of current and emerging design patterns. Under the section called Persuasive Design Patterns, and many of these patterns are commonly seen in social media ...
0
votes
3answers
266 views

“Ok-Key” and “Cancel-Key”, Which One Should Be Set Up on the Left? [duplicate]

“Ok-key” and “cancel-key”, which one should be set up on the left? It’s an eternal war of button sort between UI designers preferring “ok/cancel” type and the adherents of “cancel/ok” type, both ...
1
vote
1answer
138 views

How to help users avoid making conscious mistakes? [closed]

I am working on the navigation pattern and design of a mobile application. I am facing a problem. The user has to choose one item from a list of items. Best scenario: The user chooses the correct ...
0
votes
2answers
468 views

Do users prefer many dropdowns or advanced filter for filtering tables

I am working with a team and we are working on a table filtering project and we have some ideas about page designs in terms of UX. Please excuse the drawings... One design has a search field on top ...
4
votes
2answers
278 views

Why do messaging apps color the user's messages brighter than the people they message?

You would think that the messages you receive are the primary focus of a messaging app, since you spend most of your time reading them. However, many big messaging clients like iMessage and Facebook ...
2
votes
1answer
187 views

Are there best practices regarding card details horizontal or vertical layout?

What are the best practices for having a product card laid out horizontally or vertically? Can a product card be laid out both ways? If so, my concern is breaking user's mental map of how they're ...
0
votes
2answers
57 views

Where do I place the interface to change default form values, where such interface is restricted to certain users?

I'm designing an interface that will be used to update the default values for Cost/Day for a Quote. That interface to update costs will be used by admins/managers and is secured - aka visible to those ...
2
votes
1answer
59 views

How to highlight changes/updates on a booking/reservation that requires accept/decline?

Target audience: people who don't use internet and are not good with using smart phones or computers. Where: digital service on a mobile website / mobile app User receives a reservation, which they ...
13
votes
3answers
5k views

Which time format to use in a flight booking?

I noticed that Virgin America uses a 12-hour time format, while Qatar Airways always uses a 24-hour time format. Virgin America: Qatar Airways: 1:00AM = 0100H 9:00PM = 2100H 12am = 0000H 12pm = ...
12
votes
3answers
2k views

Why websites usually block the navigation interaction when under a full screen overlay?

I'm working on a research project of web navigation. During research, I found that when there is a full screen overlay, websites tend to block the interaction of the navigation bar. Like web Twitter, ...
1
vote
2answers
114 views

How to represent 2 buttons that cannot be enabled together?

We debate a lot with our ui designer in regards to the following so I wonder whether you can help us make a decision. We have a game screen with 2 options, where a user can either select only one of ...
1
vote
1answer
59 views

What could be possible ways to make users renew their plan on mobile app

We have an application where users have to subscribe to health plans for 3,6,or 12 months. Once the subscription is about to expire we need to send, remind and prompt users to renew their subscription....
5
votes
2answers
329 views

Science behind spacing

I'm aware that this question will be very vague, but I'll put it out there at the chance that someone will know what I'm talking about. I recently read an article about the science behind spacing and ...
19
votes
2answers
7k views

What is such a presentation of music cover art images called?

Can someone guide me what is the design pattern used in the below image? What is it called?
1
vote
1answer
91 views

Thoughts on having different behaviours for the same component

We have a dropdown with 2000+ items (should it even be a dropdown?) with the ability to search. And it's a tree select dropdown. The problem arises when one wants to edit i.e. a value was already ...
12
votes
5answers
433 views

Gmail's Undo send and other UX design patterns for reversing actions/transactions

When Gmail first brought out the Undo feature for sending emails it was a very interesting way to address the typical user behaviour of sending something on an impulse (or just not checking things ...
1
vote
1answer
51 views

Image Compression, Server or Phone?

Say a user wants to change his profile picture and uploads his 1920*1080 1mb picture. That picture I want to process into 2 new ones One "HD" Version, which is still quite good, but file size ...
1
vote
4answers
215 views

Best approach for multiple searches

What would be the best approach to deal with a scenario where you can do different types of search - primarily for a tablet app, but the ideal solution would be applicable to desktop and mobile too. ...
2
votes
1answer
144 views

The Best Way to Visualize “Out of Sync” Data in a Table

Current Application I have an application whose most basic elements are composed of two parts: Planning: Several screens which users can manipulate several sets of numbers. These screens typically ...
2
votes
1answer
581 views

Best practice when saving settings to backend on Android

In my app, I have a settings page with a number of options that all need to be saved on our backend. The call to the backend may fail for connectivity reasons and I'm not sure what's the best way to ...
3
votes
2answers
325 views

Why isn't it common to swipe between top-level views when we use a bottom navigation?

It’s a common pattern on Android that if you have a tabs, you can swipe between top-level views. Google introduced the bottom navigation a while ago, which we already know from iOS. How come it isn’t ...
2
votes
2answers
345 views

Does a floating sidebar decrease usability?

I'm designing personal portfolio website and came up with a design that is not common. Instead of putting all those clickable items in floating top bar (floating, because I want navigation and "...
3
votes
1answer
175 views

Select item in hierarchical data set

I have a set of data that the user frequently needs to select items from. The data set is very large(about 10 000 items) and is sorted in 4 levels. What is the best way to design this for the user ...
3
votes
1answer
269 views

Another pattern for Dynamic/Expanding forms?

Usually we just have a table rows with Delete row and Add new row button. But what if there's just too many columns? Can't provide a mockup since I'm just thinking on top of my head. A closest I can ...
1
vote
1answer
86 views

Is there a pattern for bar graphs for each item on a nested table?

I'm designing a table visualization and due to it's requirements I need to show bar graphs for each item. It's a nested table, and for each item there is three bars. This image may help to visualize ...
3
votes
1answer
115 views

Is there a generic name for software that performs assessment, presentation of results and fix?

Consider a software tool that performs the following functions: Collection of user-defined constraints Assessment of the constraints against a data set [Optional] Automated execution of code to ...
1
vote
1answer
110 views

How can I display this large number of categories and subcategories responsively?

Working on a website which will have blog posts and those posts will have categories. Those categories will have subcategories. So 2 level of categories which potentially adds up to well over hundreds....
2
votes
2answers
172 views

Are there guidelines on physics of scroll up bars?

I'm planning to use a menu that hides on scroll down and shows up when scrolling up. I know sites that do this that are very sensitive to the scroll up motion and show up at the slightest scroll, ...
2
votes
4answers
374 views

How to have both Search and Add options?

I have a list of data. I want the user to be able to search within the list by typing in an input field. I also want the user to be able to add, either because of no search results, or without having ...
2
votes
2answers
561 views

Has horizontal scrolling become a more recognised/accepted pattern for mobile?

I am aware there are several other threads/discussions around this topic however I feel most are out of date or specific to image/card based horizontal scrolling. My question is has it become ...
2
votes
2answers
421 views

Is it possible to use a Card component also for edit

On our UI, we are presenting the user his saved credit cards as a list of Card components, each saved card represented as a card. The user can save up to 5 cards which will be presented in two rows, ...
6
votes
2answers
1k views

Stacked Master-Detail tables for related lists

I have a use case in which we need to support an analyst to 'peek' into a particular record to see all the related records and entities associated with it. This is within an CRM enterprise space, ...
2
votes
1answer
421 views

CRUD table/card view best practice? [closed]

What is the best view for CRUD? Is it table or card view? CRUD structure is Name: XYZ Date: dd/mm/yy Query: location: a1,a2; State: s1,s2;etc In my CRUD only editable field is Name. I can edit and ...
3
votes
4answers
181 views

Best way to indicate that progress autosaves with local memory?

I'm building an app that allows users to take small self-assessments (more or less a quiz). The app doesn't require login credentials or a signup, as user progress is auto-saved (almost ...
3
votes
2answers
994 views

Is there any distinction between badges, labels and tags?

We are looking at a set of design patterns for helping classification of projects on a list – there seems to be some strong discussions around what the difference is between badges, labels and tags. ...