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

learn more… | top users | synonyms (1)

11
votes
1answer
565 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 ...
11
votes
4answers
709 views

What UI designs are a good fit for the Kinect / PrimeSense DevKit?

Now that the manufacturer released the open source drivers, I'm interested in seeing what User Interfaces work well with this platform. Please share any links, source code, or commentary relevant to ...
10
votes
5answers
29k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
10
votes
7answers
2k views

“Clear input” button within a search box - why nobody but Apple uses it?

In my opinion, this button is very useful, giving you an ability to start over in just one click. But I can't seem to find non - Apple software that implements this pattern. Why? EDIT: I'm not ...
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? ...
10
votes
5answers
739 views

Progressive Validation and Disclosure

I am trying to find an example of progressive validation. We have a UI for a a visual editor where a user does things like indicate dimensions in pixels or percent. The editor properties are in sets ...
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 ...
10
votes
4answers
266 views

Where should pasted objects in a drawing application be placed?

We are creating a drawing application where users can add shapes to a canvas. They can cut/copy/paste via keyboard shortcut or context menu. For the context menu, it's pretty clear that the pasted ...
10
votes
2answers
310 views

User Interface functionality modelling languages?

[this is a copy of my question on SO http://stackoverflow.com/questions/2200215/user-interface-functionality-modelling-languages but it fits better here] I am looking for a UI functionality modelling ...
10
votes
1answer
545 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 ...
9
votes
5answers
1k views

UI/UX in an Agile Development Environment

I'm working with a company on a medium-large scale web application. The application is to replace existing applications, manual, and electronic processes. This project is on a tight deadline, and is ...
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 ...
9
votes
3answers
422 views

Are new app designs deviating from conventional (better?) Interaction designs?

I am on the 3rd chapter of Joshua Clark's Tapworthy : Designing great iPhone apps And I was really taken aback by the first few pages. In these first few pages Joshua Discusses the "thumb hotspot" ...
9
votes
5answers
6k views

Desktop software design patterns

There are a lot of resources on the web about web applications design patterns, but only a few about desktop applications. And this is quite strange as most of the business targeted software is ...
9
votes
2answers
217 views

What is a name for this “plate” scrolling functionality?

The Google Ventures website at http://www.googleventures.com/ has interesting functionality -- when you scroll down the page, the upper "masthead" stays fixed to the window but is slowly covered up by ...
9
votes
6answers
386 views

Do comments really need a “title”?

I'm sure most (or all) of you have seen sites that offer a comment form and a "title" field. However, is the title field really necessary? If so, what is the motivation behind it? In my opinion, it ...
9
votes
8answers
496 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 ...
9
votes
4answers
1k views

Is there an established name for long scrolling web pages? [duplicate]

Is there a name for very long scrolling web pages like the Android KitKat page? I am trying to Google for CSS tutorials and other examples, but have no idea what the design is called.
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 ...
9
votes
2answers
887 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 ...
9
votes
4answers
233 views

New search pattern for eCommerce website, will it work?

I'm trying a new kind of search navigation (sort of tag based) where a user selects already populated options (relationships and occasion) and search. Already populated options are on the left ...
8
votes
7answers
354 views

Is there any resource for UI examples? [closed]

I run a Usability/UX blog, and my biggest hurdle right now is finding examples to illustrate the topics I write about (bad error messages, good implementation of tabs, bad interactions...etc) So is ...
8
votes
5answers
469 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
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 ...
8
votes
4answers
584 views

What is the name of this combined button/popupbutton?

This button is in the new Firefox, but what is the name of it?
8
votes
1answer
385 views

What is the difference between anti-patterns and dark patterns

Both are generally bad when they find their way into the user experience of a product and we are advised to know about them but avoid their application. Specifically what is the difference between ...
8
votes
3answers
597 views

To lower user's cognitive memory load or not?

Naturally, it sounds like it is only best for our users if our design could reduce user's cognitive workload when performing a task. However, there are also theories that explain the need for a ...
8
votes
4answers
356 views

Can you describe the attributes, properties, and/or elements that make a user interface pleasing to the eye? [closed]

I've read that beauty is subjective and I've read that it is objective (I tend to believe a mix of both depending on the context). However I've also read that scientists found that a person generally ...
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 ...
8
votes
3answers
357 views

Where can I find further reading or background information on Amazon's UI design decisions?

Reading this question about the best e-commerce check out flow, I wondered, "What Would Amazon Do?" For instance regarding the check-out process, most people agree that you'd prefer an inline tip ...
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
1answer
393 views

Are fixed mobile headers and footers that disappear and reappear on tap really useful?

These fixed mobile headers and footers disappear and reappear on click / tap using jQuery Mobile's data-tap-toggle which is on by default. How useful are they? Pro: More content is available when ...
8
votes
5answers
754 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 ...
8
votes
4answers
254 views

When is it appropriate to split functionality into separate apps?

I'm a designer and my company has a single app that serves two different types of user. One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
8
votes
4answers
612 views

CMS Interface Logic. - Is this the best approach?

I am developing a cms system. Currently I am working on the Interface for adding new menu items to a menu. (Due to the cms Logic the menus are fixed, the user can not add or remove menus, only delete ...
8
votes
6answers
502 views

Best way to communicate an abstract app concept such as a 'workspace' to users

The issue I'm struggling with is fairly specific, but it touches on a general UX topic, which is how to help users grasp some abstract app concept, such as some information organization or structuring ...
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. ...
7
votes
5answers
439 views

Design Pattern recommendations for application assignment visualisation

I'm sure there must be some terminology for what I require unfortunately I'm not sure what it is. Anyway, let me try to explain, I have a selection of applications for courses that are to be assigned ...
7
votes
5answers
318 views

Preselect Text On Selection

I'm wondering if there is a rule of thumb for the scenario where a user selects a textbox that has content in it. Would it follow that all the text in it should always be selected to allow a user to ...
7
votes
4answers
301 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 ...
7
votes
2answers
1k views

What is the most effective UI/UX paradigm for comment moderation in a CMS?

I've been working on a web CMS and I'm nearing the point where I'll be implementing comments and comment moderation. What are some common ways comment moderation is handled from a UI/UX perspective? ...
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 ...
7
votes
5answers
240 views

On news apps, how does using a different colour for each category help the user?

On news websites and news apps, a specific colour is often used for the link to each category (background colour or underline colour), and I would like to understand how this is helpful for the user, ...
7
votes
1answer
150 views

Assigning tasks to user based on work load

I'm working on a pop up where you can assign percentages of applications to users based on current work load. For instance, I have 100 applications that need to be worked on and are not assigned to ...
7
votes
2answers
395 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 ...
7
votes
3answers
519 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 ...
7
votes
4answers
1k views

Design / UX examples of multiple sub-sites with the same general look and feel

I'm working on an upcoming large project for a company that has many entities. They've recently decided that they want a master website to rule all of their entities. Each entity would have a section ...
7
votes
1answer
177 views

Displaying links to other profile pages, while maintaining good white space

I am designing a profiles page for a website where by the names and position of company employees should be displayed on all profile pages for easy navigation. I do not want to put a <ul> to ...
7
votes
2answers
248 views

Are there any design patterns for interacting with 3D objects on a multi touch surface?

I'm in a project were we would like users to interact with a 3D object. Users should be able to zoom, pan and rotate in all dimensions without using extra tools. I'm looking for best-practice design ...
7
votes
1answer
110 views

strategies for applying properties to many items

I'm working on a web application where one of the workflows centers around the configuration of a large number of items. An important part of this configuration is applying one or more properties to ...