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

learn more… | top users | synonyms (1)

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
591 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
380 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
234 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
644 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
204 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
234 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
543 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
316 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
359 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 ...
12
votes
4answers
377 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
609 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
405 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
652 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
1k 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
5k 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
541 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 ...
6
votes
4answers
2k views

Alternatives to Datagrids

I'm wondering if anyone has recommendations of alternative ways of presenting data that is "tabular" than a datagrid. Can anyone point to some examples of this?
0
votes
3answers
155 views

Trying to decide which page should be my home page [closed]

I'm not a UI person and would love to get your recommendation - which page should be my homepage? myvoternation.com or http://myvoternation.com/mvn/questions
6
votes
4answers
586 views

How to represent a one time action

I am doing serious games and simulations and I sometimes have the need to represent actions to the user that they can only do once. Basically the user issues a command that only needs to be done once. ...
11
votes
4answers
671 views

What UI designs are a good fit for the Kinect / PrimeSense DevKit?

Now that the manufacturer released the open source drivers, I'm interested in seeing what User Interfaces work well with this platform. Please share any links, source code, or commentary relevant to ...
3
votes
3answers
1k views

What are innovative, new ways to design Master/Child relationships on a page?

I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
18
votes
6answers
3k views

Autosave UI pattern

I'm developing a web app that puts great focus on simplicity and "just-use" mentality. The basic idea is to write notes. When planning the concept, we where very positive towards the idea of ...
22
votes
7answers
3k views

Why does the golden ratio work? Or does it?

This is just one example of an article promoting use of the golden ratio in design. Over the past few years I've seen quite a few similar articles, but none of them really seem to go into depth beyond ...
8
votes
4answers
343 views

Can you describe the attributes, properties, and/or elements that make a user interface pleasing to the eye? [closed]

I've read that beauty is subjective and I've read that it is objective (I tend to believe a mix of both depending on the context). However I've also read that scientists found that a person generally ...
4
votes
1answer
335 views

Is it appropriate in a touch-based mobile web app to place the equivalent of “apply” in the header?

I'm creating a mobile web app for modern touch-based browsers, and I'd like to know if it's appropriate to put the equivalent of an apply / search / go / view results / proceed button in a thin ...
3
votes
2answers
568 views

Examples of magnification/zoom to see details [closed]

I'm looking for examples of interfaces where the user is shown part of the UI enlarged or magnified so they can perform a detailed task. One example would be the magnified text on an iPhone when ...
8
votes
4answers
585 views

CMS Interface Logic. - Is this the best approach?

I am developing a cms system. Currently I am working on the Interface for adding new menu items to a menu. (Due to the cms Logic the menus are fixed, the user can not add or remove menus, only delete ...
0
votes
2answers
493 views

What are some wpf specific design resources for best practise in themeing controls? [closed]

What are some wpf specific design resources for best practise in themeing controls? Could you design legends point me to some sweet resources for themeing of WPF controls? I'm familiar with some of ...
34
votes
6answers
5k views

When is endless paging appropriate?

When is it appropriate to use endless paging in a web application (e.g. auto load or a "see more" link)? Examples Google Reader Facebook This also creates a few issues for the user: Returning ...
3
votes
0answers
335 views

Implementing the iPhone alpha navigation in the browser [closed]

Curious if anyone has examples of the alpha navigation used in iPhone apps to jump quickly through long lists, but implemented in the browser? Think - a mobile browser version of Contacts.app where ...
17
votes
3answers
2k views

Guidelines for autocomplete widgets

What guidelines exist when working with autocomplete widgets? I'm hoping for general guidelines that apply across different application types: web, desktop, and mobile. A response to a Search as you ...
12
votes
4answers
2k views

What is the best way to visually present a sitemap?

Do you know which are the common patterns for a graphical representation of a sitemap?
5
votes
1answer
878 views

What nomenclature do you use for UI Elements

Having worked with multiple OSs, platforms and UI Kits I always run into the problem of how to consistently naming things be that larger structures with names like Widgets, Views, Forms, Controls or ...
25
votes
10answers
2k views

What is a good way to display infinite nested comments?

Is there a way to do infinite nested comment threads in a way that doesn't look horrible? I realize that one could simply restrict the levels of nesting, but perhaps there's a better way of indicating ...
12
votes
4answers
421 views

What are some of the negative consequences of using dark patterns in design? [closed]

After reading up on dark patterns ( http://darkpatterns.org/ ) and radical persuasion design, I have a question. What examples are there of companies facing consequences (like litigation, lost ...
9
votes
5answers
610 views

Progressive Validation and Disclosure

I am trying to find an example of progressive validation. We have a UI for a a visual editor where a user does things like indicate dimensions in pixels or percent. The editor properties are in sets ...
7
votes
2answers
924 views

What is the most effective UI/UX paradigm for comment moderation in a CMS?

I've been working on a web CMS and I'm nearing the point where I'll be implementing comments and comment moderation. What are some common ways comment moderation is handled from a UI/UX perspective? ...
17
votes
5answers
2k views

The notification tray at the top of Stack Exchange sites: what is it called? And are there other good examples of this?

I'm trying to clean up notifications for a client site and was wondering if the notification pattern that Stack Exchange employs has a name that I can use to search for more examples.
7
votes
5answers
315 views

Preselect Text On Selection

I'm wondering if there is a rule of thumb for the scenario where a user selects a textbox that has content in it. Would it follow that all the text in it should always be selected to allow a user to ...
6
votes
2answers
640 views

Any good design patterns for managing columns in data-intensive/spreadsheet views?

I'm trying to move away from the "build a list" pattern we currently employ to manage what columns are shown. The disconnect and lack of "directness" between the table itself and this dialog is ...
25
votes
2answers
3k views

What objective qualities make a user interface intuitive?

How is intuitive defined in terms of UI? Are there any studies about what objective and measurable qualities make a user interface intuitive? What design principles, patterns, or approaches are most ...
6
votes
3answers
594 views

is there a name for the itunes selection design pattern [duplicate]

Possible Duplicate: UI: name of multiple column interface? you know: with multiple select boxes arranged horizontally, with selection filtering from left to right....
11
votes
1answer
946 views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
7
votes
2answers
239 views

Are there any design patterns for interacting with 3D objects on a multi touch surface?

I'm in a project were we would like users to interact with a 3D object. Users should be able to zoom, pan and rotate in all dimensions without using extra tools. I'm looking for best-practice design ...