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

learn more… | top users | synonyms (1)

2
votes
1answer
239 views

Should Desktop UI Patterns include Keyboard Shortcuts?

Not much to describe here. But I think that it'd be a good idea to have UI-Pattern documents to suggest relevant keyboard shortcuts. However, I haven't seen it anywhere and I'm wondering whether this ...
2
votes
1answer
91 views

Rarely used translation function placement

I have just been looking at the analytics of one of the websites I work on, and one of the features is required - but rarely used. There is a Microsoft Translate button, with their "Powered by ...
2
votes
1answer
2k views

Master details form in Android

I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common. In this moment, I have something like this: ...
2
votes
2answers
175 views

Best way to present an already filled form

We have a longish form to fill. After first step, we know that some a particular user is already registered. The rest of the form is already filled in, but we still need her to validate the data. ...
2
votes
3answers
173 views

What's the best way to show efficacy/difficulty of a certain solution in guidelines?

Background: I'm in the process of writing guidelines for use within the company. These guidelines list all sorts of possible solutions to a given problem, and each of them are rated according either ...
2
votes
1answer
1k views

What UI design pattern for choice between 2 actions comes to your mind?

My goal: find optimal UX/UI pattern. Pattern's goal: give a user choice between two actions. Simple example: http://dribbble.com/shots/599154-Choose-Your-Option Here is UX/UI pattern I implemented ...
2
votes
3answers
128 views

Formation of groups in a webpage

I have to make a webpage to associate users (around 30) together into groups. I have thought about a vertical list of users with radio-buttons (number of users) in the line. Example: groups 1 2 ...
2
votes
1answer
171 views

Linking to external sites on a portfolio website

I'm doing some work on a portfolio site for a freelance writer. Their published work can be seen on various other sites/blogs and I'm thinking about the best way to link to these works. A straight ...
2
votes
1answer
639 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
0answers
53 views

Scroll up and hold on desktop?

I am doing some research on a pattern that would allow to display more information when scrolling up, in a desktop app environment. Similar to the band's profile page on Spotify on mobile (album cover ...
2
votes
0answers
306 views

Why does Amazon Smile require accessing a separate URL? [closed]

I am doing some shopping on Amazon and a dialog box came up with this text: Remember, start at smile.amazon.com to support American Red Cross. Amazon donates a portion of eligible purchases made ...
2
votes
2answers
104 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 ...
2
votes
3answers
359 views

Pagination design, reload entire page or reload just the section with data

I am building a search website, which will have results displayed using pagination. I am trying to figure out the best way to implement pagination of these results. User searches for abcd in my ...
2
votes
0answers
128 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 ...
1
vote
7answers
302 views

Search - Two Buttons

I'm working on a site that needs to have the ability to search News (within the portal) and the entire web. This is an option that my colleague came up with. It doesn't seem right to have two buttons ...
1
vote
1answer
186 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 ...
1
vote
4answers
619 views

Is it good or bad to follow iPhone native look and feel in design of mobile Websites?

Is it good or bad to follow iPhone native look and feel in design of mobile Websites? I'm making Mobile website for Smartphones (iPhone, iPod Touch, Android, BlackBerry, Windows 7 Mobile) but the UI ...
1
vote
3answers
460 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 ...
1
vote
5answers
492 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 ...
1
vote
2answers
391 views

What's the name of this pattern (submitting an entry which gets added to a table)?

In this example the user would enter an item number and add it to the list: Does this particular pattern has a name?
1
vote
2answers
139 views

What to do about “occasional” recommendation in a decision support application

I am designing a clinical application which displays a list of potential actions for clinicians to take ranked by their appropriateness to the clinical scenario (i.e., it looks like Google). ...
1
vote
6answers
153 views

circles that indicate the current image index

I just need to know what this is called: Let's say we have 5 images, then we have these 5 small circles beside each other above the loaded image and if we're showing the second image, the second ...
1
vote
4answers
185 views

Data tables - what's column should be first?

When creating a table with a lot of rows and a number of columns, what is the recommendation for which column should be first and most important? An example scenario for the data table would be a ...
1
vote
1answer
1k views

Avatar vs Profile Picture vs Display Picture

I have noticed that on message boards, that we use the name avatar for the picture on our profiles. On Facebook and Twitter they are called profile pictures, and on Skype it is called Display Picture. ...
1
vote
2answers
1k views

“Compare products” functionality on a product listing

Are there any good practices when it comes to "Compare products" functionality on product listings? I would like to do some A/B testing with different ones, but to be honest I have not seen something ...
1
vote
1answer
2k views

Better way to display excessive data in table cell iOS

I am displaying data retrieved from server in UITableView. Each cell has to display more than 10 fields as shown in figure. Its looking very ugly if I just simply put up the fields in cell. I have ...
1
vote
3answers
378 views

Best-practices for context-sensitive reports download section

Imagine a web-application that lets student take tests, analyzes the results and presents them to school administrators. The dashboard shows various stats, score break downs for the school overall, ...
1
vote
3answers
936 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 ...
1
vote
2answers
535 views

Action buttons for mobile — ok to go full width?

Is it acceptable to use full width mobile action buttons, say in the footer, like in the 1st example? It's nice and simple but I'm afraid users might mistake it for a regular footer. The 2nd example ...
1
vote
1answer
405 views

A Good “Invitation to Connect” Experience

We are building an "connect with your friends" part of our app and I am curious about a good way of doing this. My first thought is do like everyone else, so I looked at Facebook, twitter, LinkedIn, ...
1
vote
2answers
247 views

Is there a design pattern for an informational pane?

What I'm picturing is a side panel that updates with region-specific information as I mouse over portions of the form. Is there a name for this pattern? It's like a Two-panel Selector, but not ...
1
vote
1answer
666 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
1
vote
1answer
119 views

Color complimenting like Google's material specs

So here's my dilemma. I like Google's Material Design Color Specs, and they've obviously spent a fortune researching all the hues and shades. However, I'm dealing with a project where the end users ...
1
vote
3answers
139 views

What is the best UX for collecting a user's height in metric rather than imperial?

In Imperial, we normally collect feet and inches in separate fields, often via dropdown. In metric, what's the standard?
1
vote
2answers
103 views

Can I use a control NOT specified by Material Design?

Material Design has a comprehensive set of components, but no design framework can reasonably hope to cover all widgets. Many of the UX StackExchange questions on Material Design on this site relate ...
1
vote
3answers
333 views

Adding an item to a pop up list

I have a form in which a user can select multiple tags via a pop-up window (multi-select with check boxes). The tags are maintained in admin/settings section. It is not a good experience if the user ...
1
vote
1answer
348 views

Best way to capture users facebook & twitter usernames?

When capturing a users details, where the goal is to record their twitter handle (@username) and Facebook URL (/username121) what would be the best way to do this? At first I thought using a simple ...
1
vote
1answer
466 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 ...
1
vote
2answers
612 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 ...
1
vote
2answers
486 views

CMS Pattern Book

I am working on redesigning a CMS and I am looking for some more possible patterns. Does anyone know some good books or websites where they discuss CMS UI Patterns?
1
vote
1answer
125 views

What approaches to online commenting best promote high-value discussions and content?

Anyone who's read a news article online... ever... can see that old-style commenting ( ie: Enter your name, email address, and website (optional) ) is broken. StackOverflow's reputation model, and ...
1
vote
1answer
69 views

How to convey the “primary vs. secondary” button for screen reader users

I have an application that needs to be accessible for screen readers. This application uses bold text on primary button to convey information about the "recommended choice" like in the example below ...
1
vote
2answers
47 views

How to properly manage exchange between two lists of items/products in a desktop web app?

I'm working on a Web App UI mostly for desktop (but also working on tablets) where the user has to manage inventories in a modal window. He needs to select items from a stockpile (i. e. a large ...
1
vote
2answers
161 views

A higher order design language for UX [closed]

These days the digital design space doesn't just involve individual apps interacting with the user. A number of different technologies and trends has led to the prevalence of frameworks such as IFTTT ...
1
vote
2answers
279 views

What is the name of this dial/spinner-like interface element?

I've tried googling both spinner and dial, but they turn up results that are not this. I need to implement this in a website, and would like to know the pattern for it -- it's just so much easier ...
1
vote
2answers
94 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
1
vote
1answer
383 views

Term for a top menu that appears when scrolling up?

I am experiencing more and more pages using this style of top menu. When you scroll the page downwards, all is fine, but as soon as you need to scroll up for some reason (such as to read the ...
1
vote
2answers
119 views

What would you call that pattern for entering phone numbers?

how do you call this type of pattern where you first can select the type of a phone number, and then in the next field enter the phone number itself (the phone number being an example). This is well ...
1
vote
1answer
776 views

Password reset with lost email functionality

I have searched and viewed most of the other questions and answers about implementing forgot password functionality on a website. However, we have a unique situation. When a user registers an account ...
1
vote
2answers
532 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 ...