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

learn more… | top users | synonyms (1)

-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 ...
3
votes
1answer
144 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
644 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
112 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
163 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
490 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
212 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
304 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
756 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
333 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
653 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
586 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
383 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
6k 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
926 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 ...
10
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
409 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 ...
1
vote
2answers
1k views

Multiple edit table UI

I am wondering if you have seen a table design on web where multiple items could be edited at the same time. For example if I have a column with title group name and the first row is having value ...
2
votes
5answers
1k views

How to accomodate a large set of filter controls horizontally on a page?

Since the left column is occupied by the left navigation, this leaves only the middle area for placing filter controls. But there is a need to provide for more filtering options in future. In such a ...
33
votes
9answers
2k views

Have I missed anything from my list of web form best practices?

So I have been putting together a list of best practices to apply to forms recently and there is a lot of conflicting research out there. I have been combing everything from blogs through to HCI ...
0
votes
1answer
144 views

How to convey the message of 'organising the cloud' to users?

https://datkey.com is a service we are launching in the near future and I got great input from my prior request so hope a new page connects with users better. Any tips on how to convey to users the ...
4
votes
6answers
636 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
14
votes
3answers
4k views

Design pattern or best practices for top notification bars?

The top notification bar on SE pops up to show messages like 'badge x earned'. What are the best practices for this type of UI? Specific details: On showing - Displace content downward (like on SE) ...
12
votes
5answers
2k views

How to represent optional fields?

I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields. However I think that asterisk notation for required fields is a widely ...
39
votes
2answers
8k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
6
votes
4answers
1k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
5
votes
3answers
859 views

Alternative sites devoted to UI micro features

Little Big Details is a microblog that shows screenshots of various user-interfaces, highlighting the the "little" things that make a "big" difference. For example, the latest entry highlights a ...
12
votes
2answers
3k views

Fixing UI Antipattern “multiple menu levels”

My brain seems to be pre-programmed to make administrative UI's look like the mockups below. In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
5
votes
1answer
302 views

Chrome Options UI Pattern Name

I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern? As you ...
2
votes
2answers
219 views

Why would you not want to align the name of a user and their avatar?

It's a little thing but I noticed that both google plus and facebook do not exactly line up the name of the user and their photo-the name is slightly lower than the top of the photo. Is this a ...
9
votes
2answers
916 views

What is the name for the technique used on Yammer, LinkedIn etc profile pages?

The technique I mean is where the profile page will say "You have completed 60% of your profile, fill in your x, y and z to get to 100%." I think this is a very powerful technique but I can't remember ...
5
votes
8answers
913 views

Creating a shared pattern library

I work in a small but growing team of UX designers developing a suite of web applications. It's become obvious that we would benefit from a common pattern library, but are unsure how to get started or ...
4
votes
2answers
1k views

When designing (UX/IA) a property search system what are some important things to remember?

I'm designing the UX for a property search system. The platform is FSIS. I am basically looking for best practices in doing a Faceted Search while being able to incorporate many refiners based off the ...
5
votes
2answers
338 views

Best practice for in-page search algorithms (not SEO for Google or the like)

my team and I are working on a football hub website and we would like to make the in-page search engine as powerful as possible as many uses would like to use search. Q: Are there any best practice ...
1
vote
5answers
438 views

What is the standard convention for ordering On/Off buttons?

I am working on a Windows application that has a set of On/Off radio buttons, specifically "Low Power" and "Normal". I have arranged them so that the Low Power button comes first, and the Normal ...
3
votes
2answers
756 views

tab menu + side panel - how to organize menu and “context menu”

I have a dashboard, with tab menu (tabs over the content) and a side panel with a vertical menu. My question is. i would like to make one menu (tab or side panel) as first level menu and the other ...
5
votes
2answers
9k views

A Better alternative to display Hierarchical Data than using TreeView

I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
2
votes
1answer
570 views

Where to find design patterns for product management web apps?

I'm creating a IA-prototype for a product-management web app. I don't know the field (product-management) that well and I'm looking for samples. The requirements for this Web-app are: web-based ...
2
votes
2answers
605 views

Best practice for a property inspector that also allows users to edit

I am creating a UI that allows users to select and edit items and it works something like the following: A user selects an item An always visible property panel is populated with that items metadata ...
-2
votes
2answers
585 views

Could you please comment on this web layout? [closed]

I am designing a forum related to certain academic topics with features similar to Stack exchange sites. I have designed a web layout to facilitate easy navigation between the post overviews & the ...