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

learn more… | top users | synonyms (1)

12
votes
8answers
2k views

Best practice for translating context menu options to touch devices?

I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
4
votes
1answer
228 views

Documented guidelines for one-handed mobile phone interfaces

I'm trying to come up with user interface ideas for a mobile app that can be entirely used with your thumb while holding the phone with one hand. While I've looked at Apple's guidelines it doesn't ...
1
vote
2answers
217 views

Is there a design pattern for an informational pane?

What I'm picturing is a side panel that updates with region-specific information as I mouse over portions of the form. Is there a name for this pattern? It's like a Two-panel Selector, but not ...
1
vote
3answers
363 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): ...
10
votes
4answers
3k views

ICS style guide - Is there a standard icon to indicate drag and drop in a list view?

I searched here but didn't see an answer. I've gone through the new ICS Android design guidelines but did not see a standard icon or recommended icon for drag and drop in list views. Is there one? ...
11
votes
1answer
565 views

Is there a name for the pattern of a categorized autocomplete?

Lately, I've noticed that Facebook search presents it's autocomplete options as a nice categorized list: However, I'm uncertain what to call this pattern. It reminds me a bit of what Peter Morville ...
8
votes
5answers
753 views

Is there a name for this instant filter search pattern?

I've been trying to find a jQuery plugin which creates behavior similar to that of Stack Exchange user searches. The user search used on Stack Exchange sites is not an auto complete, but is more akin ...
0
votes
1answer
273 views

Gathering end user feedback on a mobile device

I would like to be able to solicit feedback (comments, suggestions, etc) from end users within my mobile business applications. I would expect the feedback to range from "I really love/hate this" to ...
0
votes
1answer
70 views

How to enter separate amounts then give feedback if the total meets a given amount?

case: During an ordering process, the user should be able to divide a given amount of money into a '1 to infinite' number of pots. So the sum of everything should be exactly the same when the step is ...
3
votes
1answer
671 views

Patterns and models for representing Many-to-many relationships in interface design

I seem to spend a lot of time trying to figure out how to design User Interfaces for many-to-many database relationships. There are lots of resources available to assist with the data-modelling ...
10
votes
1answer
545 views

What UI patterns are effective for editing multilingual content?

What are the best UI patterns for editing multilingual content? I'm asking about situations where user needs to fill same information (product name, description), in several languages. Updated: My ...
3
votes
1answer
220 views

TDI vs SDI - when should an app that saves files to disk have one window per “document”?

tl;dr How should an application handle windows for content-savable-to-disk (sort of documents) behave under an OS that has menu-bar-per-window (Windows, Gnome Shell) and under an OS that has single ...
4
votes
3answers
191 views

Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?

I'm working on a tool made for professionals to calculate advice for their customers. The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface. The ...
3
votes
2answers
79 views

Remove items already owned from library

My scenario is: You have a library of courses. These courses can be added to your own "my courses". When you already have a course in your "my courses" should it still display in the library ...
2
votes
1answer
456 views

Creating a transition pattern library

I am looking to compile and apply a list of transitions/animations across a web application. Does anyone have any good examples of any existing transition pattern libraries out there? I know the ...
1
vote
1answer
104 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 ...
3
votes
1answer
409 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
9
votes
8answers
496 views

What is the name of this kind of pattern/component?

I would like to know what this approach is called. In case my incredibly high-fidelity mockups are too confusing, what I'm after is a design that explicitly links the thumb to the viewport by ...
10
votes
1answer
1k views

Case studies on using gradients in a design

Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners. Specifically, I'd like to know: Is there a ...
6
votes
2answers
154 views

Should all browsers share the same experience?

I'm creating a page that uses history.pushState() which is only supported by html5 browsers. As such, should users of older browsers have a different experience? Here are two options that I can think ...
2
votes
0answers
113 views

Seeking info about the theory of patterns and pattern language [closed]

My PhD studies are about patterns and educational learning software. I want to write about what I personally call the «theory of patterns», from «what is a pattern» to «why did I choose this type of ...
25
votes
12answers
2k views

Is 'crazy' good?

I am in a group at University that is producing a mobile application targeted at Android. Our efforts are going to be on the mobile platform and making an application that 'stands out'. I have come ...
7
votes
3answers
518 views

Have you used Patternry (or used/built another patern library management system)?

I need to create a proper pattern/component library for our organization. Ideally, it would include: images (examples of the component) attachments (wireframes) description title notes/conversation ...
0
votes
1answer
251 views

Is there a common best practice for rules generators? [closed]

I'm looking for examples of effective tools for generating and maintaining complex rules generators. Outlook's rules generator is nice – but doesn’t allow complex rules branching. Axure rules ...
25
votes
9answers
4k views

Why did scrolling vertically became a pattern?

Why do most of today's websites, especially news and blogs, use mostly vertical scrolling? Also why has it become a pattern, that the more you scroll down you find older material, rather than ...
6
votes
2answers
1k views

Industry standard for documenting IxD / UI Design Patterns?

What's the industry-standard way to document a design pattern? I have seen websites like ui-patterns.com and patternry.com that host and share design patterns, but when creating an reusing a design ...
29
votes
4answers
2k views

Why does Firefox remove the “close tab button” when you have more than n tabs open unless you focus on the tab?

The origin of this question is that I've tried to find a way to override the behaviour of Firefox which removes the close tab button of unfocused tabs as the number of tabs rises, with no luck. My ...
0
votes
1answer
265 views

Could you point out to touch-screen interface patterns (inclusive of iOS/android/blackberry)? [duplicate]

Possible Duplicate: Do you know any comparative resources like mobile-patterns.com I have seen a few patterns page, but can you point out to interesting screenshots or patterns for ...
3
votes
4answers
177 views

What are some good ways to verify legitimacy of a commenter on a blog post?

I want to make sure that not just anyone is posting comments on a site - that is, I want to verify that its a legitimate person commenting. For example, having people write testimonials for a company ...
11
votes
5answers
1k views

Bylines at the top or bottom of an article? Or both?

Jakob Nielsen's latest Alertbox post recommends omitting bylines except in a few cases regarding credibility. We've considered dropping bylines from the top of news articles to the bottom of articles ...
1
vote
1answer
515 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
448 views

Are there fixed names for patterns being used by Facebook, Android Market(famous apps)

Is there a fixed name for pattern like Facebook's current sliding dashboard style pattern, or the swiping tabs in Android Market
8
votes
3answers
1k views

Problem with avoiding right caret on Android

I am currently adapting an Android app to follow the design guidelines more and more. One thing I am doing is removing the right carets as suggested. While this works fine for listview where each ...
5
votes
3answers
976 views

Any good examples of interactive map patterns? [closed]

The goal is to design a page that allows the user to easily find a dealer near his/her location. My initial idea was to map the geographical locations on a map of the country. The country map is ...
13
votes
5answers
5k views

What is the navigation concept Bootstrap uses called?

The Bootstrap documentation site uses a very interesting navigation concept. They have a per-page navigation bar that sticks on top of the page once you scroll down and highlights the current area on ...
4
votes
2answers
258 views

How would a perfect overview for 400 competitors look like?

I have to create an overview for a competition with about ±400 competitors. They are separate in the "best 100"-group and the others. A random number of competitors shown as thumbnails with (if so) ...
-3
votes
1answer
145 views

What is the best format to ask users to submit financial information [closed]

I'm looking for an example of a simplified way of asking users to submit financial information in an online form for the following 4 categories e.g. income, commitments, assets and liabilities. Any ...
3
votes
1answer
143 views

Information on various patterns for log in/join and in which context to use them? [closed]

Does anyone have any information regarding log in and register interactions, specifically which patterns to use in which contexts? For example: A site where you can view most of the content without ...
5
votes
3answers
635 views

What is the UI pattern used for managing people in Google+ called?

I've tried to find more info on this particular UI pattern Google+ exposes, and I'm sure I've seen it before, but still, I haven't been able to find references to it. If you go to the Circles section ...
3
votes
1answer
111 views

What pattern to apply to a sizable flight logging form

I need to build a form of about 15 to 20 fields for the purpose of logging a flight. I will be collecting the following data: Registration of aircraft flown Designation of the user (pilot in ...
9
votes
3answers
8k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
3
votes
2answers
160 views

What is the author referring to with “UX mail lists”?

After reading a Boxes and Arrows article by Stephen Turbek (packed with UXy goodness) I am unfamiliar with the phrase "UX mail lists" in context. Is the author actually suggesting a pattern library ...
2
votes
2answers
482 views

Designing a Report list page

I was asked to design a user friendly Report list page, where 100s of reports will be listed.Format of those reports are "word","Matrix","Tabular","Distribution Metrics" etc. What would be the most ...
1
vote
1answer
210 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 ...
7
votes
4answers
301 views

Where can I read more about how the brain utilizes patterns?

I've been reading some cognitive psychology books and they all talk about the fact that our brains recognize and store things using patterns. Unfortunately, all these books talk only briefly about ...
12
votes
3answers
751 views

Why some websites put a small contrasting bar on top of the page?

I've observed this pattern in practice at many places now, websites put a small contrasting bar on the top of the page. What is the rationale behind it? Readability header: Tenderapp header:
3
votes
2answers
326 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
622 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
548 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
374 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 ...