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

learn more… | top users | synonyms (1)

2
votes
2answers
15 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
64 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 ...
4
votes
1answer
119 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
5k 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
68 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
105 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
246 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
100 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
184 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
172 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
52 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
236 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
39 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
216 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
134 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
167 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
157 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
137 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
267 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
191 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 ...
1
vote
1answer
30 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
732 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
350 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
36 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
845 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
98 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
207 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 ...
1
vote
2answers
265 views

Should bulk-editing functions be hidden until a table row is selected, or is there a better solution?

As an example, MailChimp displays subscriber lists in a table/data grid. Notice that while the user can select one or more rows using the check box at the left of each row, he doesn’t know what ...
0
votes
2answers
409 views

Do users understand this hybrid checkbox/radio control? [duplicate]

I'm wondering about the perennial problem that arises when presenting multiple options, where the user can select none, one, or several options. Using checkboxes, it's not clear whether a user ...
3
votes
5answers
409 views

File Picker vs. Drag and Drop for Tablets

Imagine that you're creating a presentation on an iPad. You want to create a presentation, add content to it, and rearrange it as needed. You have a catalog of content to choose from, sorted by ...
1
vote
4answers
299 views

Different design patterns for the same action within the same app

I'm working on a large website editor application, and in order to achieve the "best" initial designs I have slightly different versions of UI patterns according to the context in which they're being ...
1
vote
2answers
349 views

What is the name of this dial/spinner-like interface element?

I've tried googling both spinner and dial, but they turn up results that are not this. I need to implement this in a website, and would like to know the pattern for it -- it's just so much easier ...
2
votes
4answers
285 views

Name, icon, and color of the button

I want to clear the text from the text box, what should be the button named as? what icon and color should the same button have? Thanks in advance.
1
vote
1answer
156 views

What widget should I use to filter table rows based on checkboxes?

Suppose my table has a column on the far left that consists of only checkboxes used for selecting rows. The default design is that the header of that column would have a checkbox, which would be used ...
3
votes
1answer
204 views

Standardized design patterns for UI?

In 2004, Jakob Neilson wrote about two studies that looked at a database of websites and compiled a list of standard UI patterns based on usage. The studies looked at 100's of web pages and ...
4
votes
1answer
54 views

Need a pattern to capture multiple data sizes

Something I am struggling with: a UI for Network QoS Changes. The situation: There is a fixed maximum limit. The sum of the sub-values must not exceed this limit. Sub-values are captured as integers ...
0
votes
0answers
56 views

What is the best way to illustrate how discrete elements relate?

I have three pieces of information, say, that are being displayed: A score An abbreviated explanation for the score A call-to-action for a suggested activity based on the score Is there a best ...
3
votes
2answers
175 views

Anemic user interface

Recently, while discussing the design of a user interface for a web app, I noticed a phenomenon in which people only think of a few simple user interactions like "type text there", "select an item ...
1
vote
0answers
53 views

How to configure a graph widget? [closed]

I am working on a web app to help the user create configure a graph widget wherein the user: Names the widget Selects a graph type (one of many) Provides the details (5 to 6) that graph. I'm ...
4
votes
2answers
418 views

UI pattern: assign to list + details

assigning items to a list is well-known UI pattern and is already discussed at ux.se. Example: download bmml source – Wireframes created with Balsamiq Mockups The case I've stumbled on ...
2
votes
3answers
267 views

Why does twitter not update live? [closed]

I'm wondering from a ux design perspective, why does twitter not show tweets live? Instead they add a bar which you can click to show new tweets. If tweets were rendered so that they are not so tall ...
0
votes
3answers
145 views

How to provide an “easy to understand” UI to display/hide checked items?

I have a tree where the user can check/uncheck each item. Since there's many items, I would like to provide a way to filter the tree to display: all items only selected items only unselected items ...
3
votes
1answer
196 views

Design patterns for unstructured storage and search of information

The prevalence of tags seems to have helped drive a trend towards unstructured storage of information, and instead supporting unstructured or intelligent search features to help retrieve stored ...
19
votes
5answers
2k views

Should a user be able to control the timezone when scheduling something?

I have a product where users can schedule content to post to social networks. The users may have their account set to their local timezone, while running a campaign which requires them to schedule ...
2
votes
1answer
268 views

Better List Builder Pattern

In the list entry pattern here the user searches for a record using the form input, and the results are displayed below in a grid. Selecting a record from the grid adds the record to a list. The ...
0
votes
5answers
108 views

What is this type of interaction/component called?

When a user fills out some input fields and adds it as an entry to an existing list. Usually there's a way to edit/delete these entries as well.
3
votes
2answers
459 views

Assigning to multiple groups

While there are plenty of "assign to blah" topics here, I'm not sure that I've seen this exact case. Apologies in advance if this is repeated. Building out a new website, with quite a lot of ...
6
votes
2answers
191 views

What's the best way to present a nested drop down menu but avoid the drop down going off screen?

I'm currently working on a design that originally was using a nested drop down meny like so: But, when a user clicks on the "more" icon of the card furthest to the right, the drop down menu no ...
0
votes
1answer
65 views

Graphical Editor Patterns: Edit nodes a) inline b) with a dedicated edit view/dialog or c) a mixture of both

This question has been asked a few times but none that relate to a particular scenario: Graphical editors. I've noticed several different patterns, mainly Inline Edititng - Complex nodes have ...