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

learn more… | top users | synonyms (1)

12
votes
5answers
2k views

How to represent optional fields?

I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields. However I think that asterisk notation for required fields is a widely ...
32
votes
2answers
6k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
6
votes
4answers
1k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
5
votes
3answers
787 views

Alternative sites devoted to UI micro features

Little Big Details is a microblog that shows screenshots of various user-interfaces, highlighting the the "little" things that make a "big" difference. For example, the latest entry highlights a ...
11
votes
2answers
2k views

Fixing UI Antipattern “multiple menu levels”

My brain seems to be pre-programmed to make administrative UI's look like the mockups below. In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
5
votes
1answer
297 views

Chrome Options UI Pattern Name

I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern? As you ...
2
votes
2answers
217 views

Why would you not want to align the name of a user and their avatar?

It's a little thing but I noticed that both google plus and facebook do not exactly line up the name of the user and their photo-the name is slightly lower than the top of the photo. Is this a ...
9
votes
2answers
816 views

What is the name for the technique used on Yammer, LinkedIn etc profile pages?

The technique I mean is where the profile page will say "You have completed 60% of your profile, fill in your x, y and z to get to 100%." I think this is a very powerful technique but I can't remember ...
5
votes
8answers
853 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 ...
4
votes
2answers
1k views

When designing (UX/IA) a property search system what are some important things to remember?

I'm designing the UX for a property search system. The platform is FSIS. I am basically looking for best practices in doing a Faceted Search while being able to incorporate many refiners based off the ...
5
votes
2answers
313 views

Best practice for in-page search algorithms (not SEO for Google or the like)

my team and I are working on a football hub website and we would like to make the in-page search engine as powerful as possible as many uses would like to use search. Q: Are there any best practice ...
1
vote
5answers
426 views

What is the standard convention for ordering On/Off buttons?

I am working on a Windows application that has a set of On/Off radio buttons, specifically "Low Power" and "Normal". I have arranged them so that the Low Power button comes first, and the Normal ...
3
votes
2answers
728 views

tab menu + side panel - how to organize menu and “context menu”

I have a dashboard, with tab menu (tabs over the content) and a side panel with a vertical menu. My question is. i would like to make one menu (tab or side panel) as first level menu and the other ...
5
votes
2answers
8k views

A Better alternative to display Hierarchical Data than using TreeView

I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
2
votes
1answer
548 views

Where to find design patterns for product management web apps?

I'm creating a IA-prototype for a product-management web app. I don't know the field (product-management) that well and I'm looking for samples. The requirements for this Web-app are: web-based ...
2
votes
2answers
536 views

Best practice for a property inspector that also allows users to edit

I am creating a UI that allows users to select and edit items and it works something like the following: A user selects an item An always visible property panel is populated with that items metadata ...
-2
votes
2answers
569 views

Could you please comment on this web layout? [closed]

I am designing a forum related to certain academic topics with features similar to Stack exchange sites. I have designed a web layout to facilitate easy navigation between the post overviews & the ...
8
votes
4answers
558 views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
13
votes
8answers
2k views

Do you know any comparative resources like mobile-patterns.com [closed]

Mari Sheibley is the lead designer of foursquare and has created this awesome site comparing mobile UI patterns - for example showing how a feed page looks in different applications, etc. I've found ...
6
votes
4answers
273 views

How many interface designs are necessary beyond the initial mockup phase?

Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...
6
votes
4answers
3k views

Redesigning a My Account Page, What kind of navigation is best?

I have had this low priority pet project to redesign the My Account page on our site, http://www.yousendit.com, and since this has been on the back-burner for so long, I cannot determine the right ...
5
votes
1answer
1k views

Examples of Master/Detail UI for “Social-Style” data [closed]

I'm looking for examples of interfaces that allow users to explore complex, interconnected systems on a variety of levels, from high-level patterns to low-level details. In the mapping world, this ...
5
votes
5answers
3k views

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
4
votes
2answers
242 views

What to call UI element like 'like' or 'mark as favorite' ?

Is it a kind of button? Do such UI components have a specific name?
2
votes
2answers
994 views

Are group boxes a deprecated UI element?

Back in the day, it seemed like GroupBoxes were everywhere. Now, modern RIA kits don't even have them as basic components (Flex / GWT / Silverlight). Is there a reason for the decline in use - are ...
3
votes
2answers
834 views

What's the best UX option to help users choose between three items

So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
24
votes
10answers
13k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
21
votes
3answers
4k views

Best pattern for international address forms?

I've noticed an emerging pattern in web-based forms is to put the country field before city/state. This is contrary to how we would normally fill out an address on paper, but it allows us to have ...
10
votes
7answers
2k views

“Clear input” button within a search box - why nobody but Apple uses it?

In my opinion, this button is very useful, giving you an ability to start over in just one click. But I can't seem to find non - Apple software that implements this pattern. Why? EDIT: I'm not ...
1
vote
4answers
599 views

Is it good or bad to follow iPhone native look and feel in design of mobile Websites?

Is it good or bad to follow iPhone native look and feel in design of mobile Websites? I'm making Mobile website for Smartphones (iPhone, iPod Touch, Android, BlackBerry, Windows 7 Mobile) but the UI ...
9
votes
6answers
382 views

Do comments really need a “title”?

I'm sure most (or all) of you have seen sites that offer a comment form and a "title" field. However, is the title field really necessary? If so, what is the motivation behind it? In my opinion, it ...
2
votes
2answers
242 views

What's the best design pattern for splitting things in parts?

I want to design the following interaction: user buys 1 ton of sugar and 100 apples, and wants it to be shipped to him in 3 different packs: Pack 1: 200 kg of sugar and 50 apples Pack 2: 100 kg of ...
4
votes
5answers
665 views

Where do people get web design patterns/inspiration from?

I like to think I come up with original concepts as and when I can but I do find it really gives me a kick start when I can see examples of what other people have been doing to inspire my own design ...
5
votes
6answers
206 views

How do you handle prohibition inside a “free form” interface?

I come to you with a dilemma that I think is most closely identified with 'user experience.' I'm wireframing a web application, yet this "free form" user area has posed a few interesting challenges. ...
2
votes
5answers
1k views

What's the best web design pattern for a list of people?

I have a list of people. Totally around 200. I need to display the people's name, pictures and some other information in one page. Users could sort those people by name, country and other attributes. ...
4
votes
2answers
236 views

Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?

I'm developing a user-driven sandbox application, wherein the user (more or less) builds their interface. In my preliminary web design drafts, I've found myself favoring a contextual content area at ...
5
votes
5answers
570 views

What are some examples or design patterns of an aggregating website with different types of content? [closed]

I'm designing a website that is meant to aggregate on it's homepage different types of contents such as: Blog posts from around the web User generated movies, presentations, documents, pictures etc. ...
7
votes
4answers
1k views

Design / UX examples of multiple sub-sites with the same general look and feel

I'm working on an upcoming large project for a company that has many entities. They've recently decided that they want a master website to rule all of their entities. Each entity would have a section ...
3
votes
1answer
323 views

Do you know any good examples of mode-driven GUI frameworks? [closed]

I strongly believe UI usability and consistency would benefit a lot from frameworks able to generate high-quality GUI skeletons starting from formal specifications of data and processing requirements. ...
4
votes
3answers
371 views

Multiple instances of a Property Editor

I am designing an application in which several kind of user objects have properties. When clicking an object, the properties of the object would be shown in a pane similar to the Properties pane in ...
13
votes
4answers
382 views

Best Practices For Marking New Content

In my web app I want to clearly tell a user what has happened while he was not there. At this time I just highlight new posts with yellow. But if there were many changes then the whole page is ...
4
votes
5answers
626 views

Encourage users to tap the “review” button

How to layout an Info screen, so as many as possible are tempted to tap the "review" button? I wish users would tap the "review" button and write a long positive review on the app store where they ...
0
votes
3answers
417 views

Magic meaning of Apply button on a form

I understood that [Apply] button does the same as [OK] without closing the modal form. Is it a programmer's trick to see changes outside current form and still be focused to it? Maybe it is like safe ...
3
votes
4answers
658 views

Examples of designs that keep a title or heading in view [closed]

I'm looking for examples of designs where there is special logic that prevents a title, heading, or landmark from being moved out of view, so that the user doesn't lose their context. Examples: ...
4
votes
2answers
3k views

CRUD Desktop Best Practice

I always use this design for CRUD Desktop Form: Is it a good design for a CRUD Form? Do you have any suggestions for a better crud desktop form?
21
votes
2answers
2k views

Do progress bars help completion rates?

I'm expanding on a question I posed in comments on How do you indicate progress to users in a multi-step form?. Roland made the comment "because everybody wants to reach 100% percent" when discussing ...
9
votes
5answers
6k views

Desktop software design patterns

There are a lot of resources on the web about web applications design patterns, but only a few about desktop applications. And this is quite strange as most of the business targeted software is ...
4
votes
6answers
558 views

How should a breadcrumb behave?

What is the expected action when a breadcrumb is clicked? I have a hierarchy of data that includes meta descriptors such as: PersonName / Assets / House I have a page for a list of Assets, a home ...
6
votes
4answers
3k views

Best Web UI for Large Amounts of Data Input

I'm looking for a good solution when users need to enter large amounts of data into a web application. Example A store owner wants to enter 30-40 new products into the system every month. The ...