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.

2
votes
2answers
87 views

When should avatars or profile pictures be used in a application?

Designing a new application and wondering when avatars or profile pictures should be used. e.g. Let's says there is an application which can be used to manage a list of user tasks. Each task is ...
1
vote
3answers
458 views

Create new rows for Datagrids

Context I am a designer for an enterprise software that deals with huge data grids. As input is a huge part of our software, I am looking for opinions on what is a good way to create new rows. ...
2
votes
1answer
304 views

Interface that supports “add new” and “add existing” for a many-to-many relationship

A Role can have many Permissions, and a Permission can belong to many Roles. I am designing an interface that allows the user to manage a specific role, and any associated permissions at the same ...
2
votes
1answer
91 views

Applying atomic design methodology to an existing style guide. When it is too complex?

i'm in the process of applying atomic design thinking to an existing style guide. However I'm noticing a few problems some compound components can't be derived from base components. so they seem to ...
1
vote
1answer
138 views

Screen shot of all google.com oneboxes

Can anyone provide the URL for an illustration of an exhaustive set of google.com oneboxes? Background: Below is a SERP screen shot highlighting google.com's way of grouping content types, which some ...
2
votes
2answers
160 views

Best way to show a subset of fields base on use case

I am rewriting a user interface for an application that generates licenses. Currently the interface is one page with all possible fields and check boxes for licences/license combinations. The goal is ...
1
vote
1answer
2k views

How is a 'design language' or design system' different from a style guide or pattern library? [duplicate]

Google calls material design their 'design language'. IBM and Airbnb also call what seems like a style guide a design language or design system. What's exactly the difference? From what I see at a ...
4
votes
3answers
775 views

What should the hover state of an outline button look like?

Me and a friend were having a discussion on button design and came across the hover-state of the outline buttons of Marvel. I believe this is not the right approach as an outline button is designed ...
1
vote
3answers
1k views

Redirect screen and good UX?

Yesterday when buying some cinema tickets I got this kind of redirect screen, which I have seen other times before (specially when trying to reserve seats in a theater): Leaving aside what could be ...
1
vote
2answers
420 views

What is the purpose of zippers with double sliders in cases?

I noticed in most cases from medium to big size there are usually double zippers. These don't normally appear in small cases. What is the benefit of double zippers in contrast to single ones? Only ...
0
votes
1answer
94 views

Adding/cloning a section of form repeatedly in a modal popup

Here is the scenario: There is a modal popup in which each step has a certain form fields. on the last step, I need to repeat a section (last 3 fields) on a form repeatedly. Here is what I thought: ...
0
votes
3answers
92 views

How to enter business order

If i have input for order (business sort) for specific entity like this : Where (10,20,30,40,50) are numbers entered from the user for the order of these contracts and this order is used in business ....
3
votes
5answers
367 views

Terminology for interactions that are not functional but provide a 'delightful' user experience

I am sure there are a few examples of these types of interactions floating around, but I noticed on a website the presence of interactive elements that serve as a 'delightful distraction' that doesn't ...
1
vote
2answers
137 views

Is it a good practice to keep autocomplete on in login form?

We recently revamped the UI of our Login form and initially kept the autocomplete on in the Email/ID field. We then created a blog inside our website and users loved it. They also loved the fact that ...
2
votes
1answer
237 views

How would you assign groups and/or individuals to an item?

I apologise in advance if this is rather vague, I'll give as much detail as I can. In our software, one of the tasks the user needs to perform is assigning people to an item in order for those ...
0
votes
1answer
583 views

Single click or double click on table row in a web app [duplicate]

we currently have a interaction with table rows that allow for double click to open. If you single-click, then it highlights the table row; however, there is no additional option to multi-select rows ...
1
vote
3answers
2k views

Best practice for “Don't show me again” checkbox on iOS

I have a question about using checkboxes in warning message. Some users want the application to always warn them but some users do not. I want users to choose for themselves. I tried to solve this ...
20
votes
7answers
7k views

How can I convince others that text over background images is a bad idea?

I'm being pressured to build a feature that would make it easy for users to create web pages that feature large text over large images. Like this: I am of the strong opinion that this design pattern ...
6
votes
3answers
1k views

Split button pattern - evidence on usability?

I had a discussion with a colleague about whether or not to use split buttons, such as this one from Powerpoint: (Dis)advantages Advantages: Allows you to group related actions, and helps to keep ...
3
votes
1answer
56 views

Are there best practices on using rolling vs. historic timeframe in generating business reports?

I'm working on a reports dashboard for IT Admin users. I need to make a UX recommendation on date range for the reports, and am trying to understand what is best for these expert users: Rolling data (...
2
votes
4answers
257 views

How would you highlight a new question on a FAQ list?

A customer recently inquired to have new items highlighted on a faq list (as shown below) within a pdf. Typically faq questions are listed using a bold font weight. However the customer has stressed ...
9
votes
3answers
2k views

Why ZUIs (zoom user interfaces) are not popular?

After reading Jef Raskin's The Humane Interface it seems that ZUIs are a obvious paradigm choice to make easier interfaces. Apparently the original iPhone interface was a big investment in that ...
2
votes
1answer
949 views

Select multiple items in table and move them with the option of another multiple select

The users should be able to select multiple items from a table and then have the option to move them to another place which they again must choose from a searchable table. Also the users should have ...
1
vote
2answers
128 views

Form Errors - Correct Label/Icon Placement

I'm creating a UI kit and I want to create design standards which are user-friendly. With specific regards to form validation, I've researched Wroblewski who says that errors should have top placement,...
4
votes
4answers
168 views

Designing a list component that exposes frequently chosen options

I have a number of requirements to allow the user to select an item from a long list. Example - country selection from an alphabetical list (where the user location is not relevant) - there are no ...
6
votes
8answers
327 views

Need a pattern to choose 1 or both of 2 options (+ edited for clarity)

I have a screen which allows the user to capture bank account information (+ the account information is for someone that the user wishes to pay, either now or later - this is a banking context, not e-...
4
votes
1answer
255 views

Dynamic wizard with varying number of questions

I have a page that guides the user to the required information. It asks a question and based on the answer displays a second question. Based on that answer - the information is displayed. There can be ...
2
votes
6answers
493 views

How can I improve add entry tab?

I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style: I'm stuck on how best to do the Add Entry for this tab. ...
79
votes
14answers
18k views

How to make text look *not* clickable

Problem: I am currently building a textbook exchange website as pictured below. During beta testing users kept trying to click the three snippets of text under the logo ("6 books listed," "12 ...
3
votes
4answers
106 views

Is a small text header over a larger text header appropriate as first content?

I have this page. This page is a combination between a "congratulations" and "here's something else to do" sort of page. The very first piece of content (besides the header/nav) is a large block ...
4
votes
5answers
1k views

Telerik Grid - Form Template Edit Form for the CRUD Operations

I use Telerik Grid - Form Template Edit Form for the CRUD Operations in my asp.net web application. but the web designer has told me that the telerik controls has many issues concerning : The User ...
4
votes
2answers
89 views

Where should I put a overview option in a feed control

I have a newsfeed that is filtered by the current page it is placed in. This newsfeed needs an navigation option to access the overview page. Here's the basic control: First Approach: Second ...
3
votes
2answers
152 views

Simplify multiple filters

I'm working on a UI that requires the filtering of multiple metrics, with each metric requiring the ability to sort and apply min/max values. Here's the solution I came up with. I've been told it ...
1
vote
1answer
334 views

Good usage of top AND left hand navigation?

I am trying to build a page that has search, a profile, a few pages and many sub-navigational pages within those pages. I was thinking of doing drop-down menus along the top, but felt a left side ...
7
votes
8answers
3k views

Are checkboxes with crosses (instead of ticks) safe to use?

Would you consider checkboxes using crosses instead of the standard ticks OK to be used in UIs? There are several CONs (being easily confused with close or delete crosses and wrongly implying there ...
11
votes
1answer
410 views

Is there any research on the usability of the pull-to-refresh gesture?

While the original thought behind pull-to-refresh was to take advantage of the scroll motion, which a user would use to see if any new messages appeared at the top or bottom of the list, to refresh a ...
0
votes
2answers
200 views

Prioritizing a list/table row

I have a table structure where each row is an item,now my use case involves prioritizing it based on certain parameters such that item with highest priority would come at the top. I will have a large ...
3
votes
2answers
242 views

Proper name for autosuggest pattern of partial content within a field (#tags or @mentions)

Autocomplete/autosuggest (or, sometimes, "Filter as you type" or "typeahead") all seem to generally refer to the pattern of filling a whole text input field with the results from a suggestion list. ...
0
votes
2answers
352 views

Are there any design pattern systems like atomic design by Brad Frost?

I'm working on a system where users can use/add objects to a page. At the top level the user can use a template and at the lowest level the user can add a "building block". The different levels and ...
9
votes
4answers
3k views

Is it a good idea to show progress indicator inside a button?

Typical examples: http://msurguy.github.io/ladda-bootstrap Crazier examples: http://tympanus.net/Development/ProgressButtonStyles This is for a desktop app if it matters. Consider that the target ...
1
vote
1answer
53 views

Are there any design patterns for positioning controls and other items on the round screen of smartwatch?

I am designing the smartwatch application for the round smartwatch screen and have problems in deciding, how to position elements on it. For the simple item-by-item list, the round shape forces huge ...
2
votes
2answers
640 views

What's the name for different navigation elements in a page?

We got into a debate about what to call the different areas of navigation, specifically what the definition of Secondary and Utility navigation is. And I was unable to find much on Google about ...
1
vote
3answers
598 views

How to represent a latency chart?

I develop a monitoring tool for applications, and one of the upcoming feature is a new "Latency Chart". This chart is made automatically as a jpg file, and it represents the latency of a given host ...
5
votes
2answers
410 views

Are there any strategies or design patterns for managing a large number of tabs on a browser window?

Due to the changing nature of people browsing and reading through information on the web, the bookmark has been getting less love compared to people leaving tabs open on browser windows (or multiple ...
3
votes
2answers
768 views

What's the meaning of a disabled form field?

I'm working on a desktop UI that uses a lot of form elements like input fields, spinners, radio buttons etc. to fill out what is basically one big form. This form has a lifecycle with different check ...
3
votes
1answer
80 views

Best practices for collecting employment wage history

I am developing an application that tracks a person's employment, wages, and how they change while within a program the person has enrolled in. This also means there are three types of jobs: Jobs ...
18
votes
3answers
3k views

Why must a website footer always span the entire width of the page?

I am currently completing an online design course, and while watching one of the set course videos, the instructor advised: The [website] footer must always span the entire width of the screen. ...
4
votes
4answers
541 views

Is it standard practice not to include an 'offline' mode for a web application?

There are many discussions around the topic of accessibility, but taking the work accessibility in its pure sense of having access to the system, I am curious as to whether designers simply make the ...
2
votes
0answers
123 views

Design patterns for user dropdown on top right corner [closed]

Is there any design pattern for user drop-down which will be on top right corner of the application? I want to know some best possible features of this control. Please share some ideas.
3
votes
3answers
141 views

Sharing link to software installer

When sharing a link to a software installer what is the preferred UX pattern, to share a link to a download page or a direct link to the downloadable executable? Using GIMP as an example... GIMP ...