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

learn more… | top users | synonyms (1)

1
vote
1answer
125 views

Giving users a feel that graph can be zoomed and panned

I am trying to develop a graph which has both zooming and panning features. I am using flot chart library (which is irrelevant for this question). What I want to know is: What would be the best way to ...
6
votes
1answer
1k views

Anyone know of a good pattern library for game UI design? [closed]

I'm a big fan of the Yahoo! Design pattern library. I'm surprised there isn't one for game UI - or at least I don't know of one. Does anyone? Looking for patterns for leaderboards, etc.
2
votes
1answer
66 views

What's the best way to visually convey rank?

I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like: I'm not loving ...
0
votes
1answer
174 views

Is there any definitive research on modal/overlay forms? Specifically, dismissing behaviors

I am interested if there is any specific research or user research on dismissing modal or overlay form dialog boxes. The pattern that includes a semi opaque overlay of the application with an input of ...
1
vote
2answers
220 views

New navigation pattern - Time.com

Recently I ran across Time.com's new navigation pattern. What do we call this? What do you think about it? What is the use case for it? My first impressions for the large screen are: the site is ...
3
votes
0answers
67 views

Are there examples of 'anti-patterns' being used effectively? [closed]

I am sure many of us have come across a situation when we have been asked to design or implement something that appears to be an 'anti-pattern', that is to say, something that doesn't seem to follow ...
2
votes
1answer
160 views

Should social media links open in a new tab or window?

Is it advisable that social media links (facebook, twitter, etc) will open in a new tab? Does it depends on the number of social media links?, What if there were only 3 social media links?, should I ...
1
vote
5answers
224 views

Update vs. Save

I'm working on an application that has a lot of CRUD functionality. When creating an element, I have a button labeled with "Save". My original thoughts were to bring this "Save" button across all ...
2
votes
2answers
268 views

Is there a term for a smart text field that provides a different experience based on the content entered into the text field?

I'm designing an experience that will require a text field to "recognize" content and instantly direct users to different paths from the same point (same text field & CTA) based on the text ...
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 ...
0
votes
1answer
27 views

How to allow for seamless creation of new keywords with a mandatory category?

I have an application which describes animals. A user can attach keywords to the animals. Each keyword has to belong to one of five categories, four specific ones and a "Research topic" category which ...
1
vote
1answer
92 views

What is the best Menu pattern for large dataset?

I was searching on various UI components that is out there. new, old and more. I want to know, Are there any good website which lists and compares web UI components? I am specifically looking for ...
3
votes
3answers
221 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 ...
0
votes
1answer
269 views

Should Income and Expense in money management app be red or green?

I'm designing a money management app, and I'm curious what does people react to the color red and green. Incomes should be displayed green or red? And expenses?
2
votes
1answer
120 views

What should the default view of a map be when you don't know a user's location?

I'm working on a project for a company with thousands of global locations. For the 'store locator' the client has asked what is the default view of the map when it's impossible to get GEO IP. I'm kind ...
16
votes
4answers
673 views

Designing for Perpetual Beginners

In About Face 3 Alan Cooper encourages to design for the intermediate user (instead of the beginner or expert). This is due to the fact that users start to pick up on cues and become adept due to ...
0
votes
1answer
79 views

Is there an existing name for this button/loading animation combo?

Has anyone yet heard/come up with a name for this design solution? It combines a loading animation / progress bar into the button itself. The developer refers to it as 'ladda'. ...
2
votes
2answers
86 views

What is the reason to use a Button in an application?

I am writing about design patterns in mobile applications. "Button", apart from being a user control it is also a design pattern used in order to perform some action. I am trying to abstract the ...
0
votes
5answers
471 views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...
6
votes
5answers
439 views

Does a log in/sign up field always have to be top right?

Best practice says that log in/sign up fields should always be top right of the website, no arguments there. There seems to be a trend towards simply having "Sign up here. Or log in if you already ...
1
vote
2answers
177 views

using subtle animations for page transitions in single page apps?

In so-called "single page applications" for the web, I am seeing a trend, especially in demo applications, where any navigation between sections of the application/site involves a css animation of a ...
3
votes
1answer
288 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 ...
1
vote
1answer
263 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 ...
1
vote
1answer
158 views

What is the proper name for this UX feature?

When I'm working in a programing IDE, I would call this feature "Code hinting", or "code completion". However, in the context of form field, what would this feature be called? The main reason I am ...
2
votes
3answers
512 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
1
vote
2answers
96 views

Time Zones and Calendar Interfaces

I am a systems administrator that schedules when a call center will be open to take calls from hospitals. We have 3 elements: Systems Administrator (Ohio - ET) Call Center (Denver - MT) Hospital ...
0
votes
1answer
81 views

Has anyone ever seen a presentation/article comparing native mobile navigation/UI elements?

I'm looking for a presentation or article where someone goes through all the native UI and navigation elements for different mobile platforms* correlating them to each other and explaining when to use ...
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. ...
6
votes
4answers
404 views

Should apps' design evolve according to the OS version?

In iOS 7, Apple revamped the whole OS's look and feel. Removing a lot of gloss and 3D stylistic elements. Does this mean that the apps built for iOS 7 must change as well to match this new style? ...
0
votes
2answers
116 views

Does a site with a sticky NAV need NAV elements replicated in the footer?

Does user expectation of the footer pattern necessitate having NAV content repeated in the footer even if the site has a sticky NAV which might find the screen filled with 2 NAVs simultaneously at the ...
5
votes
8answers
855 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 ...
1
vote
3answers
293 views

Best way to show one-to-many relationship in a grid?

This is probably the most common issue when it comes to grid/table design; How to display one-to-many relationship such not to repeat the item nested. Please take a look at two solutions I came up ...
1
vote
2answers
126 views

Any standard references that list the entire gamut of GUI widget/controls? [closed]

Are there any comprehensive, standard (or sufficiently good/popular) references/guides that list/detail/categorize the entire gamut of GUI constructs/widget/controls? Some UI controls are common, ...
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 ...
0
votes
4answers
245 views

Drawing attention to top navigation

I have been asked to draw more attention to the top or main navigation. Home page here. First question: How would you do that? (Boss suggested multi-color boxes.. bad idea to me) Secondly: Drawing ...
-1
votes
1answer
72 views

Best way to show exclusive forms?

I have to develop a page with forms that are exclusive each other. What is the best way or best practice to display mutually exclusive forms?
1
vote
3answers
400 views

Is it relevant to be sarcastic/funny when you want a product to be friendly ?

When you're not facing the one you're talking to, without body language, it's hard to communicate what you want him to feel. A good example is those status on Facebook : God damn it, I woke up ...
8
votes
1answer
378 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 ...
0
votes
3answers
136 views

What is the best way to display the file and line number to a user?

I am working on a UI to to display a test to the user. I would like to display where it is defined. For example: /path/to/file:line_number Given <this condition> When <I do this> Then ...
2
votes
2answers
157 views

Is there a common term for an editable/searchable drop down field?

What is the common name or design pattern for a UI element which is like a combobox but has the added facility of typing to refine the options returned in the drop down.
5
votes
1answer
340 views

what's the design pattern for the sidebar navigation used by Amazon, NewEgg and LightInTheBox?

See the below navigation examples currently used by Amazon, LightInTheBox and NewEgg. What's the pattern called? The content containing the subcategories would slide out when the mouse is hovering ...
1
vote
4answers
290 views

Best way to get feedback from users [duplicate]

Form fillings through survey or feedback form and even email responses is now getting boring and appears to be a waste of time for many users to click on or even answer. I even revert to "you must ...
4
votes
3answers
241 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 ...
36
votes
6answers
3k views

With infinite scrolling, do scrollbars still make sense?

I noticed this today on Google Plus: Virtual Scrollbar in a Google+ Gallery This is a virtual scrollbar, as opposed to native scrollbars everyone on Windows or pre-Lion OS X does know. Now this ...
19
votes
8answers
1k views

What are the best IxD/UI Pattern libraries? [closed]

Quite a few question as about design patterns for x or y interface. Where are the best design pattern libraries?
7
votes
5answers
234 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, ...
1
vote
3answers
385 views

Which is the best mobile pattern to use for a form's select box?

I need to design a responsive website with many widgets and forms. I want to provide the best UX to mobile users also when they interact with forms, which is often a nightmare on mobile. You can ...
12
votes
3answers
503 views

Defaulting to show all until user searches?

I am designing an admin page that will be used to manage account information for hundreds to thousands of medical offices (practices). Users will be able to take a few actions on a practice or take ...
29
votes
8answers
5k views

Best UI pattern for letting a user assign items to groups

Problem: the user has a list of about 5-20 uncategorised items and needs to categorize them into 2-4 groups. The tricky part is that the same item can be placed into more than one group (this is an ...
1
vote
3answers
285 views

mobile input feedback design pattern

I am creating email verification in IOS and want to assist the user with verifying they have entered the correct email address before sending confirmation. Some app use an instant input feedback with ...