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

learn more… | top users | synonyms (1)

1
vote
1answer
304 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 ...
3
votes
1answer
259 views

UI pattern for shared editing scope among selected elements?

I'm having a hard time researching this pattern for WPF, partly because I'm not exactly sure of the correct term for it. As best as I can describe it, here is how this editing pattern works: ...
3
votes
1answer
153 views

Suitable patterns for stating general availability

Does anyone have any suggestions of how best to allow a user state their general availability? Scenario: managing appointments Further info: The user in their profile has the ability to set the ...
0
votes
1answer
313 views

A Good “Invitation to Connect” Experience

We are building an "connect with your friends" part of our app and I curious as to a good way to do this. My first thought is do like everyone else...so I look to Facebook, twitter, LinkedIn, ...
6
votes
2answers
4k views

Side navigation menus for Android tablets

The new trend of side navigation menus has taken over Android apps - Facebook, Evernote and now youtube and google+ are all doing the side navigation menu like here: Though it seems like this has ...
3
votes
3answers
801 views

What is the best way to represent audio visually?

I've only taken some basic signal analysis courses, so I might be missing some things. Purely theoretical question: What methods exist for representing audio? What methods could be made for ...
12
votes
4answers
392 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
2
votes
1answer
154 views

Linking to external sites on a portfolio website

I'm doing some work on a portfolio site for a freelance writer. Their published work can be seen on various other sites/blogs and I'm thinking about the best way to link to these works. A straight ...
4
votes
2answers
410 views

What is the best way to organize all UI elements of a website in one place?

I'm looking for a good way to help us organize and keep track of the latest version of UI elements. The simple way I've found is to have one big file, maybe 10000 X 10000 pixels with all your UI on ...
2
votes
3answers
237 views

Problem with repeated icons

What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
6
votes
2answers
655 views

UI Metaphor or Examples of configuration preset selection

What is a good UI metaphor for selecting from a set of configuration options? The tool I'm designing for has nearly 200 (!) inputs that can be set depending on your particular application and needs. ...
1
vote
2answers
146 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
1answer
109 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 ...
12
votes
8answers
3k 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
230 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
218 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
369 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
601 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
828 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
281 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
693 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
578 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
228 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
471 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
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 ...
3
votes
1answer
434 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
497 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
114 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
561 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
257 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
274 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
179 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
518 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
468 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
1k 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
260 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
147 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 ...