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

learn more… | top users | synonyms (1)

1
vote
2answers
446 views

Long form sales page techniques and / or examples? [closed]

I've worked with a number of UX experts over the last several months and while I have resisted going down the "long form" path, they have circled me back around to this time after time without fail. ...
1
vote
1answer
150 views

How to represent asynchronous states?

I am working on an interface where there is a list of things (tests) that can be running, drafts or running and pending tests. In the latter options the same object represents two states (A - the ...
4
votes
2answers
200 views

Data to reinforce the 'large login form fields' style?

We're working on a site that requires the user to login to use. We designed a sparse login page with a large login form. Akin to Gmail: This seems to be the trend as of late. And it makes sense for ...
4
votes
2answers
238 views

How can you show human element without showing pictures of people?

With a company that changes all the time, how can you show the personal touch of human interaction without showing pictures of humans? Essentially, blurring the line between technology and people, ...
6
votes
1answer
1k views

Anyone know of a good pattern library for game UI design? [closed]

I'm a big fan of the Yahoo! Design pattern library. I'm surprised there isn't one for game UI - or at least I don't know of one. Does anyone? Looking for patterns for leaderboards, etc.
0
votes
1answer
151 views

Contacts and content, many to many relationship

The below screen shot shows a prototype I am working on in which an email gets personalised for multiple people. Contacts might share part of a personalization with another contact but not the whole ...
2
votes
3answers
165 views

How to map dependent attributes into a table?

Is there a pattern, which allows mapping the following datastructure to table columns? The clue is, that there are 2 attributes, which depend on each other, one should be entered, when the other was ...
3
votes
1answer
120 views

Name that pattern: Notifications on reaching bottom of page

Over the last couple of months I have begun to see a pattern, but I don't know what it's called. The concept is that when a user scrolls to the end of the page, or a point close to the end of the ...
3
votes
1answer
530 views

New design pattern for tagging documents?

Working on the design of platform for keeping annotations, I came up with a new way of tagging items, which I call 'Drag to tag': Drag the tag to the words that are typical for the webpage to add ...
2
votes
1answer
275 views

Navigation design pattern for showing current state

I'm looking for a high-level navigation design pattern that will also show the current navigational state. (Ex: Dashboard, invoices, settings, etc...) I am currently planning on using an accordion ...
4
votes
2answers
382 views

Best practice for displaying no of records on datagrid

I am designing a banking application where i have a record count of over 1000 rows. I wanted to understand the ideal design patterns for pagination and displaying rows on a data grid. I am ...
6
votes
1answer
781 views

What's the standard interaction pattern for bulk edit / delete actions on windows phones?

I'm looking for the standard pattern for windows phone for bulk actions like delete, archive or move. I mean, for example: How is the user supposed to delete multiple items at once. I couldn't find ...
5
votes
1answer
1k views

Which design pattern is the best option for drilling down into data?

I have quite a large dataset which I need to display to end users. These data are grouped by super group, medium group and junior group. Medium groups are children of super groups, and junior groups ...
4
votes
2answers
902 views

Pattern to display Many to Many Relationships in two grids

Following is the data that needs to be displayed, to which the user can make changes or add new entries. For capturing a contract, there is a set of documents that is maintained and for each document ...
1
vote
1answer
542 views

What are the best practices for designing quote request forms in the insurance industry? [closed]

Can any of you suggest studies, usability test results and patterns for best insurance quote forms? How is this different from ecommerce checkouts or does much of the research around this also apply? ...
36
votes
6answers
3k views

With infinite scrolling, do scrollbars still make sense?

I noticed this today on Google Plus: Virtual Scrollbar in a Google+ Gallery This is a virtual scrollbar, as opposed to native scrollbars everyone on Windows or pre-Lion OS X does know. Now this ...
7
votes
2answers
352 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
3
votes
0answers
468 views

Apple sharing icon the way to go? [closed]

Clearly the Apple share icon is coming a vert popular web standard for sharing. Do you think it can become an conventional usage? Should we adopt it and promote it more?
2
votes
3answers
110 views

Formation of groups in a webpage

I have to make a webpage to associate users (around 30) together into groups. I have thought about a vertical list of users with radio-buttons (number of users) in the line. Example: groups 1 2 ...
1
vote
1answer
262 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
246 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
131 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
287 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
679 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
379 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
149 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
386 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
229 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.
5
votes
2answers
537 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
144 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
104 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
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
222 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
206 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
352 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
2k 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
534 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
665 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
263 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
69 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
621 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
510 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
212 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
184 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
77 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
433 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
103 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
392 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
493 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 ...