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

learn more… | top users | synonyms (1)

2
votes
1answer
401 views

Universal auto-generated avatars

I'd like to find a way to create recognizable avatars automatically. We are working on a cloud application and for one segment of our target audience it's very likely that people will upload ...
2
votes
2answers
194 views

Explaining embeddable widgets to not so tech users

I need to design a view for two embeddable widgets (login and calendar) on a web-app for desktop browsers. The view should explain what the widgets are and how should the user set them up. Is there ...
2
votes
1answer
138 views

Design paradigm for order process where customer has no existing record

I'm creating an intranet app (MVC and razor) for a jewellery business. One of the forms is for creating a custom piece of jewellery, sometimes these are made for display purposes and have no initial ...
2
votes
3answers
477 views

Look and Feel Consistency for existing app with new features

I have an existing app, which is almost two year old and I am planning to build new UI screens using bootstrap framework. I start to realize that new UI screens are NOT having the same look and feel. ...
2
votes
6answers
1k views

Tooltips to shorten your content

At my job there is no UX expert, which can be frustrating since most of the daily discussions I have with colleagues is about user experience / interaction. Right now there is a discussion regarding ...
2
votes
2answers
363 views

What is a good globalization pattern for user-entered content?

I'm trying to come up with a pattern that will support globalization for user-entered data. For each language, the Admin User can enter a Name, Description, and possibly other fields for their own ...
2
votes
1answer
365 views

Navigation design pattern for showing current state

I'm looking for a high-level navigation design pattern that will also show the current navigational state. (Ex: Dashboard, invoices, settings, etc...) I am currently planning on using an accordion ...
2
votes
2answers
359 views

What's the best design pattern for splitting things in parts?

I want to design the following interaction: user buys 1 ton of sugar and 100 apples, and wants it to be shipped to him in 3 different packs: Pack 1: 200 kg of sugar and 50 apples Pack 2: 100 kg of ...
2
votes
2answers
78 views

Mixing material design with magazine design [closed]

I'm trying to create a design that will satisfy both marketing and UI needs. Material design solves a lot of problems from an application perspective, consistent UI elements such as tables, buttons, ...
2
votes
1answer
52 views

Edit-Delete on index tables

I'm redesigning an admin portal. Right not we have A LOT of index tables with Edit-Delete buttons exposed on the table. Some of the team members want to change the pattern: remove the edit-delete ...
2
votes
2answers
184 views

Explicit vs Implicit save. Differences between Android and iOS expectations

Our app makes use of a 'Shopping Cart' type metaphor, in which users can select from a variety of items, and then confirm or remove all these items at once. We'll call this explicit save. The ...
2
votes
2answers
18 views

Austosave causing clearing of input data [closed]

We have a web application that includes two internal tabs (within the webpage). One of which the user writes down comments, and the other where they only view content. There are times where they have ...
2
votes
1answer
293 views

Better List Builder Pattern

In the list entry pattern here the user searches for a record using the form input, and the results are displayed below in a grid. Selecting a record from the grid adds the record to a list. The ...
2
votes
1answer
203 views

Shopping cart in store management software

I'm currently designing a store management application to be used by employees of certain stores. At many points within the processes of this store, the user should be able to search the database of ...
2
votes
2answers
264 views

Should Sign up/ Register open a new page or just a popup window?

I am designing a simple web application. The only main function is displayed in homepage, together with other product feature promotion. On the top of the page, there are two buttons, for sign up and ...
2
votes
1answer
157 views

Pattern for multiple roles that have access to different parts of the same view?

Imagine I have two roles: Administrator Teacher Imagine a view Class Administrator has a subset of the functions allowed in the class view: Create a new class Name the class Add/remove students ...
2
votes
2answers
120 views

How to display AND / OR groups and exclusions

I hope I'm able to describe this functionality effectively. We have a feature which allows a user to create "Authenticator Groups". The groups determines how a user can register. There are "Allowed" ...
2
votes
2answers
140 views

Including interaction on a graph

I'm doing some design work for a client on an iOS app and I've got a question about adding interactivity to a graph. It's a wine app and the idea is a user answers some questions and the app creates ...
2
votes
1answer
106 views

What is the sorting order for displaying tiles on a multi-column layout

The use of a tile or card design pattern to present information as a replacement for the conventional list and table view presents a rather interesting challenge for programmers when they have to ...
2
votes
5answers
319 views

Should I enable hover dropdowns?

I was reading this article about tips & tricks for Bootstrap 3 and it has a trick for a hover dropdown (so you don't have to click before a menu pops up). Should I enable this? Is it generally ...
2
votes
1answer
97 views

Does placement in the tile/card pattern affect the number of clicks on the tile?

I’m looking for data on the popular Pinterest-like grid designs. I’m wondering -- Does placement in the grid affect the number of clicks on the tile (as evidenced by Google Analytics or other concrete ...
2
votes
1answer
276 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
3answers
1k 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 ...
2
votes
2answers
1k views

Adopting sidebars in iOS apps

It looks like several known apps for iOS (Foursquare, Spotify) now adopt the sidebar that already was present in Facebook app (screenshot is from Spotify for iPhone): AFAIK, this is not a standard ...
2
votes
2answers
260 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
92 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
179 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
3answers
129 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
176 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
655 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
2answers
80 views

Page navigation help for business application site

I'm making a UX/UI for email service provider software and I'm stuck on how best to do the navigation/controls for this page style: first, you view your email campaigns second, you check a box ...
2
votes
1answer
64 views

Using Javascript popups to create a workflow for legal experts writing and editing legislation

I suppose this is a ui-flow question. I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
2
votes
0answers
421 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
108 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
418 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
129 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 ...
2
votes
2answers
93 views

Is it legit to break some manufacturers guidelines in profit of a context or a need?

Everything is in the title, I'm currently having an eternal "confrontation" with developers. This question could be summed up like this : About mobile manufacturers guidelines, are they really made ...
1
vote
7answers
329 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
190 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
624 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
463 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
505 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
4answers
115 views

Pattern to show related fields with Boolean value

I am working on an application which show the employee's personal detail in a read only format. The form contains some fields which contains closely related fields where the answers are generally Yes ...
1
vote
2answers
396 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
145 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
1answer
4k views

Pattern Library vs Style Guide - what are the differences?

I work in a small team of designers and we've been slowly making our own Pattern Library. At the same time, the brand and marketing people have been collaborating with a visual design studio to ...
1
vote
6answers
193 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
204 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 ...