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

learn more… | top users | synonyms (1)

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
444 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
394 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
495 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
973 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
152 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
112 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
488 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
248 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
259 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
175 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
509 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
430 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
923 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
257 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
144 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
141 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
623 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
108 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
7k 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
157 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
469 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
209 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
297 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
746 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
319 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
582 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
521 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
366 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 ...
26
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 ...
5
votes
2answers
4k 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
910 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
2k 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
2k 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
2k 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
4k 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
2k 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
2k 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
6answers
350 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 ...