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

learn more… | top users | synonyms (1)

1
vote
2answers
214 views

Time Zones and Calendar Interfaces

I am a systems administrator that schedules when a call center will be open to take calls from hospitals. We have 3 elements: Systems Administrator (Ohio - ET) Call Center (Denver - MT) Hospital ...
0
votes
1answer
113 views

Has anyone ever seen a presentation/article comparing native mobile navigation/UI elements?

I'm looking for a presentation or article where someone goes through all the native UI and navigation elements for different mobile platforms* correlating them to each other and explaining when to use ...
2
votes
1answer
270 views

Filtering results in a given radius [closed]

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
0
votes
2answers
205 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 ...
1
vote
1answer
531 views

What pattern should I use for merging data display tables

I have a situation where i'm splitting one huge table (it is beyond 3 folds of screen) and creating two tables (one is new and other is updated version of old) Which are again huge in terms of ...
0
votes
5answers
2k 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
3answers
574 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
264 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, ...
0
votes
4answers
317 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
83 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?
10
votes
3answers
490 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 ...
1
vote
3answers
443 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 ...
0
votes
3answers
145 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 ...
5
votes
1answer
546 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
519 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 ...
1
vote
3answers
761 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
544 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 ...
0
votes
1answer
279 views

Is there any definitive research on modal/overlay forms? Specifically, dismissing behaviors

I am interested if there is any specific research or user research on dismissing modal or overlay form dialog boxes. The pattern that includes a semi opaque overlay of the application with an input of ...
1
vote
1answer
181 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 ...
2
votes
2answers
334 views

Is there a term for a smart text field that provides a different experience based on the content entered into the text field?

I'm designing an experience that will require a text field to "recognize" content and instantly direct users to different paths from the same point (same text field & CTA) based on the text ...
3
votes
1answer
588 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 ...
4
votes
2answers
399 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
1answer
303 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 ...
4
votes
3answers
335 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 ...
5
votes
2answers
3k 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
118 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 ...
3
votes
1answer
125 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
146 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
2k 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.
0
votes
0answers
36 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 ...
3
votes
2answers
320 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? The mockup below x bike categories and for each bike category y z ...
0
votes
3answers
275 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 ...
1
vote
3answers
389 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 ...
3
votes
1answer
546 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
538 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 ...
2
votes
2answers
139 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 ...
2
votes
3answers
775 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
0
votes
1answer
241 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
1k 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 ...
1
vote
3answers
337 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, ...
1
vote
4answers
287 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 ...
3
votes
2answers
248 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
1answer
262 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. ...
0
votes
2answers
98 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 ...
1
vote
1answer
313 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
1k 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 ...
13
votes
5answers
57k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
10
votes
4answers
298 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 ...
4
votes
1answer
749 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 ...