Reusable solutions for commonly occurring problems in user interface and user experience design.
2
votes
3answers
95 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
127 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
164 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
108 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
138 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, ...
0
votes
0answers
51 views
Are there any differences to the UX Patterns across Globally? Any research or notes to support? [closed]
What are primary differences in user interface patterns at Global level? Any resource available? Is there any evidence or research on user interface patterns across Globally to substantiate the same?
4
votes
2answers
2k 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 ...
2
votes
3answers
367 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
352 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
118 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
280 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
203 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
283 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
109 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
85 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 ...
11
votes
8answers
1k 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
184 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
176 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
267 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):
...
8
votes
4answers
1k 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
352 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
427 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
178 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
62 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 ...
2
votes
1answer
396 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 ...
9
votes
1answer
259 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
155 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 ...
3
votes
3answers
150 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
74 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 ...
0
votes
0answers
217 views
UX design pattern for whitespace [closed]
I logged in my Google+ today and found out that they change their user interface. I haven't notice the large whitespace on the right-side of news feed until only when I have seen a post that hundreds ...
2
votes
1answer
279 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
98 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
272 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
432 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 ...
7
votes
1answer
565 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
146 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 ...
1
vote
0answers
89 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 ...
24
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
230 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
166 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 ...
20
votes
7answers
3k 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
553 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 ...
27
votes
4answers
1k 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
154 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
166 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 ...
10
votes
5answers
820 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 ...
0
votes
1answer
374 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
303 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
6
votes
3answers
537 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
605 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 ...
