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

learn more… | top users | synonyms (1)

4
votes
3answers
248 views

Communicating changes and new feature in my web application

We are currently in the early phases of developing a web application for a client. We have regular sprint demo's during which we take the client through the new features and changes from the last ...
36
votes
6answers
3k views

With infinite scrolling, do scrollbars still make sense?

I noticed this today on Google Plus: Virtual Scrollbar in a Google+ Gallery This is a virtual scrollbar, as opposed to native scrollbars everyone on Windows or pre-Lion OS X does know. Now this ...
19
votes
8answers
1k views

What are the best IxD/UI Pattern libraries? [closed]

Quite a few question as about design patterns for x or y interface. Where are the best design pattern libraries?
7
votes
5answers
238 views

On news apps, how does using a different colour for each category help the user?

On news websites and news apps, a specific colour is often used for the link to each category (background colour or underline colour), and I would like to understand how this is helpful for the user, ...
1
vote
3answers
467 views

Which is the best mobile pattern to use for a form's select box?

I need to design a responsive website with many widgets and forms. I want to provide the best UX to mobile users also when they interact with forms, which is often a nightmare on mobile. You can ...
12
votes
3answers
507 views

Defaulting to show all until user searches?

I am designing an admin page that will be used to manage account information for hundreds to thousands of medical offices (practices). Users will be able to take a few actions on a practice or take ...
31
votes
8answers
6k views

Best UI pattern for letting a user assign items to groups

Problem: the user has a list of about 5-20 uncategorised items and needs to categorize them into 2-4 groups. The tricky part is that the same item can be placed into more than one group (this is an ...
1
vote
3answers
294 views

mobile input feedback design pattern

I am creating email verification in IOS and want to assist the user with verifying they have entered the correct email address before sending confirmation. Some app use an instant input feedback with ...
1
vote
1answer
126 views

Main menu organization and usability patterns

I have a main menu at my application. We are refactoring the UI of the application, and we are thinking about reorganize the menu items. We are considering 2 options: leave as it's alpha sort ...
3
votes
1answer
402 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 ...
2
votes
3answers
190 views

Pagination design, reload entire page or reload just the section with data

I am building a search website, which will have results displayed using pagination. I am trying to figure out the best way to implement pagination of these results. User searches for abcd in my ...
4
votes
2answers
319 views

Can I use drag'n'drop interaction in a mobile website?

I'm currently designing a mobile website. My intention was to use interaction patterns like drag'n'drop for some interactive features. E.g. I want to ask users to sort 5 items by personal relevance ...
2
votes
2answers
166 views

Explaining embeddable widgets to not so tech users

I need to design a view for two embeddable widgets (login and calendar) on a web-app for desktop browsers. The view should explain what the widgets are and how should the user set them up. Is there ...
2
votes
1answer
207 views

Require Android UI patterns for making a choice between Camera and Gallery

In my app, I am looking to give the user a choice between two equal actions; choosing to take a picture with a camera, or selecting an image from the gallery. I am looking for a suitable UI ...
5
votes
2answers
2k views

Responsive design Pattern for secondary navigation - is there a way not to swamp the user?

I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this: (This one is taken from ...
2
votes
1answer
113 views

When is it acceptable to have *no* main navigation item selected?

In our web application, there's a very conventional top navigation bar, with five or six items. As is pretty common, the user accesses their individual Account Settings form by clicking their username ...
0
votes
3answers
271 views

Can we avoid using a form when creating something?

When the user creates something, let's say a page, an user profile or even a blog post, we can easily imagine a transitory page with a form that requires input. Some fields of can be mandatory and ...
3
votes
1answer
123 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 ...
2
votes
2answers
132 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 ...
9
votes
4answers
1k views

Is there an established name for long scrolling web pages? [duplicate]

Is there a name for very long scrolling web pages like the Android KitKat page? I am trying to Google for CSS tutorials and other examples, but have no idea what the design is called.
25
votes
10answers
3k 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 ...
12
votes
2answers
2k views

What do you call websites that make heavy use of vertical scrolling?

This question is similar to Why did scrolling vertically became a pattern? I see a lot of modern websites moving to larger, singular pages with more content and more vertical scrolling. This is often ...
0
votes
0answers
32 views

Design mobile app with slide menu button at top right of screen [duplicate]

I've met a very very odd situation when dealing with mobile app design suggestion for a Project Manager. It's about the Side-Menu (or Slide-out Navigation, Menu Drawer...). The pattern is not new at ...
0
votes
1answer
57 views

Looking for good resources for interface patterns not related to web or mobile

I know there are lot of resources for examples of excellent interface design for web and mobile but I'm looking for some design patterns outside of those spheres. Preferably appliance type interfaces ...
2
votes
2answers
174 views

How to design a parent child relation Edit dialogue

Does anyone know a good way to design an administration dialogue to add and edit items that have a parent child relationship? In the mockup below, I have bike categories and for each bike category i ...
3
votes
1answer
376 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
1answer
388 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
218 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 ...
2
votes
2answers
115 views

How to add a number of items in to a “new category” or an “existent category”

I have a list where the user can choose multiple items, and than he can press a button that will "add the selected items to a category". But I want the user to be able to add the items to: a) A new ...
1
vote
3answers
228 views

Best-practices for context-sensitive reports download section

Imagine a web-application that lets student take tests, analyzes the results and presents them to school administrators. The dashboard shows various stats, score break downs for the school overall, ...
11
votes
4answers
701 views

What UI designs are a good fit for the Kinect / PrimeSense DevKit?

Now that the manufacturer released the open source drivers, I'm interested in seeing what User Interfaces work well with this platform. Please share any links, source code, or commentary relevant to ...
0
votes
1answer
210 views

Datagrid Selection: Consistency & Placement

I'm working on an application that heavily utilizes datagrids (unfortunately) and I question the placement of the select option. Refer to my attachment and the list below: Select Option - Datagrid: ...
1
vote
1answer
894 views

Better way to display excessive data in table cell iOS

I am displaying data retrieved from server in UITableView. Each cell has to display more than 10 fields as shown in figure. Its looking very ugly if I just simply put up the fields in cell. I have ...
8
votes
1answer
373 views

Are fixed mobile headers and footers that disappear and reappear on tap really useful?

These fixed mobile headers and footers disappear and reappear on click / tap using jQuery Mobile's data-tap-toggle which is on by default. How useful are they? Pro: More content is available when ...
11
votes
2answers
307 views

Should primary click/tap action be listed in contextual menu as well?

Contextual menus are a nice way to extend the number of actions that can be performed directly on an item. However, the primary action is sometimes doubled there, usually listed as the first one. ...
1
vote
4answers
210 views

Should a “Preview” page be a pop-up or on the same page?

We currently have a page that shows a preview of another page (newsletter) on an iFrame the moment the file is uploaded. Is this better versus providing a button that says "Preview", which when ...
2
votes
1answer
212 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. ...
4
votes
6answers
567 views

How should a breadcrumb behave?

What is the expected action when a breadcrumb is clicked? I have a hierarchy of data that includes meta descriptors such as: PersonName / Assets / House I have a page for a list of Assets, a home ...
0
votes
2answers
78 views

Selected or deselected items by default (events site)

I'm just curious how to go about this issue. I'm looking at an events site, where you can list the interest that you have in the initial sign up area. There are specific 'select all' and 'deselect ...
7
votes
5answers
316 views

Preselect Text On Selection

I'm wondering if there is a rule of thumb for the scenario where a user selects a textbox that has content in it. Would it follow that all the text in it should always be selected to allow a user to ...
10
votes
4answers
263 views

Where should pasted objects in a drawing application be placed?

We are creating a drawing application where users can add shapes to a canvas. They can cut/copy/paste via keyboard shortcut or context menu. For the context menu, it's pretty clear that the pasted ...
1
vote
1answer
227 views

Universal auto-generated avatars

I'd like to find a way to create recognizable avatars automatically. We are working on a cloud application and for one segment of our target audience it's very likely that people will upload ...
0
votes
3answers
686 views

Alternate UI Pattern for slider

I am designing tablet form where i have to capture term of investment for a deposit. Currently, i have designed a typical slider component but we have some technical limitation due to which we are not ...
2
votes
2answers
138 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 ...
1
vote
7answers
235 views

Search - Two Buttons

I'm working on a site that needs to have the ability to search News (within the portal) and the entire web. This is an option that my colleague came up with. It doesn't seem right to have two buttons ...
4
votes
1answer
528 views

A use case for popups?

I had always believed that popups, opening in new browser windows, were bad practice for various reasons including: Breaking the flow, bad for accessibility, potential to hide content etc. While ...
5
votes
2answers
837 views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
5
votes
4answers
327 views

Should clicking a drop-down menu in a native app a second time close it?

Why do some UIs use drop-down menus that can be closed with a second click, while others do not? It really annoys me when I have to click outside of the menu in order to close it and I accidentally ...
2
votes
1answer
1k views

Master details form in Android

I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common. In this moment, I have something like this: ...
3
votes
1answer
460 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. ...