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

learn more… | top users | synonyms (1)

4
votes
3answers
129 views

When should feedback be in-page and when should feedback be a separate screen?

I've seen feedback/confirmation on a separate screen for example when the user has submitted a form. Then the next screen they see: "congratulations you have successfully..." Then on other occasions ...
4
votes
2answers
3k views

CRUD Desktop Best Practice

I always use this design for CRUD Desktop Form: Is it a good design for a CRUD Form? Do you have any suggestions for a better crud desktop form?
4
votes
2answers
1k views

What are the differences between Progressive Enhancement and Graceful Degradation?

What is Progressive Enhancement? I'm not able to understand this concept. How it works, and how it’s a model different/better(?) than Graceful Degradation?
4
votes
3answers
281 views

Pattern for navigating by typing text in a text-field

I am working on an application which has a very dense UI with lots of menu items. Is there a UI Pattern for navigating to different screens by typing text in a text-field? The keyboard focus is on ...
4
votes
2answers
127 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
4
votes
2answers
305 views

How to best enter long digits on a small touch device without using keyboard input

my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
4
votes
2answers
385 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 ...
4
votes
6answers
611 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 ...
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 ...
4
votes
5answers
665 views

Where do people get web design patterns/inspiration from?

I like to think I come up with original concepts as and when I can but I do find it really gives me a kick start when I can see examples of what other people have been doing to inspire my own design ...
4
votes
3answers
371 views

Multiple instances of a Property Editor

I am designing an application in which several kind of user objects have properties. When clicking an object, the properties of the object would be shown in a pane similar to the Properties pane in ...
4
votes
3answers
175 views

What's the name of this type of navigation?

I want to know whats the name of the navigation of these sites bellow: http://www.visitsuffolk.com http://www.ehow.com.br http://www.blogdoplaneta.com I searched for 'responsive grid', but its ...
4
votes
3answers
2k views

Are mega footers good UX? [duplicate]

I've noticed that several websites — especially universities and web development sites — have recently started placing mega-menus in their footers. Here are some examples of what I ...
4
votes
2answers
239 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, ...
4
votes
2answers
299 views

Can I use drag'n'drop interaction in a mobile website?

I'm currently designing a mobile website. My intention was to use interaction patterns like drag'n'drop for some interactive features. E.g. I want to ask users to sort 5 items by personal relevance ...
4
votes
1answer
286 views

Alternative to a columns of checkboxes in a table

Here's the scenario: A Person has a bunch of Accounts. Accounts may (or may not) have Services attached to it depending on the type of Account. Currently there are two types of Service (indicated by ...
4
votes
2answers
288 views

What is a good UI metaphor for switching roles user plays in the application?

I am building a conference/tradeshow application where a user can assume multiple roles within the application and within a particular conference. For example a user can be an attendee, and have ...
4
votes
1answer
273 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
4
votes
5answers
282 views

How to visualize similarity of one file to another?

Problem My file-system is a mess, over the years I've been accumulating way too many downloads I didn't care to uncompress and organize, code that was subject to endless copy+pastes and improvements ...
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 ...
4
votes
2answers
243 views

What to call UI element like 'like' or 'mark as favorite' ?

Is it a kind of button? Do such UI components have a specific name?
4
votes
2answers
236 views

Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?

I'm developing a user-driven sandbox application, wherein the user (more or less) builds their interface. In my preliminary web design drafts, I've found myself favoring a contextual content area at ...
4
votes
2answers
91 views

How to place text and a gallery side by side without giving more relevance to one or the other?

I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
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 ...
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) ...
4
votes
3answers
240 views

Communicating changes and new feature in my web application

We are currently in the early phases of developing a web application for a client. We have regular sprint demo's during which we take the client through the new features and changes from the last ...
4
votes
1answer
471 views

A use case for popups?

I had always believed that popups, opening in new browser windows, were bad practice for various reasons including: Breaking the flow, bad for accessibility, potential to hide content etc. While ...
4
votes
1answer
143 views

Handling space constrained interfaces with many meta data options

I have the equivalent of a timeline with individual objects that can have many options. The issue is that the visual representation must remain constrained to easily read the timeline. The current ...
4
votes
3answers
365 views

Using a table within a mega drop down

I've a quick question about combining a mega drop down with a tabular list view. Ideally I'd prefer jut to have the list to pick from but the list also requires sorting. I'm not really sure that this ...
4
votes
3answers
157 views

In place editing in search result and searching again

I am looking for existing solutions to a user interface problem. My users have the ability to search in a list of items. The items can be either single or composite items. In the search result the ...
4
votes
1answer
4k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
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
903 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 ...
4
votes
5answers
360 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 ...
4
votes
1answer
348 views

Is it appropriate in a touch-based mobile web app to place the equivalent of “apply” in the header?

I'm creating a mobile web app for modern touch-based browsers, and I'd like to know if it's appropriate to put the equivalent of an apply / search / go / view results / proceed button in a thin ...
3
votes
5answers
326 views

Using scrolling up from pageload to reveal additional content

There are certain sites have a pattern where the page loads, and then if a user scrolls up, additional content is presented. I know that NBCNews.com does this with certain pages, and I've been told ...
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 ...
3
votes
2answers
730 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 ...
3
votes
2answers
489 views

How to use topic maps

Some time ago I found a very interested technology: Topic Maps. It solves to find information and to share knowledge. One of examples of this technology is presented on this site. See "tags", ...
3
votes
2answers
225 views

Name of this semi ubiquitous pattern in Google Now search field?

With Android JellyBean, Google introduced Google Now, which is a fantastic addition in itself as far as I'm concerned. One interesting feature usability wise, something that dmh pointed out in a ...
3
votes
1answer
531 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 ...
3
votes
2answers
96 views

Interface to merge suggested updates with existing information

I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...
3
votes
2answers
60 views

Clean URLs and passing parameters - best user experience

I am passing parameters ("product category" & "product name") in a url to a buy page. Which is preferable in regards to the norm/standard for passed parameters in Web URLs? ...
3
votes
3answers
219 views

What is the expected result for mouse inputs in web based applications?

Clearly left-click is the most common, but how often are others like right-click and double-click used? What is the distribution frequency of those inputs? What is the expected result of those mouse ...
3
votes
1answer
286 views

Any research on the usability of the “inline modals” design pattern?

I recently read an article on a design pattern called "inline modals" here: http://uxmovement.com/content/inline-modal-windows-display-new-content-in-page-sections/. I think it's a good pattern that ...
3
votes
1answer
375 views

Responsive design pattern: Navigation at the bottom + jump link

I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
3
votes
1answer
1k views

Examples of patterns for multiple file uploads using drag and drop?

I've been working on an app that involves making an application for a permit. Applicants typically need to upload 5-16 documents (drawings and specifications) before they submit their applications. ...
3
votes
2answers
156 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 ...
3
votes
2answers
838 views

What's the best UX option to help users choose between three items

So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...