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

learn more… | top users | synonyms (1)

0
votes
2answers
133 views

Does a site with a sticky NAV need NAV elements replicated in the footer?

Does user expectation of the footer pattern necessitate having NAV content repeated in the footer even if the site has a sticky NAV which might find the screen filled with 2 NAVs simultaneously at the ...
5
votes
8answers
891 views

Creating a shared pattern library

I work in a small but growing team of UX designers developing a suite of web applications. It's become obvious that we would benefit from a common pattern library, but are unsure how to get started or ...
1
vote
3answers
364 views

Best way to show one-to-many relationship in a grid?

This is probably the most common issue when it comes to grid/table design; How to display one-to-many relationship such not to repeat the item nested. Please take a look at two solutions I came up ...
1
vote
2answers
136 views

Any standard references that list the entire gamut of GUI widget/controls? [closed]

Are there any comprehensive, standard (or sufficiently good/popular) references/guides that list/detail/categorize the entire gamut of GUI constructs/widget/controls? Some UI controls are common, ...
25
votes
9answers
4k views

Why did scrolling vertically became a pattern?

Why do most of today's websites, especially news and blogs, use mostly vertical scrolling? Also why has it become a pattern, that the more you scroll down you find older material, rather than ...
0
votes
4answers
261 views

Drawing attention to top navigation

I have been asked to draw more attention to the top or main navigation. Home page here. First question: How would you do that? (Boss suggested multi-color boxes.. bad idea to me) Secondly: Drawing ...
-1
votes
1answer
77 views

Best way to show exclusive forms?

I have to develop a page with forms that are exclusive each other. What is the best way or best practice to display mutually exclusive forms?
1
vote
3answers
410 views

Is it relevant to be sarcastic/funny when you want a product to be friendly ?

When you're not facing the one you're talking to, without body language, it's hard to communicate what you want him to feel. A good example is those status on Facebook : God damn it, I woke up ...
8
votes
1answer
385 views

What is the difference between anti-patterns and dark patterns

Both are generally bad when they find their way into the user experience of a product and we are advised to know about them but avoid their application. Specifically what is the difference between ...
0
votes
3answers
138 views

What is the best way to display the file and line number to a user?

I am working on a UI to to display a test to the user. I would like to display where it is defined. For example: /path/to/file:line_number Given <this condition> When <I do this> Then ...
2
votes
2answers
175 views

Is there a common term for an editable/searchable drop down field?

What is the common name or design pattern for a UI element which is like a combobox but has the added facility of typing to refine the options returned in the drop down.
5
votes
1answer
380 views

what's the design pattern for the sidebar navigation used by Amazon, NewEgg and LightInTheBox?

See the below navigation examples currently used by Amazon, LightInTheBox and NewEgg. What's the pattern called? The content containing the subcategories would slide out when the mouse is hovering ...
1
vote
4answers
359 views

Best way to get feedback from users [duplicate]

Form fillings through survey or feedback form and even email responses is now getting boring and appears to be a waste of time for many users to click on or even answer. I even revert to "you must ...
4
votes
3answers
257 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
240 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
513 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
515 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 ...
32
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
309 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
132 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
426 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
200 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
332 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
217 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
114 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
133 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
190 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
385 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
406 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
221 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
116 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
249 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
709 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
213 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
945 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
393 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
219 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
216 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. ...