Stack Exchange Network

Stack Exchange network consists of 175 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
6answers
494 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. ...
3
votes
4answers
555 views

How to add one or more items to the table row?

Context I'm working on very complex enterprise solution. We have this table that shows list of let's call them contracts. Every contract (row) can contain one or more customers (and one or more ...
3
votes
3answers
182 views

Single Page Application - In-app New Tabs

I have a table of items and when I click on an item, the details open in the same view. So, to view another item, I need to go back and click on another one. To avoid the back and forth, I want to ...
2
votes
3answers
155 views

Timer settings, when to use a combobox or spinbox?

I was creating a mockup for an login settings window, and when i came to the option for "auto logout", i was wondering if it should be a spinbox, allowing the user to set any value (in minutes), or a ...
1
vote
2answers
459 views

Placement of anchor link buttons in a page with a lot of scrollable content

I am building a profile page (http://giga.brandvertisor.com) containing a lot of of information, visually organized in horizontal sections. For the sake of easier navigation, I have put anchor link ...
1
vote
2answers
146 views

Type of control for a non-interactive widget

I have a set of inputs whose type can be changed, and one of the input types is read-only. What's the best way to represent this in a cross-platform manner? Right now I went with a disabled button ...
7
votes
1answer
701 views

iOS using tabs in modal view to show camera/multiple photo galleries

In our app there are many pages of forms, and each page can have (or requires) photos attached to them. Photos can come from the camera, photos previously taken, or a view of certain photos from the ...
6
votes
1answer
136 views

Assigning modules from a library to a server where the number of modules can change?

I need to create a design for an internal tool that we will try to utilize within our own team that works with software testing. We will try to build a tool that can help us automatically setup a test ...
2
votes
1answer
67 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
1
vote
1answer
194 views

Good examples of UI patterns for data assembling

I'm particularly interested in Node based UIs and I have a few questions: 1. What are good and elegant services in your opinion that use these pattern to create complex outputs? (I really like how ...
0
votes
1answer
50 views

Dropdown variable picker with sibling and child elements

We are trying to make a dropdown variable picker experience more user-friendly. In the current state, here's how it works. The user sees a Parent database entity that is populated based on a previous ...
0
votes
1answer
61 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
0
votes
1answer
117 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
0
votes
1answer
95 views

Responsive UI Pattern for selecting from a list of exact values greater than 5?

I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
0
votes
1answer
106 views

Does this multi-line form interface pattern have a name?

I've got a form where the user needs to enter a number of records (varies for each screen), and the UI approach I'm considering is to have multiple rows, with the ability to add and remove rows, ...
0
votes
1answer
171 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 ...
1
vote
0answers
28 views

Business Software and Policies/Usage Hints

We use business software of all kind (CRM, ERP,...). There are lots of things to remember for fluent usage as keyboard shortcuts, company usage guidelines, colleagues hints, software manuals, internal ...
1
vote
0answers
39 views

Reasons for the difference in design patterns for mobile to desktop vs. desktop to mobile

I want to follow up on a recent question that related to the WeChat Web experience but expand the scope of the question a little bit further: Is WeChat Web bad for UX? In recent times companies that ...
1
vote
0answers
26 views

What is the best practice for integrating legacy design patterns when there is a conflict?

Based on a previous question that suggests many applications that are developed without necessarily a thorough analysis of the different design patterns and systems that might be in conflict, or have ...
1
vote
0answers
113 views

Resetting password as software company staff admin (not user admin)

I'm building a tool for users to manage their account which includes user licenses and admin levels for teams (think like Adobe Cloud), but also an admin for our staff tech fix account issues. On the ...
1
vote
0answers
133 views

Workflow for How Typography Layout Should Be Specified

This is sort of a user experience and graphics design question, but it seemed better as user experience. To start, good text has good typesetting. This sometimes means per-letter spacing adjustments, ...
0
votes
0answers
24 views

Signup as first step after app was installed

What are the arguments to ask users to signup before they can use your app? For example in a secret luxury accommodation booking app, once you downloaded the app, you are forced to create an account....
0
votes
0answers
47 views

Best practice to create landing page for a product that has a lot of features(tools)

My web projects has 16 different features(tools). I divided these features into 2 different group, starters, enterprise. As all we would agree, we must show UVP, main benefit of the product to the ...
0
votes
0answers
159 views

Fully boxed text fields vs lines

I'm wondering if there is any evidence-based research or studies on fully boxed text fields vs lines? It seems that using lines is the current trend, for example, Gmail, Invision, and even some ...
0
votes
0answers
502 views

Best UI pattern to group multiple uncategorised items (i.e. questions)

Problem: User has an ability to add x number of questions (uncategorized questions). Normally, user adds 2 - 5 questions. However, the problem is when the user add more than 10. The tricky part that I ...
0
votes
0answers
37 views

p2p web application, terms and icons to distinguish caller from callee?

I'm working on a web application which uses web rtc. Peers can connect to other peers. The interface will change quite a bit depending on who is the caller vs. callee. What are appropriate terms ...
0
votes
0answers
436 views

Radio button best parttern in mobile app

I have radio button selection in mobile app where on selection of it, the dropdown box gets activated. My question is that, is it best practice to place radio button and dropdown in stack manner (pic ...