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

learn more… | top users | synonyms (1)

2
votes
0answers
482 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 ...
1
vote
1answer
879 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
1answer
180 views

What is a Design pattern for “Remember Me” that forces user to explicitly choose “remember” or "do not remember?

We have a very nontechnical user base. We provide a "Remember Me on this computer" option (checked by default) but perhaps it should not be checked by default. However, I want to make sure they have ...
2
votes
1answer
271 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...
1
vote
4answers
454 views

What are the Design Patterns to indicate something has been clicked?

There are different Design Patterns to indicate something was clicked depending on whether it's text (changing the link color) or an image (special clicked picture). I'm looking for an effect that ...
1
vote
2answers
2k 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
2answers
657 views

Alternatives to Heavily Datagrid based data entry / editing

We've got a well established software base... thats getting on the dated side... and a lot of our UI relies on many datagrids on the same page/form etc. I've mentioned that I think this makes our ...
0
votes
1answer
56 views

Connecting devices into sensory network

I know that this question is not about web design or something like that but still I think that it's about usability and UX... I am thinking about sensory network where I have probably one main ...
1
vote
1answer
258 views

Are there any examples of multi-screen or multi-device design patterns?

There are increasingly more offices and work environment setups that allow employees to use multiple screens to do their work, and there are also many people who use multiple devices at the same time. ...
1
vote
0answers
220 views

Popular iOS UX patterns that are not (yet) in Apple's design guidelines [closed]

Other than the slide menu navigation pattern, what are other "not-yet-blessed-by-Apple" UX patterns that have emerged in many popular iOS apps? Here's why I'm asking: @JohnGB's answer to this ...
1
vote
2answers
182 views

How to mockup conflicting user preferences

I wanted some ideas for a mockup for a preferences page. Basic problem is how to deal with global preferences - e.g. I only want to get SMS not email conflicting with product preferences - e.g. some ...
1
vote
1answer
598 views

What pattern is used on LinkedIn's profile strength meter?

On LinkedIn, there is a pattern/widget that is used in several places. Most notably, it is on the right hand side of your LinkedIn profile, which shows how complete your profile is. When you hover on ...
1
vote
2answers
329 views

On mobile web app, where should primary & delete buttons go?

I'm looking at designing a web app for that allows users to view details info of an item and do one of 3 things Create another item by "copying" the current one (primary action) Edit specific ...
-1
votes
4answers
355 views

Design Patterns for simplest, easiest to use website Feedback/Contact us form? [closed]

I'm looking for some canonical examples of Feedback forms. (Sort of Best Practice kind of thing). Goal is to make this as easy to use and gather only enough info to respond to the user. I've looked ...
1
vote
1answer
407 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 ...
5
votes
3answers
335 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 ...
3
votes
2answers
511 views

Best way to represent gender

I am building a social app, but I'm stuck at one place. I have to show the gender of a user. I was thinking of a few things- Maybe i could show those gender icons like these,besides every user name. ...
3
votes
3answers
262 views

Is a hover tip with a slide out drawer that reveals labels enough to consider the cognitive load hit acceptable?

I'm exploring using icon only navigation for tasks/sub-nav on an education app. The interaction would provide a hover tip and also an arrow at the bottom would expand the menu to show the icon text. ...
2
votes
2answers
295 views

Has anyone used a hamburger style left nav in a web application (not a website)?

Has anyone used a hamburger style left navigation in a web application (not a website)? We are looking to see how you handled? If it is even popular thing to do for an application (not mobile) but ...
3
votes
3answers
384 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
1
vote
1answer
525 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 ...
4
votes
5answers
947 views

Multi-selection experience

We have a form that allows a person to indicate a curriculum, level, subject and price, but we're trying to figure out the most intuitive way of doing it. There's a few challenges though: The ...
3
votes
1answer
237 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 ...
2
votes
4answers
3k views

What is the best way to display language changing option?

We have a website that is dedicated to English teachers (English as a Foreign Language). The home page is mostly aimed at school principals - to interest them in our platform (product). That's why we'...
1
vote
2answers
545 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
79 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
927 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 ...
3
votes
5answers
881 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 ...
6
votes
2answers
799 views

Pattern Library Software

I've been looking at a recent A List Apart article on creating pattern libraries. They point to a few example pattern libraries: A List Apart Code for America MailChimp Now working in a UX Team ...
0
votes
1answer
46 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 ...
3
votes
3answers
242 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 ...
1
vote
1answer
157 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 ...
0
votes
1answer
2k 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?
0
votes
1answer
1k views

UI Design Patterns for image upload and management

We are looking for best in class design patterns for image upload and management for advertising? Specifically services that convey to the user all the needed sizes and aspect ratios for their ...
2
votes
1answer
205 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 ...
1
vote
4answers
298 views

How to show forms on One page websites

Our earlier website was an old school design with window size fixed pages with a lot of unnecessary content. We shifted to a one page website. We aim at acquiring leads for business through the site. ...
0
votes
1answer
251 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'. http://lab.hakim.se/...
2
votes
2answers
109 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
182 views

How to avoid conflict with potential simultaneous moderation of the same item?

I've got an upcoming project where there can be literally thousands of submissions at any one given time that need to be manually reviewed before publication (or rejection). So, there needs to be ...
1
vote
2answers
773 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
769 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 ...
7
votes
5answers
655 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 ...
16
votes
4answers
821 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 ...
1
vote
1answer
193 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
2answers
338 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
145 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 ...
2
votes
1answer
277 views

Filtering results in a given radius [closed]

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
2
votes
2answers
256 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 ...
1
vote
1answer
542 views

What pattern should I use for merging data display tables

I have a situation where i'm splitting one huge table (it is beyond 3 folds of screen) and creating two tables (one is new and other is updated version of old) Which are again huge in terms of height....
0
votes
6answers
3k 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 ...