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
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. ...
3
votes
3answers
115 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 ...
3
votes
3answers
399 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 ...
2
votes
3answers
151 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
396 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
136 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
667 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
130 views

Assigning modules from a library to a server where the amount 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 ...
1
vote
1answer
192 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
52 views

Is there a name for this connecting the dot selection pattern?

Is there a name for the pattern of matching two things by using a line to connect them together? This is often used on school tests that try to match a word with its proper definition. Here is an ...
0
votes
1answer
59 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
98 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
88 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
83 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
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 ...
1
vote
0answers
13 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
24 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
64 views

Dealer reselling hardware for unregistered users

Background info: I'm working with a CAD software that uses a physical USB security dongle to work. Typically it is sold via an online store. The user creates an account with an email, then the Dongle ...
1
vote
0answers
87 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
22 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
44 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
27 views

Alternate names / examples of the Subview design pattern?

I am using this design pattern in my work: http://www.cliptheme.com/demo/rapido/ui_subview.html I've searched but my Google Foo hasn't turned up any other examples of this design pattern. Can ...
0
votes
0answers
34 views

Devices Management / Limit Devices on mobile app

Specifically looking for a UX pattern/behavior that addresses the best way to handle device management on mobile. Ex.: user creates login credentials -> subscribe to the app (paid) -> share his ...
0
votes
0answers
137 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
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 ...
0
votes
0answers
486 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
199 views

Organized catalog of “big” UI patterns?

I need to make some fundamental GUI choices and would like this process to be more formal. E.g. how do I make a decision whether a details view should be a collapsible panel or a separate window? ...
0
votes
0answers
36 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
430 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 ...
-1
votes
0answers
72 views

Freemium model with multiple upgrade options depending on each user type

I am working on a freemium model online service which has multiple upgrade options depending on each user type. The question is about the CTA's that advertise the different upgrades. Different pages ...