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

learn more… | top users | synonyms (1)

3
votes
1answer
377 views

Any research on the usability of the “inline modals” design pattern?

I recently read an article on a design pattern called "inline modals" here: http://uxmovement.com/content/inline-modal-windows-display-new-content-in-page-sections/. I think it's a good pattern that ...
3
votes
1answer
447 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 ...
3
votes
1answer
419 views

Design patterns for hierarchical multiple selection

Given the hypothetical structure: Representing a group of items that can be classified as type A or B, and each subtype can be classified as type C or D, and within D can be classified type E or F. ...
3
votes
2answers
162 views

What is the author referring to with “UX mail lists”?

After reading a Boxes and Arrows article by Stephen Turbek (packed with UXy goodness) I am unfamiliar with the phrase "UX mail lists" in context. Is the author actually suggesting a pattern library ...
3
votes
2answers
923 views

What's the best UX option to help users choose between three items

So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
3
votes
2answers
89 views

UI Options for Displaying Connected Apps / Managing App Connections

I am searching hard to find a nice way to show connections/interactions between various individual apps within an app store. This is important for two reasons: Certain apps exist mainly to ...
3
votes
1answer
687 views

Patterns and models for representing Many-to-many relationships in interface design

I seem to spend a lot of time trying to figure out how to design User Interfaces for many-to-many database relationships. There are lots of resources available to assist with the data-modelling ...
3
votes
1answer
143 views

Information on various patterns for log in/join and in which context to use them? [closed]

Does anyone have any information regarding log in and register interactions, specifically which patterns to use in which contexts? For example: A site where you can view most of the content without ...
3
votes
2answers
624 views

Examples of magnification/zoom to see details [closed]

I'm looking for examples of interfaces where the user is shown part of the UI enlarged or magnified so they can perform a detailed task. One example would be the magnified text on an iPhone when ...
3
votes
3answers
184 views

Is a hover tip with a slide out drawer that reveals labels enough to consider the cognitive load hit acceptable?

I'm exploring using icon only navigation for tasks/sub-nav on an education app. The interaction would provide a hover tip and also an arrow at the bottom would expand the menu to show the icon text. ...
3
votes
3answers
181 views

Is there a standard way to indicate a suggestive search (autocomplete) in a wireframe form?

I'm designing an interface, and I'm currently creating a wireframe to guide me before developing it. I know that a particular form will make suggestions, but if I were to, say, get another developer ...
3
votes
2answers
151 views

UI patterns for data composition

More specifically, I would like to create an interface which Takes input from one or multiple sources. Makes it possible to process on these inputs Provides a way to capture the output. One way I ...
3
votes
1answer
132 views

Name that pattern: Notifications on reaching bottom of page

Over the last couple of months I have begun to see a pattern, but I don't know what it's called. The concept is that when a user scrolls to the end of the page, or a point close to the end of the ...
3
votes
1answer
151 views

Suitable patterns for stating general availability

Does anyone have any suggestions of how best to allow a user state their general availability? Scenario: managing appointments Further info: The user in their profile has the ability to set the ...
3
votes
3answers
789 views

What is the best way to represent audio visually?

I've only taken some basic signal analysis courses, so I might be missing some things. Purely theoretical question: What methods exist for representing audio? What methods could be made for ...
3
votes
1answer
431 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
4answers
179 views

What are some good ways to verify legitimacy of a commenter on a blog post?

I want to make sure that not just anyone is posting comments on a site - that is, I want to verify that its a legitimate person commenting. For example, having people write testimonials for a company ...
3
votes
2answers
331 views

Are there any UI pattern sites with a bookmarklet / selective screen capture (think Skitch) tool?

For over a year now I've been trying to get into all of these UI pattern sites, but the fundamental flaw I've found across the board is the level of effort it takes to create/post styles you come ...
3
votes
1answer
332 views

Do you know any good examples of mode-driven GUI frameworks? [closed]

I strongly believe UI usability and consistency would benefit a lot from frameworks able to generate high-quality GUI skeletons starting from formal specifications of data and processing requirements. ...
3
votes
3answers
1k views

What are innovative, new ways to design Master/Child relationships on a page?

I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
3
votes
1answer
93 views

Energy Labeling Rule - how to make it user friendly?

Starting next, consumer electronic e-retailers will be required to display the applicable label or icon “clearly and conspicuously and in close proximity to the covered product’s price” so that ...
3
votes
1answer
124 views

does anyone know the exactly term about these two type of selection interaction?

Image A is a highlight box moving alone with the icon, focal point with move with the icon. Dose anyone know about this kind of menu type or selection technique's name? Image B is like carousel ...
3
votes
1answer
428 views

Best UI approach for a assigning tasks in a workflow to users

I'm working on a workflow-kinda application where a project leader is required to assign tasks in the project to users. Following are the key inputs to this requirement: The users are selected by ...
3
votes
2answers
224 views

Are there any design patterns for 'saving' or 'collecting' rows in datatables?

I'm trying to research a way to support this, and the requirement is that there should be a 'quick reference' area for users to save/store particular rows from a search results page. It's almost ...
3
votes
1answer
546 views

Would the Quick return design pattern that is utilized in Google+, Google Now, Chrome also suit well in Gmail on Android?

The Quick return design pattern is a feature that makes the action bar/split action bar to dissipate as a user begins scrolling down content, just to reappear as soon as the user starts scrolling up. ...
3
votes
1answer
258 views

UI pattern for shared editing scope among selected elements?

I'm having a hard time researching this pattern for WPF, partly because I'm not exactly sure of the correct term for it. As best as I can describe it, here is how this editing pattern works: ...
3
votes
1answer
224 views

TDI vs SDI - when should an app that saves files to disk have one window per “document”?

tl;dr How should an application handle windows for content-savable-to-disk (sort of documents) behave under an OS that has menu-bar-per-window (Windows, Gnome Shell) and under an OS that has single ...
3
votes
1answer
111 views

What pattern to apply to a sizable flight logging form

I need to build a form of about 15 to 20 fields for the purpose of logging a flight. I will be collecting the following data: Registration of aircraft flown Designation of the user (pilot in ...
3
votes
3answers
273 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
3
votes
0answers
73 views

Are there examples of 'anti-patterns' being used effectively? [closed]

I am sure many of us have come across a situation when we have been asked to design or implement something that appears to be an 'anti-pattern', that is to say, something that doesn't seem to follow ...
3
votes
0answers
505 views

Apple sharing icon the way to go? [closed]

Clearly the Apple share icon is coming a vert popular web standard for sharing. Do you think it can become an conventional usage? Should we adopt it and promote it more?
3
votes
0answers
340 views

Implementing the iPhone alpha navigation in the browser [closed]

Curious if anyone has examples of the alpha navigation used in iPhone apps to jump quickly through long lists, but implemented in the browser? Think - a mobile browser version of Contacts.app where ...
2
votes
3answers
236 views

Problem with repeated icons

What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
2
votes
5answers
1k views

How to accomodate a large set of filter controls horizontally on a page?

Since the left column is occupied by the left navigation, this leaves only the middle area for placing filter controls. But there is a need to provide for more filtering options in future. In such a ...
2
votes
3answers
239 views

Canonical names for GUI design patterns

In communication with colleagues and clients, which authority (website, book, …) should one refer to for canonical names of GUI design patterns (for web pages, mobile apps, desktop applications etc.)? ...
2
votes
5answers
284 views

Update vs. Save

I'm working on an application that has a lot of CRUD functionality. When creating an element, I have a button labeled with "Save". My original thoughts were to bring this "Save" button across all ...
2
votes
3answers
183 views

Group settings depending on state

I'm working on a settings screen for a web application which consists of a list of features that can be either enabled or disabled. To be able to easily distinguish features that have been enabled ...
2
votes
3answers
2k views

Where can I find a comprehensive list of UI Components?

I think this is the site where I can ask this. Sometimes I have to build specials "slider" or "scrollbar" but when I try to look for information is difficult because I don't know the proper names. ...
2
votes
2answers
142 views

Tooltip for a User-Set URL

I'm dealing with a situation where we have a place for a user-entered URL/hostname after entering and re-entering their password. I've attached an image of what we're considering below. What I'm ...
2
votes
3answers
519 views

UI: name of multiple column interface?

Is there a "proper" name for the UI wherein it has multiple columns, and as you interact with the first column, the second column gets populated with with appropriate data? These columns act as a ...
2
votes
1answer
222 views

What do you call a web layout style where a single scrollbar moves all content until each one hits bottom?

This style is being used more and more, but cannot figure out a proper term to call it. Constraints: Universal scrollbar, user can scroll from any mouse location in the viewport with the same effect. ...
2
votes
2answers
269 views

Best way of selecting one option and a list

What is the best way of display a list of options nested within two options?I placed a mockup for reference to my question. If the user click the top radio button he should pick just one among all the ...
2
votes
4answers
216 views

What happens when users register?

Usually when users register on a site does the email confirmation contain their username and password? When the user clicks the activation link does it make the user sign in or deep link them into a ...
2
votes
1answer
464 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 ...
2
votes
2answers
219 views

Why would you not want to align the name of a user and their avatar?

It's a little thing but I noticed that both google plus and facebook do not exactly line up the name of the user and their photo-the name is slightly lower than the top of the photo. Is this a ...
2
votes
2answers
599 views

Best practice for a property inspector that also allows users to edit

I am creating a UI that allows users to select and edit items and it works something like the following: A user selects an item An always visible property panel is populated with that items metadata ...
2
votes
2answers
1k views

Are group boxes a deprecated UI element?

Back in the day, it seemed like GroupBoxes were everywhere. Now, modern RIA kits don't even have them as basic components (Flex / GWT / Silverlight). Is there a reason for the decline in use - are ...
2
votes
1answer
156 views

What should the default view of a map be when you don't know a user's location?

I'm working on a project for a company with thousands of global locations. For the 'store locator' the client has asked what is the default view of the map when it's impossible to get GEO IP. I'm kind ...
2
votes
2answers
135 views

Is it 'evil by design' to give logged in users more options?

I am doing some research on whether it is considered good practice (or evil), to give more options to logged in users... there are practical reasons why we may want to do this - eg, we don't want to ...