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

learn more… | top users | synonyms (1)

2
votes
3answers
816 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
243 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
347 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
303 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
267 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
99 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
326 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 ...
14
votes
5answers
60k 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
304 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
767 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
258 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
969 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
424 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
277 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
187 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
455 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
167 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 ...
15
votes
3answers
3k 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 ...
39
votes
6answers
4k 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. ...
3
votes
1answer
650 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. ...
5
votes
2answers
167 views

Forgiveness Enabled Dialog Pattern?

I'm working in some workflows, and we've caught a number of possible exceptions (before actually implementing) that might allow the user to correct their actions. We're debating between just sending ...
11
votes
2answers
325 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. ...
4
votes
1answer
182 views

Handling space constrained interfaces with many meta data options

I have the equivalent of a timeline with individual objects that can have many options. The issue is that the visual representation must remain constrained to easily read the timeline. The current ...
4
votes
3answers
3k views

Are mega footers good UX? [duplicate]

I've noticed that several websites — especially universities and web development sites — have recently started placing mega-menus in their footers. Here are some examples of what I ...
4
votes
1answer
407 views

Alternative to a columns of checkboxes in a table

Here's the scenario: A Person has a bunch of Accounts. Accounts may (or may not) have Services attached to it depending on the type of Account. Currently there are two types of Service (indicated by ...
2
votes
2answers
1k views

Adopting sidebars in iOS apps

It looks like several known apps for iOS (Foursquare, Spotify) now adopt the sidebar that already was present in Facebook app (screenshot is from Spotify for iPhone): AFAIK, this is not a standard ...
1
vote
2answers
318 views

UX for encouraging naming of an auto-saved item

I’m working on a web application where users can generate results after answers questions in a workflow. Over time, they will use this workflow to generate additional, different results. Our goals ...
8
votes
1answer
475 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 ...
3
votes
3answers
216 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 ...
5
votes
4answers
400 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 ...
6
votes
2answers
284 views

Is it OK to have a global navigation tab link to another site?

My organisation, which provides information and advice, is starting to sell things online as well. The 'shop' will be run on a different platform and is effectively a different website (but will be ...
9
votes
5answers
619 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
7
votes
1answer
125 views

strategies for applying properties to many items

I'm working on a web application where one of the workflows centers around the configuration of a large number of items. An important part of this configuration is applying one or more properties to ...
4
votes
3answers
557 views

Using a table within a mega drop down

I've a quick question about combining a mega drop down with a tabular list view. Ideally I'd prefer jut to have the list to pick from but the list also requires sorting. I'm not really sure that this ...
2
votes
1answer
214 views

Should Desktop UI Patterns include Keyboard Shortcuts?

Not much to describe here. But I think that it'd be a good idea to have UI-Pattern documents to suggest relevant keyboard shortcuts. However, I haven't seen it anywhere and I'm wondering whether this ...
0
votes
0answers
58 views

Consistency in Mobile App [duplicate]

Should we maintain same design for all different native app platform? Or can we change depends on mobile design flow? Please clarify my comfussion. Ex: 1. facebook same in both android and iphone 2. ...
0
votes
0answers
54 views

Mobile pattern library with animated IxD examples? [duplicate]

Can anyone suggest a blog or pattern library that demonstrates interaction design examples? Everything I've seen to date uses static screenshots, but nothing that actually animates the interactions or ...
1
vote
0answers
182 views

Do you know some interesting patterns galleries for tablets? [closed]

I need to find some good examples of patterns for tablets. I know already a list of mobile patterns websites that I find really usefull but now I need something specifically oriented to tablet design. ...
3
votes
5answers
429 views

Using scrolling up from pageload to reveal additional content

There are certain sites have a pattern where the page loads, and then if a user scrolls up, additional content is presented. I know that NBCNews.com does this with certain pages, and I've been told ...
9
votes
4answers
521 views

When is it appropriate to split functionality into separate apps?

I'm a designer and my company has a single app that serves two different types of user. One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
3
votes
1answer
2k views

Examples of patterns for multiple file uploads using drag and drop?

I've been working on an app that involves making an application for a permit. Applicants typically need to upload 5-16 documents (drawings and specifications) before they submit their applications. ...
7
votes
1answer
165 views

Assigning tasks to user based on work load

I'm working on a pop up where you can assign percentages of applications to users based on current work load. For instance, I have 100 applications that need to be worked on and are not assigned to ...
2
votes
1answer
121 views

Design paradigm for order process where customer has no existing record

I'm creating an intranet app (MVC and razor) for a jewellery business. One of the forms is for creating a custom piece of jewellery, sometimes these are made for display purposes and have no initial ...
3
votes
2answers
162 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 ...
0
votes
1answer
117 views

Similar Template Design Causes “Imitation” Concerns

I'm new to the web design and web comic fields. A little while back I posted this article on how to change my site design because it looked like it was from the 90s... How to not make my website ...
2
votes
3answers
285 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 ...
3
votes
2answers
120 views

Interface to merge suggested updates with existing information

I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...