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

learn more… | top users | synonyms (1)

-1
votes
1answer
79 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?
8
votes
2answers
438 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
419 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
140 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
439 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
417 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
593 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
526 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
234 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
145 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
295 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
480 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
352 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
245 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
283 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
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
115 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
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 ...
2
votes
2answers
137 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
33 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
218 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 ...
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 ...
1
vote
3answers
339 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
445 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
441 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
121 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
585 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
228 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
287 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
243 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
226 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
230 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
90 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
255 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
829 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 ...
11
votes
5answers
38k 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
277 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
626 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 ...
2
votes
2answers
192 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.
25
votes
6answers
939 views

Where to place icons in a checklist? Before or after?

I want to display a list of permissions, with tick icons to indicate what permissions a user has. Where should I place the tick icons - before (on the left) or after (on the right) each item?
6
votes
4answers
410 views

Should apps' design evolve according to the OS version?

In iOS 7, Apple revamped the whole OS's look and feel. Removing a lot of gloss and 3D stylistic elements. Does this mean that the apps built for iOS 7 must change as well to match this new style? ...
1
vote
7answers
255 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 ...
2
votes
2answers
178 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 ...
9
votes
3answers
428 views

Are new app designs deviating from conventional (better?) Interaction designs?

I am on the 3rd chapter of Joshua Clark's Tapworthy : Designing great iPhone apps And I was really taken aback by the first few pages. In these first few pages Joshua Discusses the "thumb hotspot" ...
2
votes
2answers
147 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 ...
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 ...
35
votes
6answers
3k views

Why is tree representation of data becoming unpopular?

I'm asking not about professional software like IDE's, but about OS GUI and web interfaces. A few years ago there was File manager in Windows, Gopher and other interfaces and data models like this. ...