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

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

1
vote
0answers
29 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 ...
0
votes
1answer
34 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 ...
1
vote
0answers
42 views

Design patterns for desktop context switching

I'm working on a project which has, mobile / tablet / desktop designs which progressively reveal more content. In our app we have two key 'modes'. It's similar to an online ide so you could call ...
1
vote
3answers
121 views

How can I design a registration form with 10 fields for multiple users?

I'm in a situation to design registration form that asks A Dad [a user] to register his "Son or Sons" in a sports activity and pay for this registration. In order to enable Dads to pay one time even ...
0
votes
3answers
62 views

To Include or Not To Include Titles

What is the latest UX research around prompting a user for their title e.g. Mr, Mrs, Ms, Dr, ....? Some clear advantages and disadvantages are: Advantages: A certain subset of users will feel they ...
0
votes
1answer
101 views

Tabs VS Menu hierarchy . Material design VS informational architecture

There are two levels of menu. Tabs and usual sub menu. The problem is when tabs are under home/manage/analytics menu - it doesn't make sense because hierarchy is actually backwards. Because ...
1
vote
2answers
123 views

What's the best way to display sentiment options?

I have a sentiment rate functionality. What is the best way to display the options? Start with the positive or negative one? I have a star rating as well from 1 to 5, if it matters. Is it strange if ...
0
votes
1answer
39 views

Best practices for designing a terminal logging experience

The first 4 pictures below (#2 is also animated on the link) are examples of CLIs. The 5th picture is an image of the Heroku logs. The last picture is what you normally used to see in programs you ...
1
vote
0answers
97 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, ...
1
vote
1answer
45 views

Best way to display offset position in direct manipulation design software?

I'm thinking on how to solve for an application that uses real-time positioning to project images. It uses a beacon (same as motion capture) that is hidden and sewed into a person clothes When the ...
0
votes
1answer
64 views

Does the location of “main buttons” affect usability?

Here we have Meta Stack Exchange: The "Ask Question" button is part of the "search results" group. Could this possible confuse users? Should site-wide "main" buttons always be placed on the header ...
0
votes
2answers
137 views

Usage of sliders for non-commercial use

So I know that sliders are bad and there's a thing called banner blindness and read couple of studies saying that people don't interact with them at all. However I'm working on an "About Us" page ...
0
votes
1answer
76 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 ...
5
votes
1answer
59 views

How can I manage a module creation screen with multiple lists of templates selections

Specification: The aim of the design below is to create one module by using 3 set of templates. Each template is having list of templates which are coming from different database tables. Template set ...
1
vote
1answer
74 views

Patterns for designing a “chooser” site

I've been tasked with building a "chooser" website which helps users find a service (or maybe more than one) that helps them solve a problem, in a domain they're unfamiiar with. Problem The basic ...
3
votes
2answers
117 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
3
votes
1answer
66 views

SaaS admin navigation through lower tiers

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, ...
3
votes
1answer
91 views

What is the best way to let a user know that another user is working on the same item?

At my company we have an admin tool, where users can create and edit surveys. But we have a few problems with users working on the same items which in a lot of cases has lead to data getting lost or ...
0
votes
3answers
90 views

Visualizing large tabular data

I'm trying to find the best way to visualise the following tabular data. Problem: There are several channels and each channel has two platforms. The value of the channel's platform could range ...
1
vote
2answers
92 views

Is there a particular name for this design element?

I have seen a lot of magazine/news templates that basically stick a set of posts together and they usually span 2 rows and 3 or more columns. The best I can think of is maybe calling it a collage, ...
0
votes
2answers
75 views

What is the name of the design pattern used to create, rename and load user-presets such as styles, favorites, and workspace layouts?

I want to find out what other people have found out about a very common design-pattern. However, my searches come up empty. The pattern is a minimalist save/load feature for things secondary to the ...
0
votes
0answers
50 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, ...
4
votes
2answers
220 views

How to show dual list in responsive

I am showing a dual list on web application. It has desktop view and mobile responsive view. As we know that we can't show the dual list 2 columns side by side in mobile view due to less space. So ...
3
votes
2answers
150 views

What's a good pattern for mixing bulk-able actions and single actions?

I'm working on a web frontend for an existing API. We currently have a table that looks like this: You can perform various one-time actions on items. At the moment, every action you can take on an ...
0
votes
0answers
21 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
32 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 ...
7
votes
3answers
502 views

How long should a toast message with 'undo' appear?

In our application, the user can make small changes, such as deleting a chart from a report. When they delete an item, a toast notification appears to say "Chart 2 was deleted successfully. Undo?" ...
1
vote
1answer
64 views

Should we anticipate when the user is asking for the menu when we hide the navigation on scroll?

A lot of websites nowadays, admittedly more so in desktop view, (which is now seen by fewer thanks to the world of mobile) hide the navigation bar when you scroll down. This is a good thing as it ...
0
votes
2answers
144 views

How to display a checkbox modal

I'm updating a legacy(12 y/o) system and one of the requirements is a cta that opens a model which lets the user make multiple selections, aswell as, typing an input that then gets added to a summary ...
1
vote
2answers
89 views

Is social sharing needed for every page of a B2B website?

I know this question has been asked previously. There are some more details in my case. I work with a technology company that makes software for insurance. The products are all B2B. We have social ...
4
votes
4answers
206 views

“Cut and Paste” in a tree structure

I am working on a web app that provides a visual programming environment to generate 3D models - Mobius It involves creating a scripts by adding lines of coding and just editing parameters. We are ...
3
votes
3answers
162 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
2answers
105 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 ...
0
votes
1answer
85 views

What would I call this element? [closed]

I am trying to create a card that has a position absolute show more div option. I need it to not move any other elements and be responsive. I don't know how to do a search for it because I don't know ...
1
vote
2answers
107 views

User Interface suggestions to unlock editing for critical elements

I'm developing a webpage for internal users who will spend a few hours a month using it. Most of the elements on the page are straightforward, but a few could cause hours of work to undo if they have ...
1
vote
2answers
252 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
1answer
134 views

Reading patterns, Z-pattern vs. layered-cake pattern

Im wondering if there is any difference between the reading patterns (Z and Layered-cake) since both of them require the user to read rtl or ltr whilest moving down a notch when going to the next line ...
0
votes
0answers
98 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 ...
-1
votes
1answer
51 views

How can I collect and archive my sketches [closed]

I need your help if you can, so how you turn brief into a rough sketches for app & web design (need examples plz).
1
vote
1answer
75 views

Are components and patterns same in interface design?

I hear term component and pattern used widely on blogs, articles, books and by my team mates. Most of the time they are used interchangeably by few people, which makes little confusion if they are ...
1
vote
4answers
113 views

How do you define typography styles in your designs?

When defining a style guide, which of the following is most common when naming layout components? Stating the specific H-levels to be used (i.e. H1, H2, etc.) Create your own set of naming ...
0
votes
1answer
423 views

“Add attachment/file” button for a mobile app?

I'm re-designing a part of a mobile-first app for reading and answering customer feedback. My problem is: How would you display a button for uploading attachments/files in an interface that is going ...
0
votes
2answers
77 views

Is have a “x” in a domain to join word a good idea? [closed]

We all know there isn't much dictionary word .com domain out there, so many people are taking domains like my-clay.com or domain that has multi-words. So currently I'm finding a domain, and ...
1
vote
1answer
61 views

When should an inherited design pattern be avoided?

I'm currently working on a fairly old product that has been partially reworked 2 or 3 times by different teams. This has left the interface somewhat fragmented with different design patterns used in ...
4
votes
4answers
198 views

What's the name of the pattern where you draw a rectangle to select items?

I'm implementing a UI where you can draw a box by clicking and dragging your mouse to select multiple items. Like selecting multiple files/folders: Does this pattern have a name?
0
votes
2answers
352 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 ...
0
votes
1answer
171 views

What is this called and best practices of UI/UX? [duplicate]

What are best practices for settings (UI) like this? I am looking to find out more about good practices, good UI/UX for this component for removing, adding items to different profiles (profile 1 has ...
1
vote
2answers
99 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 ...
1
vote
1answer
77 views

How is this semi-transparent content block called?

I have seen this pattern many times: the content is hidden with a semitransparent superposition that provides a sense of continuity. The content under this semi-transparency layer is displayed after ...
4
votes
4answers
257 views

Best way to display ranges where end range is inclusive

I have a table with one column displaying a range of values where the end range value is inclusive, but the start range value is exclusive. I'm having a hard time figuring out how to succinctly and ...