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

learn more… | top users | synonyms (1)

0
votes
4answers
91 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
75 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
3answers
419 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
1answer
322 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
288 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
1answer
248 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
122 views

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

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
2answers
82 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
1answer
92 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
110 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
112 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
154 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
506 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
1answer
51 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
76 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
115 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
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 ...
0
votes
1answer
84 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
120 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
247 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
190 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
206 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
657 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 ...
0
votes
1answer
197 views

What's the most beautiful navigation experience you've seen in an app in the last year? [closed]

I've noticed that all apps are becoming the same. Top and bottom navigation bars, and everything where you expect it to be. This isn't necessarily a bad thing, but has anyone seen anything thing ...
0
votes
1answer
69 views

Putting a one-page view of my website on other websites I do

When I do websites, most times I add a page dedicated only to my main website to serve as publicity and awareness..this is normally done after seeking the consent of the website owner. The issues I'm ...
0
votes
1answer
270 views

Gathering end user feedback on a mobile device

I would like to be able to solicit feedback (comments, suggestions, etc) from end users within my mobile business applications. I would expect the feedback to range from "I really love/hate this" to ...
0
votes
1answer
69 views

How to enter separate amounts then give feedback if the total meets a given amount?

case: During an ordering process, the user should be able to divide a given amount of money into a '1 to infinite' number of pots. So the sum of everything should be exactly the same when the step is ...
0
votes
1answer
259 views

Could you point out to touch-screen interface patterns (inclusive of iOS/android/blackberry)? [duplicate]

Possible Duplicate: Do you know any comparative resources like mobile-patterns.com I have seen a few patterns page, but can you point out to interesting screenshots or patterns for ...
0
votes
3answers
582 views

What are good visual metaphors for exploring many-to-many relationships?

Right now I'm using two lists side by side where clicking on an item in list A filters list B to offer only the Bs related to the selected A, and Vice Versa. So clicking on B3 make A2 and A5 disappear ...
0
votes
1answer
141 views

How to convey the message of 'organising the cloud' to users?

https://datkey.com is a service we are launching in the near future and I got great input from my prior request so hope a new page connects with users better. Any tips on how to convey to users the ...
0
votes
2answers
65 views

What do you call the UI design pattern where “new feature” text appears on load in a popover?

I'm trying to think of the term that describes the design pattern of placing instructional text about a new feature inside a popover. It's like a coach mark, yet not in the traditional sense with a ...
0
votes
2answers
63 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
0answers
70 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 ...
0
votes
1answer
43 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 ...
0
votes
1answer
369 views

UX 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
162 views

Filtering results in a given radius

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, ...
0
votes
0answers
32 views

Design mobile app with slide menu button at top right of screen [duplicate]

I've met a very very odd situation when dealing with mobile app design suggestion for a Project Manager. It's about the Side-Menu (or Slide-out Navigation, Menu Drawer...). The pattern is not new at ...
0
votes
0answers
54 views

Consistency in Mobile App [duplicate]

Should we maintain same design for all different native app platform? Or can we change depends on mobile design flow? Please clarify my comfussion. Ex: 1. facebook same in both android and iphone 2. ...
0
votes
0answers
49 views

Mobile pattern library with animated IxD examples? [duplicate]

Can anyone suggest a blog or pattern library that demonstrates interaction design examples? Everything I've seen to date uses static screenshots, but nothing that actually animates the interactions or ...
0
votes
5answers
578 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 ...
-1
votes
4answers
95 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
votes
1answer
74 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?
-2
votes
2answers
577 views

Could you please comment on this web layout? [closed]

I am designing a forum related to certain academic topics with features similar to Stack exchange sites. I have designed a web layout to facilitate easy navigation between the post overviews & the ...
-3
votes
1answer
144 views

What is the best format to ask users to submit financial information [closed]

I'm looking for an example of a simplified way of asking users to submit financial information in an online form for the following 4 categories e.g. income, commitments, assets and liabilities. Any ...