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

learn more… | top users | synonyms (1)

3
votes
2answers
301 views

Are there any UI pattern sites with a bookmarklet / selective screen capture (think Skitch) tool?

For over a year now I've been trying to get into all of these UI pattern sites, but the fundamental flaw I've found across the board is the level of effort it takes to create/post styles you come ...
0
votes
3answers
518 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
463 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 ...
4
votes
5answers
336 views

What is the best pattern to distribute items into several buckets

Let's consider the following: A company wants to ship 3 types of fruits (apples, watermelons, strawberries) between two cities. Company has got 3 cars that can be loaded with fruits. Each car has a ...
25
votes
5answers
2k views

Should Android and iPhone UI be different?

I'm not completely new to developing apps, but I'm at a point where I'm trying to develop something and deploy it on several mobile platforms. To only concentrate on two major ones, suppose I'm ...
1
vote
3answers
2k views

Tap to hover and double-tap to click?

One of the limitations in mobile design is the lack of any sort of hover state. This is especially problematic when it comes to tooltips. So why isn't the system one where: single tap = hover and ...
4
votes
2answers
3k views

What is the difference between a 'slider', a 'gallery' and a 'carousel'?

From a pattern perspective is there a difference? Or are they really different names for the same thing?
6
votes
4answers
881 views

Deliberate Barriers to Entry in Web Design

ACHICA.com has taken the "members only club" concept to a level I've never seen online; you can hardly view anything on the site without registering. This is the first time I've seen barriers to entry ...
7
votes
4answers
1k views

Form Design with fifty search criteria

I am working on a search screen which has 50 fields having the following types of controls. Also one more problem is user can choose any one of the search criteria that can still fetch the results. ...
0
votes
1answer
1k views

Pattern Library vs Style Guide - what are the differences?

I work in a small team of designers and we've been slowly making our own Pattern Library. At the same time, the brand and marketing people have been collaborating with a visual design studio to ...
7
votes
4answers
1k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
9
votes
6answers
3k views

Alternative UI patterns for a large, shallow tree

In our app, AdminUsers can be associated to Editions, which are part of a Course. A Course would be something like Ruby 101, and an Edition would be French - Online or English - Classroom. So an ...
26
votes
4answers
1k views

Design Patterns for Discoverability

What are some tried and true design patterns for discoverability in UI/UX, where information or a feature isn't necessarily overt at first glance, but is discoverable by using the interface through ...
4
votes
5answers
2k views

Slide out teasers near the bottom of the page?

On more and more sites now I'm seeing what I'm calling "slide out teasers" appearing at the bottom of pages. What happens is I'm scrolling down the page and nearing the bottom, and then a small box ...
8
votes
4answers
1k views

Good solutions for boolean filter with sub conditions

I'm looking for a good and a clearly represented solution for a boolean filter with sub conditions (max. 5 Levels). Best, a variant with tables. Many apps use the typical mac osx filter (see ...
8
votes
8answers
1k views

Where is the best position for CRUD button?

I was always confused position CRUD* buttons on my application. I see some applications, there are CRUD bottons on the right side, top or bottom. In your opinion, where is the suitable place for the ...
13
votes
4answers
299 views

What is it about our mental models that app-centric seems more intuitive than content-centric?

I always thought that content-centric was the easiest for people to deal with, i.e. "I want to change this document", and not "Let's run this app so I can then change that document". It seems that ...
1
vote
2answers
1k 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 ...
2
votes
5answers
929 views

How to accomodate a large set of filter controls horizontally on a page?

Since the left column is occupied by the left navigation, this leaves only the middle area for placing filter controls. But there is a need to provide for more filtering options in future. In such a ...
30
votes
9answers
2k views

Have I missed anything from my list of web form best practices?

So I have been putting together a list of best practices to apply to forms recently and there is a lot of conflicting research out there. I have been combing everything from blogs through to HCI ...
0
votes
1answer
138 views

How to convey the message of 'organising the cloud' to users?

https://datkey.com is a service we are launching in the near future and I got great input from my prior request so hope a new page connects with users better. Any tips on how to convey to users the ...
4
votes
6answers
584 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
12
votes
3answers
3k views

Design pattern or best practices for top notification bars?

The top notification bar on SE pops up to show messages like 'badge x earned'. What are the best practices for this type of UI? Specific details: On showing - Displace content downward (like on SE) ...
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 ...
30
votes
1answer
5k 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
726 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 ...
10
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
292 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
215 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
748 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
772 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 ...
3
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
306 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
418 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
702 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
7k 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
529 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
492 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
550 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
533 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
271 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
2k 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
231 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
938 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
736 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

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 ...