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

learn more… | top users | synonyms (1)

1
vote
1answer
113 views

What approaches to online commenting best promote high-value discussions and content?

Anyone who's read a news article online... ever... can see that old-style commenting ( ie: Enter your name, email address, and website (optional) ) is broken. StackOverflow's reputation model, and ...
1
vote
2answers
143 views

Link-heavy web GUI patterns

There is an enterprise system where all entities are interconnected. Let's say we have following entities for a example: Customer, Order, Product, Contact, Employee. The preferred GUI style is ...
1
vote
2answers
90 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
1
vote
1answer
166 views

Term for a top menu that appears when scrolling up?

I am experiencing more and more pages using this style of top menu. When you scroll the page downwards, all is fine, but as soon as you need to scroll up for some reason (such as to read the ...
1
vote
2answers
100 views

What would you call that pattern for entering phone numbers?

how do you call this type of pattern where you first can select the type of a phone number, and then in the next field enter the phone number itself (the phone number being an example). This is well ...
1
vote
1answer
543 views

Password reset with lost email functionality

I have searched and viewed most of the other questions and answers about implementing forgot password functionality on a website. However, we have a unique situation. When a user registers an account ...
1
vote
1answer
251 views

Best way to capture users facebook & twitter usernames?

When capturing a users details, where the goal is to record their twitter handle (@username) and Facebook URL (/username121) what would be the best way to do this? At first I thought using a simple ...
1
vote
2answers
446 views

New navigation pattern - Time.com

Recently I ran across Time.com's new navigation pattern. What do we call this? What do you think about it? What is the use case for it? My first impressions for the large screen are: the site is ...
1
vote
1answer
123 views

What is the best Menu pattern for large dataset?

I was searching on various UI components that is out there. new, old and more. I want to know, Are there any good website which lists and compares web UI components? I am specifically looking for ...
1
vote
2answers
187 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 ...
1
vote
4answers
486 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
2answers
272 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 ...
1
vote
2answers
253 views

What is a good globalization pattern for user-entered content?

I'm trying to come up with a pattern that will support globalization for user-entered data. For each language, the Admin User can enter a Name, Description, and possibly other fields for their own ...
1
vote
1answer
172 views

How to represent asynchronous states?

I am working on an interface where there is a list of things (tests) that can be running, drafts or running and pending tests. In the latter options the same object represents two states (A - the ...
1
vote
2answers
152 views

name for top-of-page informational messages?

Many apps show informational messages to users in a pane at the top or bottom of the sceen. Often these are shown sliding down after an important operation completes like saving data or sending ...
1
vote
3answers
409 views

How to list items with variants in an iOS Table View?

I'm looking for an elegant way to show a list of items in a Table View, where most (not all) items will have 2 variants. If I lay the items out as is (with A and B represented by icons): ...
1
vote
1answer
106 views

What do you call a control that changes the relative sizes of two sections?

I want to implement a control to change the relative size of two sections within a single entity. This would use an east-west resize cursor, and as the user dragged it would make one block smaller ...
1
vote
3answers
747 views

What are good visual metaphors for exploring many-to-many relationships?

Right now I'm using two lists side by side where clicking on an item in list A filters list B to offer only the Bs related to the selected A, and Vice Versa. So clicking on B3 make A2 and A5 disappear ...
1
vote
1answer
668 views

Comments Design Patterns or Best Practices?

Are there any resources online that discuss best practices for comments/threaded discussion systems? I'm wondering if there has been any consensus on issues like comment edit windows, deleting ...
1
vote
2answers
2k views

Multiple edit table UI

I am wondering if you have seen a table design on web where multiple items could be edited at the same time. For example if I have a column with title group name and the first row is having value ...
1
vote
1answer
62 views

Android design convention for saying a user needs to complete an action first?

I've read the Android design conventions, but can't see a good solution. I have a 3 tab mobile application. Tabs 2 and 3 need a selection made on screen 1 before they will work. The user enters at ...
1
vote
1answer
213 views

Is a wizard the best design pattern for this problem?

So my web app lets users charge monthly subscriptions for email newsletters. In my next update, I am completely retooling the user experience and need some advice. Users can create multiple plans for ...
1
vote
4answers
184 views

How could a webpage containing multiple tables be displayed effectively?

I am designing a user management tool where users will be made up of several groups. Each group has its own table, but the table headings need to be sticky. Example of a table with a sticky header ...
1
vote
1answer
171 views

Advantages/disadvantages of a ring or stair design for long page websites

I'm currently planning for my personal website, which I plan to make as a long page website. (See this for an example of a long page website) As how I imagine my Experience section, it will ...
1
vote
1answer
110 views

What is a Design pattern for “Remember Me” that forces user to explicitly choose “remember” or "do not remember?

We have a very nontechnical user base. We provide a "Remember Me on this computer" option (checked by default) but perhaps it should not be checked by default. However, I want to make sure they have ...
1
vote
4answers
255 views

What are the Design Patterns to indicate something has been clicked?

There are different Design Patterns to indicate something was clicked depending on whether it's text (changing the link color) or an image (special clicked picture). I'm looking for an effect that ...
1
vote
1answer
154 views

Are there any examples of multi-screen or multi-device design patterns?

There are increasingly more offices and work environment setups that allow employees to use multiple screens to do their work, and there are also many people who use multiple devices at the same time. ...
1
vote
1answer
381 views

What pattern is used on LinkedIn's profile strength meter?

On LinkedIn, there is a pattern/widget that is used in several places. Most notably, it is on the right hand side of your LinkedIn profile, which shows how complete your profile is. When you hover on ...
1
vote
2answers
233 views

On mobile web app, where should primary & delete buttons go?

I'm looking at designing a web app for that allows users to view details info of an item and do one of 3 things Create another item by "copying" the current one (primary action) Edit specific ...
1
vote
4answers
292 views

How to show forms on One page websites

Our earlier website was an old school design with window size fixed pages with a lot of unnecessary content. We shifted to a one page website. We aim at acquiring leads for business through the site. ...
1
vote
1answer
529 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 ...
1
vote
1answer
170 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 ...
1
vote
3answers
372 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
4answers
271 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 ...
1
vote
1answer
292 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 ...
1
vote
1answer
380 views

Status Bars and their Nature [closed]

I want to know more about status bars, what are they useful for and what is the appropriate way to use them. I've noticed the following: Status Bars are always located at the bottom with the most ...
1
vote
2answers
306 views

Is there a design pattern for pull-down to <action> gestures?

Wondering if there is a design pattern for the RealMac Clear app on iOS that enables uses to create a list item by pull down? I have seen pull down to refresh on Android and WP7 issue, btw: ...
1
vote
1answer
751 views

What are the best practices for designing quote request forms in the insurance industry? [closed]

Can any of you suggest studies, usability test results and patterns for best insurance quote forms? How is this different from ecommerce checkouts or does much of the research around this also apply? ...
1
vote
1answer
378 views

Separating actions on items from general actions in a toolbar

Rearranging an existing toolbar of ours, I would like to separate between types of action buttons. General actions that applies to the system, e.g. Settings, List actions that applies to the entire ...
1
vote
1answer
544 views

Advice on great examples of social networking design ( profiles / search / my profile )? [closed]

I'm looking for some good examples of social networking based websites that have great designs: What to make the homepage Browsing users Showing profiles Searching for users or information Search ...
1
vote
1answer
115 views

Dynamic picklist Vs. All options with active/inactive selections

In a tool that has filters that allow the User to drill down to the data that is most useful to them. Would it be better to dynamically populate a Delivery Time pick list with only the available ...
1
vote
2answers
347 views

Alternatives to Heavily Datagrid based data entry / editing

We've got a well established software base... thats getting on the dated side... and a lot of our UI relies on many datagrids on the same page/form etc. I've mentioned that I think this makes our ...
1
vote
0answers
141 views

Popular iOS UX patterns that are not (yet) in Apple's design guidelines [closed]

Other than the slide menu navigation pattern, what are other "not-yet-blessed-by-Apple" UX patterns that have emerged in many popular iOS apps? Here's why I'm asking: @JohnGB's answer to this ...
1
vote
2answers
141 views

How to mockup conflicting user preferences

I wanted some ideas for a mockup for a preferences page. Basic problem is how to deal with global preferences - e.g. I only want to get SMS not email conflicting with product preferences - e.g. some ...
1
vote
3answers
388 views

Multi-selection experience

We have a form that allows a person to indicate a curriculum, level, subject and price, but we're trying to figure out the most intuitive way of doing it. There's a few challenges though: The ...
1
vote
2answers
228 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, ...
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. ...
1
vote
2answers
549 views

Long form sales page techniques and / or examples? [closed]

I've worked with a number of UX experts over the last several months and while I have resisted going down the "long form" path, they have circled me back around to this time after time without fail. ...
1
vote
1answer
216 views

Patterns in thinking driving UX design? [closed]

Ok, this question will be tricky. We were having a discussion among some colleagues, and I came up with the hypothesis that most of the current-accepted UX design patterns are mostly based on our ...
0
votes
4answers
226 views

Should I make an effort to prevent trivia questions from being repeated too quickly?

I'm coding up a fairly simple trivia game. Right now, I have about 350 different pairs of questions and answers. Each question is chosen at random from the 350 before it is displayed. While it's ...