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

learn more… | top users | synonyms (1)

0
votes
1answer
42 views

Research behind current design patterns? [on hold]

Recently I have found that so many websites are starting to look the same (logo left, menu right, nav floats, big large cover image (blurred e.g.), flat light design. Outside of these just being ...
1
vote
1answer
68 views

How to convey the “primary vs. secondary” button for screen reader users

I have an application that needs to be accessible for screen readers. This application uses bold text on primary button to convey information about the "recommended choice" like in the example below ...
1
vote
2answers
73 views

Name That Pattern: side 'panel'

Please can someone name this pattern - where you edit something in a table and, instead of allowing you to edit the content in a modal dialog, you edit it in a docked side 'panel'? As per the ...
1
vote
1answer
119 views

Color complimenting like Google's material specs

So here's my dilemma. I like Google's Material Design Color Specs, and they've obviously spent a fortune researching all the hues and shades. However, I'm dealing with a project where the end users ...
1
vote
0answers
26 views

Using Javascript popups to create a workflow for legal experts writing and editing legislation

I suppose this is a ui-flow question. I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
0
votes
2answers
24 views

best practice: how to handle data entry / modification & storing changes thereof

I have a page (HTML) containing multiple tabs, all filled with various settings. Those settings are further divided into groups which are nothing more than separate REST calls to the server. Each ...
3
votes
3answers
102 views

Select duration using numeric input + menu of units, or a single slider?

I have a notification panel which is designed for users to receive notification once something wrong or changes happens in the system. So there are two tasks that are for regular checking. These two ...
1
vote
2answers
64 views

“Inclusive/Additive” vs. “Exclusive/Reductive” filtering - How to differentiate?

I'm working on an HR application where admins can define the scope of a user's role based on their location and organization. So as in the example below, a role may be limited to the "Los Angeles" ...
1
vote
3answers
70 views

What's the design pattern at the end of infinite scroll?

I have an app (iOS) that outputs a grid with all the applicable products. Is there a prevalent design pattern that indicates the end of infinite scroll?
1
vote
2answers
46 views

How to properly manage exchange between two lists of items/products in a desktop web app?

I'm working on a Web App UI mostly for desktop (but also working on tablets) where the user has to manage inventories in a modal window. He needs to select items from a stockpile (i. e. a large ...
2
votes
3answers
93 views

How to display that the product has different sizes?

How can I display that the product has different sizes available in stock in the homescreen/catalog without redirecting the user to a product details screen or by opening a pop up on the desktop. Keep ...
1
vote
2answers
41 views

What are Material Elements in Material Design?

I got confused regarding Material Design. I was reading material design guidelines and i learnt that material is a 3D Environment with x,y,z axis and Lights, Motion.... When reading Material ...
0
votes
2answers
58 views

Where to redirect a user when he send a quote?

I have a web site where professionals can send quotes about their services to whoever need them. To send a quote is a simple form; my question is: what should happen after the user sends the form? ...
4
votes
3answers
114 views

Is there a better solution for picker control on iOS

I'm doing a form field on an app and need to included a drop down at the end of some of the text fields. For the android version I'll be using the material design standard as below. for iOS, they ...
2
votes
0answers
53 views

Scroll up and hold on desktop?

I am doing some research on a pattern that would allow to display more information when scrolling up, in a desktop app environment. Similar to the band's profile page on Spotify on mobile (album cover ...
0
votes
0answers
50 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 ...
5
votes
2answers
287 views

What do you call a point-by-point (like Slack's) registration ui?

Slack has an effective registration that prompts the user for each data point on a different view. I've found the pattern is very nice in terms of reducing the user's cognitive load. I'm curious if ...
0
votes
0answers
66 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
19 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 ...
1
vote
1answer
102 views

Explicit vs Implicit save. Differences between Android and iOS expectations

Our app makes use of a 'Shopping Cart' type metaphor, in which users can select from a variety of items, and then confirm or remove all these items at once. We'll call this explicit save. The ...
10
votes
5answers
602 views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
1
vote
3answers
139 views

What is the best UX for collecting a user's height in metric rather than imperial?

In Imperial, we normally collect feet and inches in separate fields, often via dropdown. In metric, what's the standard?
2
votes
2answers
14 views

Austosave causing clearing of input data [closed]

We have a web application that includes two internal tabs (within the webpage). One of which the user writes down comments, and the other where they only view content. There are times where they have ...
12
votes
6answers
1k views

Is there a proper term for lists of removable tags?

I call them "tag blocks" but I don't think that's correct. The pattern is a block of textual information with the X to remove it. It can be seen in some places after adding a file to let you remove ...
0
votes
1answer
61 views

Editing a list that can be filtered while editing. Save edits that are not visible?

We have a long list with accounts for which users can set permissions through checkboxes in this list. But users can also filter the list (say with a search query). But what if a user sets ...
3
votes
1answer
91 views

Should I use a button for an often used value in combination with a text field?

I'm doing a redesign for an auctioning website where users have to fill in numerical values (their bid) in a text field manually. A commonly used option is to bid the next minimum bid. Is it a known ...
53
votes
12answers
4k views

Should read-only text appear as plain text or in a read-only textbox?

Should I use labels for read-only information, or should I use read-only text boxes to maintain the look of the fields? It seems to me that if something is in a textbox it implies there is some way ...
0
votes
1answer
56 views

Guidelines for Title in Dialog Box / Headings

Consider a scenario where I have multiple operations (Add, Edit, Delete) on a Object (My Foo Object). Each of these operations when triggered by click of a corresponding action button, opens a dialog ...
0
votes
3answers
104 views

Fee quotation form just below the first fold. Are we losing orders?

Our site has a fee quotation form below the fold and we are concerned that we may be losing potential customers. What evidence is there that the "fold" is still a concern?
0
votes
0answers
200 views

Best way to display date and time range in android listview

This is currently my screen. Is there a better way to display the date and time range within an android listview if you already have 3 lines on the left and only 2 lines on the right side.
0
votes
1answer
97 views

How can I simplify this task screen for mobiles [closed]

The Dropdown option are: All, Monthly, Weekly, Daily The second row shows the current date range. If you select weekly, it would show "7. Sep-13. Sep". You can swipe left or right to change the date ...
1
vote
6answers
153 views

circles that indicate the current image index

I just need to know what this is called: Let's say we have 5 images, then we have these 5 small circles beside each other above the loaded image and if we're showing the second image, the second ...
0
votes
1answer
140 views

Intuitive Active / Idle / Off status button

I have a requirement to visually show the three status of Active / Idle / Off status for devices. I somehow convinced with switch design as you can see in the below illusion, not fully satisfied ...
0
votes
2answers
47 views

Showing a lot more content within a model box

I'm working on a single landing page where content had to be shown in a model box. also this content has more content under it. but it's too much to show all together in one modal box i've to work ...
4
votes
6answers
199 views

What do you call this ux pattern for search fields?

What do you call this feature where a search query gets converted to "tags" that has been popularised by Pinterest (but could also be seen in Google Drive, Facebook, Apple Mail etc) and what ...
0
votes
1answer
36 views

What is the best way to represent two scores for a square result?

I'm not sure if this is the appropriate forum for this question, so please let me know if it is not. I'm a graduate student working on figures for a research article. I have data that is being ...
2
votes
2answers
169 views

Copy/paste VS Clone

When managing lists or objects, what are the advantages of a "clone" action over "copy & paste", if any? What are the disadvantages? Or when should you use one pattern over another? I assume ...
0
votes
0answers
88 views

Is there a best practice for where to display toast notifications and snackbars?

What is the best practice for the location of toast-style notifications and snackbars? I have seen them predominantly in the lower right hand corner for toasts, and across the bottom of a browser for ...
1
vote
2answers
161 views

A higher order design language for UX [closed]

These days the digital design space doesn't just involve individual apps interacting with the user. A number of different technologies and trends has led to the prevalence of frameworks such as IFTTT ...
1
vote
1answer
138 views

Horizontal Accordian on website - Best usability practices

I'm designing a website and have a section which contains two categories. These two categories work like a slider (or a horizontal accordion). The default state is the two categories are represented ...
0
votes
0answers
113 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 ...
3
votes
2answers
218 views

Drag and drop in long lists

I continue to hear drag and drop can be a bad user experience when dragging to reorder over long distances, such as within a list and when scrolling to the target location is required. Are there any ...
2
votes
3answers
185 views

Does a user's knowledge of operating system interactions carry over to a browser?

My coworkers and I recently discussed an article criticizing the hamburger icon + drawer navigation approach, and began to debate whether Window's "Start" button utilizes the same approach. There ...
0
votes
1answer
26 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
6answers
440 views

Where to place Logo, left or middle? [duplicate]

Most people say upper left is the best, due to recognizability issues. I saw a video on Treehouse and showed that CNN did the bold move, to put it in the middle. Then i checked CNN and the logo was ...
3
votes
2answers
330 views

Best way to lay out home page of mobile app

I'm redesigning a mobile trivia app, and on the homepage, there are radio buttons that let the user choose the difficulty, and then there are also 3 buttons that start the game. The current layout ...
2
votes
2answers
35 views

info presented to the user in a payments page

I am in the stage where I will start building the page of my app that displays the payment status of the user. Nonetheless I have no idea what this page will look like from a content point of view. ...
4
votes
2answers
837 views

The Name of a Full-size Device-independent Start View with tagline only content and downward pointing arrow to access the site?

I don’t know if this is a new trend or just the fact that I’ve not come across this pattern before and it’s actually old, but I’m unable to find anything on it. The story is that you access the root ...
3
votes
1answer
86 views

What is the origin of the term 'coach marks', in the context of software UI?

The earliest reference to "coach marks" (in the context of software UI) appears to be the following patent, filed in 1993: Method and apparatus for generating and displaying multiple ...
1
vote
1answer
191 views

Is it right to use desktop/laptop UX patterns for touch based devices?

I've noticed recently that we often use UI elements and UX patterns from desktop and laptop, which often stem from the primary input device being a mouse or physical keyboard. We then apply these to ...