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

learn more… | top users | synonyms (1)

5
votes
0answers
19 views

Is there any research on the usability of the pull-to-refresh gesture?

While the original thought behind pull-to-refresh was to take advantage of the scroll motion, which a user would use to see if any new messages appeared at the top or bottom of the list, to refresh a ...
3
votes
2answers
70 views

Should there be a preview screen after uploading excel?

If user is uploading an excel which is containing 100s of records, and each record may have 35-45 attributes we would like to show them a preview of data which they are uploading before they ...
2
votes
2answers
93 views

Page navigation help for business application site

I'm making a UX/UI for email service provider software and I'm stuck on how best to do the navigation/controls for this page style: first, you view your email campaigns second, you check a box ...
0
votes
2answers
51 views

Prioritizing a list/table row

I have a table structure where each row is an item,now my use case involves prioritizing it based on certain parameters such that item with highest priority would come at the top. I will have a large ...
16
votes
8answers
5k views

Best practice for translating context menu options to touch devices?

I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
2
votes
1answer
270 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...
29
votes
10answers
6k views

What is a good way to display infinite nested comments?

Is there a way to do infinite nested comment threads in a way that doesn't look horrible? I realize that one could simply restrict the levels of nesting, but perhaps there's a better way of indicating ...
3
votes
2answers
58 views

Proper name for autosuggest pattern of partial content within a field (#tags or @mentions)

Autocomplete/autosuggest (or, sometimes, "Filter as you type" or "typeahead") all seem to generally refer to the pattern of filling a whole text input field with the results from a suggestion list. ...
4
votes
1answer
42 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 ...
4
votes
2answers
155 views

Modal, Slide In or New Page?

I'm currently putting together a page that consists of a grid of offers (say 24). The data I want to display along with a pic means that each offer will take up approx 200-300px square - not ...
0
votes
1answer
25 views

Are there any design pattern systems like atomic design by Brad Frost?

I'm working on a system where users can use/add objects to a page. At the top level the user can use a template and at the lowest level the user can add a "building block". The different levels and ...
4
votes
1answer
107 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 ...
1
vote
2answers
88 views

Are there any patterns for a Rules editor interface?

Background I'm tasked with creating an interface for a user to create a "Rule Editor" that can perform specific actions when certain conditions have been met. An "If This Then That" kind of thing. ...
0
votes
6answers
3k views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...
1
vote
2answers
142 views

Is it standard practice not to include an 'offline' mode for a web application?

There are many discussions around the topic of accessibility, but taking the work accessibility in its pure sense of having access to the system, I am curious as to whether designers simply make the ...
2
votes
1answer
77 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 ...
35
votes
10answers
23k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
1
vote
2answers
109 views

What's the name for different navigation elements in a page?

We got into a debate about what to call the different areas of navigation, specifically what the definition of Secondary and Utility navigation is. And I was unable to find much on Google about ...
9
votes
4answers
546 views

Is it a good idea to show progress indicator inside a button?

Typical examples: http://msurguy.github.io/ladda-bootstrap Crazier examples: http://tympanus.net/Development/ProgressButtonStyles This is for a desktop app if it matters. Consider that the target ...
1
vote
1answer
33 views

Are there any design patterns for positioning controls and other items on the round screen of smartwatch?

I am designing the smartwatch application for the round smartwatch screen and have problems in deciding, how to position elements on it. For the simple item-by-item list, the round shape forces huge ...
4
votes
2answers
91 views

UX Name for different nav states in App

Just wondering if there is a particular term for the UX design of having Core Nav in the parent state, which gets hidden with the child nav or tools in the child state. The benefits being that the UI ...
5
votes
4answers
127 views

How to make apply changes more noticeable?

I have this problem. I'm working with an application that has a live and nonlive mode. It's used in a live show (control lights), so people usually make modifications but they are not supposed to be ...
3
votes
1answer
773 views

Responsive design pattern: Navigation at the bottom + jump link

I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
6
votes
2answers
284 views

Are there any strategies or design patterns for managing a large number of tabs on a browser window?

Due to the changing nature of people browsing and reading through information on the web, the bookmark has been getting less love compared to people leaving tabs open on browser windows (or multiple ...
1
vote
2answers
85 views

How to represent a latency chart?

I develop a monitoring tool for applications, and one of the upcoming feature is a new "Latency Chart". This chart is made automatically as a jpg file, and it represents the latency of a given host ...
3
votes
2answers
214 views

What's the meaning of a disabled form field?

I'm working on a desktop UI that uses a lot of form elements like input fields, spinners, radio buttons etc. to fill out what is basically one big form. This form has a lifecycle with different check ...
3
votes
1answer
74 views

Best practices for collecting employment wage history

I am developing an application that tracks a person's employment, wages, and how they change while within a program the person has enrolled in. This also means there are three types of jobs: Jobs ...
2
votes
0answers
69 views

Design patterns for user dropdown on top right corner [closed]

Is there any design pattern for user drop-down which will be on top right corner of the application? I want to know some best possible features of this control. Please share some ideas.
16
votes
3answers
3k views

Why must a website footer always span the entire width of the page?

I am currently completing an online design course, and while watching one of the set course videos, the instructor advised: The [website] footer must always span the entire width of the screen. ...
3
votes
3answers
84 views

Sharing link to software installer

When sharing a link to a software installer what is the preferred UX pattern, to share a link to a download page or a direct link to the downloadable executable? Using GIMP as an example... GIMP ...
0
votes
1answer
63 views

How to define a certain color code for an intranet? [closed]

I've been tasked with preparing a set of rules for the design standard of a collection of intranet modules. Most of these applications are already in production, and new ones are expected to be added ...
3
votes
3answers
130 views

Where should a user return after successfully completing phone call?

Consider this: You enter the Phone app on your Android device. You find the contact you want to call using search. You successfully call that contact from the search results. After a 15min call, you ...
-1
votes
3answers
108 views

What are some alternative ways to record data instead of a long form? [closed]

How to deal with long forms (Not conventional ways like form wizard etc) and what could be some alternative ways to gather information instead of a form layout? I really liked how TypeForm looks at ...
5
votes
3answers
76 views

Should byline be above or below image?

A client of mine is a large newspaper and they are now doing some changes to their article template. One of the things they want to change is the byline so that it doesn't take up to much space. ...
1
vote
2answers
591 views

CMS Pattern Book

I am working on redesigning a CMS and I am looking for some more possible patterns. Does anyone know some good books or websites where they discuss CMS UI Patterns?
1
vote
0answers
43 views

User experience for asynchronous tasks. [closed]

what is a good user experience or design pattern for asynchronous processes/tasks. like for example instantiating a report generation tool to build you a report from different data sources. Allowing ...
4
votes
2answers
575 views

Creating a transition pattern library

I am looking to compile and apply a list of transitions/animations across a web application. Does anyone have any good examples of any existing transition pattern libraries out there? I know the ...
1
vote
0answers
90 views

User interface components or design patterns for multiple sort/filter orders

Has any one seen any good user interface components or design patterns for doing multiple sort orders on a data table or grid? I am wondering if this design pattern is becoming less common due to the ...
-2
votes
1answer
69 views

Backgrounds Color For Primary Menu and Secondry Menu [closed]

I am designing the statistics tools which will have it's Dashboard filled with multiple floating tiles showing accurate data as per user's need. Apart from that we have primary and secondary menu, ...
6
votes
4answers
124 views

Do the number of questions in FAQ affect perception of site?

In doing a new website, our client provided us with a quite long list of FAQ (Frequently Asked Questions). As usual in these cases, questions are made up (a totally different question, but a whole ...
3
votes
2answers
130 views

What are the differences between Hierarchical drill down navigation & Hierarchical multi-level navigation

What are the differences between Hierarchical drill down menu & Hierarchical multi-level menu? it seems there is a thin line between these two. Please help me with examples which navigation ...
2
votes
2answers
2k views

What UI design pattern for choice between 2 actions comes to your mind?

My goal: find optimal UX/UI pattern. Pattern's goal: give a user choice between two actions. Simple example: http://dribbble.com/shots/599154-Choose-Your-Option Here is UX/UI pattern I implemented (...
2
votes
2answers
262 views

Should Desktop UI Patterns include Keyboard Shortcuts?

Not much to describe here. But I think that it'd be a good idea to have UI-Pattern documents to suggest relevant keyboard shortcuts. However, I haven't seen it anywhere and I'm wondering whether this ...
2
votes
2answers
95 views

Is it legit to break some manufacturers guidelines in profit of a context or a need?

Everything is in the title, I'm currently having an eternal "confrontation" with developers. This question could be summed up like this : About mobile manufacturers guidelines, are they really made ...
7
votes
3answers
1k views

Background patterns - do or don't?

Is there any data or research on whether or not background patterns have an impact on the user experience of a website as opposed to using a basic (flat/solid) color like white or a light-grey?
18
votes
7answers
647 views

What is it about our mental models that app-centric seems more intuitive than content-centric?

I always thought that content-centric was the easiest for people to deal with, i.e. "I want to change this document", and not "Let's run this app so I can then change that document". It seems that ...
12
votes
3answers
643 views

Are websites and interactions designed to build or skip levels of trust?

I saw this article posted on the NN/g website talking about a hierarchy of trust, similar to Maslow's pyramid of needs, in that basic needs have to be satisfied before higher levels of needs become ...
0
votes
1answer
57 views

Smallest visualisation for a one-many relationship also depicting health of each of the 'many' objects [closed]

Needed someone to discuss this with since I am currently working alone. I have a 'subject' in my product which can be associated with a variable number of objects. Each object has two states.. viz. UP ...
2
votes
2answers
88 views

Mixing material design with magazine design [closed]

I'm trying to create a design that will satisfy both marketing and UI needs. Material design solves a lot of problems from an application perspective, consistent UI elements such as tables, buttons, ...
0
votes
1answer
75 views

What is enough to convey a Show / Hide link information?

Usage context: I have a voucher, which has conditions of use. I can see conditions of use in a collapsible panel. download bmml source – Wireframes created with Balsamiq Mockups Should ...