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

learn more… | top users | synonyms (1)

1
vote
1answer
327 views

Status Bars and their Nature [closed]

I want to know more about status bars, what are they useful for and what is the appropriate way to use them. I've noticed the following: Status Bars are always located at the bottom with the most ...
1
vote
2answers
283 views

Is there a design pattern for pull-down to <action> gestures?

Wondering if there is a design pattern for the RealMac Clear app on iOS that enables uses to create a list item by pull down? I have seen pull down to refresh on Android and WP7 issue, btw: ...
1
vote
1answer
673 views

What are the best practices for designing quote request forms in the insurance industry? [closed]

Can any of you suggest studies, usability test results and patterns for best insurance quote forms? How is this different from ecommerce checkouts or does much of the research around this also apply? ...
1
vote
1answer
304 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
518 views

Advice on great examples of social networking design ( profiles / search / my profile )? [closed]

I'm looking for some good examples of social networking based websites that have great designs: What to make the homepage Browsing users Showing profiles Searching for users or information Search ...
1
vote
1answer
34 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 ...
1
vote
2answers
249 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 ...
1
vote
0answers
124 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
123 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
3answers
326 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 ...
1
vote
2answers
155 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, ...
1
vote
0answers
179 views

Do you know some interesting patterns galleries for tablets? [closed]

I need to find some good examples of patterns for tablets. I know already a list of mobile patterns websites that I find really usefull but now I need something specifically oriented to tablet design. ...
1
vote
2answers
491 views

Long form sales page techniques and / or examples? [closed]

I've worked with a number of UX experts over the last several months and while I have resisted going down the "long form" path, they have circled me back around to this time after time without fail. ...
1
vote
1answer
211 views

Patterns in thinking driving UX design? [closed]

Ok, this question will be tricky. We were having a discussion among some colleagues, and I came up with the hypothesis that most of the current-accepted UX design patterns are mostly based on our ...
0
votes
3answers
271 views

Can we avoid using a form when creating something?

When the user creates something, let's say a page, an user profile or even a blog post, we can easily imagine a transitory page with a form that requires input. Some fields of can be mandatory and ...
0
votes
3answers
174 views

Trying to decide which page should be my home page [closed]

I'm not a UI person and would love to get your recommendation - which page should be my homepage? myvoternation.com or http://myvoternation.com/mvn/questions
0
votes
3answers
140 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 ...
0
votes
2answers
181 views

Android/iOS: Homescreen [closed]

I have noticed more and more mobile apps are removing their home screen, especially iOS apps. What do you think of this? Personally I think sometimes an app's home screen is redundant, just a pretty ...
0
votes
4answers
99 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 ...
0
votes
2answers
86 views

Selected or deselected items by default (events site)

I'm just curious how to go about this issue. I'm looking at an events site, where you can list the interest that you have in the initial sign up area. There are specific 'select all' and 'deselect ...
0
votes
1answer
2k 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 ...
0
votes
1answer
313 views

A Good “Invitation to Connect” Experience

We are building an "connect with your friends" part of our app and I curious as to a good way to do this. My first thought is do like everyone else...so I look to Facebook, twitter, LinkedIn, ...
0
votes
3answers
423 views

Magic meaning of Apply button on a form

I understood that [Apply] button does the same as [OK] without closing the modal form. Is it a programmer's trick to see changes outside current form and still be focused to it? Maybe it is like safe ...
0
votes
3answers
91 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 ...
0
votes
2answers
154 views

How can I determine the appropriate color,font for a website based on target group? [closed]

I am a web designer and often my clients ask me these kind of questions: What kind of site colors reflect my product? If my target group is of low income, what kind of colors/shapes does my website ...
0
votes
1answer
512 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
257 views

Is there a common best practice for rules generators? [closed]

I'm looking for examples of effective tools for generating and maintaining complex rules generators. Outlook's rules generator is nice – but doesn’t allow complex rules branching. Axure rules ...
0
votes
2answers
87 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 ...
0
votes
2answers
78 views

What is the pattern to show closely coupled data?

Like tab structure is used for showing not closely coupled data. Is there a pattern to show tightly coupled data. For Example: I have a record of a person with following categories. 1: ...
0
votes
1answer
127 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'. ...
0
votes
1answer
114 views

Similar Template Design Causes “Imitation” Concerns

I'm new to the web design and web comic fields. A little while back I posted this article on how to change my site design because it looked like it was from the 90s... How to not make my website ...
0
votes
2answers
114 views

Best way to identify different element states?

I maintain a reporting app and currently we're trying to come up with a new way to organize our settings page. We display our settings in a table, this is used for displaying the setting/values only. ...
0
votes
1answer
159 views

Contacts and content, many to many relationship

The below screen shot shows a prototype I am working on in which an email gets personalised for multiple people. Contacts might share part of a personalization with another contact but not the whole ...
0
votes
2answers
516 views

What are some wpf specific design resources for best practise in themeing controls? [closed]

What are some wpf specific design resources for best practise in themeing controls? Could you design legends point me to some sweet resources for themeing of WPF controls? I'm familiar with some of ...
0
votes
2answers
76 views

Picking a hymn with a minimum numbers of clicks from main menu

I am building an android app (hymn book). Users need to pick a particular hymn with a minimum number of clicks from the main menu. The problem is that the hymns are around 800+ and will keep ...
0
votes
2answers
60 views

Any online tool for creating style guide [closed]

My client has 10-12 years old web system. It includes websites, widgets, applications, different online forms etc. I could not find any pattern/ consistency across. Considering ongoing projects, I ...
0
votes
2answers
134 views

Where to find examples of admin layouts?

I am a software engineer. Every app I work on includes the need to create, read, update, and delete records. There is a list of records. You can add a new record. You can view, edit, or delete a ...
0
votes
1answer
68 views

Frameworks for web applications with UX focus [closed]

Which web technology frameworks focus on UX (and accessbility) for web applications?
0
votes
1answer
72 views

What is the correct title of the 'Off-canvas navigation menu' design pattern? [duplicate]

For a report I'm describing all the mobile design patterns used in my design and I should use the correct names. However, I can't find the correct title for the 'off-canvas navigation menu', a menu ...
0
votes
2answers
100 views

Bulk Editing with Conditional Fields

I have a form that is used to bulk edit a set of records. The form shows fields where the user can enter data, and if they do, those new values are applied to the selected records. When editing a ...
0
votes
1answer
135 views

image first or text content first?

Lets consider the following senario: I'm building a website for a mobile application and I have to create a text/image walkthrough for new users. Should I set first the text content and then add the ...
0
votes
1answer
31 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 ...
0
votes
1answer
532 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 ...
0
votes
1answer
93 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 ...
0
votes
2answers
149 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 ...
0
votes
4answers
268 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 ...
0
votes
1answer
226 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 ...
0
votes
1answer
57 views

Looking for good resources for interface patterns not related to web or mobile

I know there are lot of resources for examples of excellent interface design for web and mobile but I'm looking for some design patterns outside of those spheres. Preferably appliance type interfaces ...
0
votes
1answer
224 views

Datagrid Selection: Consistency & Placement

I'm working on an application that heavily utilizes datagrids (unfortunately) and I question the placement of the select option. Refer to my attachment and the list below: Select Option - Datagrid: ...
0
votes
3answers
798 views

Alternate UI Pattern for slider

I am designing tablet form where i have to capture term of investment for a deposit. Currently, i have designed a typical slider component but we have some technical limitation due to which we are not ...