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

learn more… | top users | synonyms (1)

5
votes
2answers
198 views

What is the name for a pattern featuring helper text in a semi-transparent overlay?

I am seeing an emerging design pattern in web apps that is used for helping new users get oriented to a page or application. It consists of showing a diagram with succinct helper-text over a ...
7
votes
5answers
234 views

On news apps, how does using a different colour for each category help the user?

On news websites and news apps, a specific colour is often used for the link to each category (background colour or underline colour), and I would like to understand how this is helpful for the user, ...
3
votes
2answers
84 views

UI Options for Displaying Connected Apps / Managing App Connections

I am searching hard to find a nice way to show connections/interactions between various individual apps within an app store. This is important for two reasons: Certain apps exist mainly to ...
6
votes
5answers
281 views

Is there a pattern for cycling or toggling through time periods?

I'm looking for a pattern for toggling between different periods of time. Currently I've prototyped an example which is a single button that, when tapped, will cycle through 3 time periods: by month, ...
1
vote
2answers
114 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). ...
2
votes
1answer
76 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 ...
7
votes
1answer
160 views

Displaying links to other profile pages, while maintaining good white space

I am designing a profiles page for a website where by the names and position of company employees should be displayed on all profile pages for easy navigation. I do not want to put a <ul> to ...
18
votes
5answers
1k views

What should be the difference between enabled and disabled buttons? (especially if they are grey)

What is the best way to show that a button is Enabled or Disabled? (especially if it has grey color) For example what do you feel about the following button? Is it enabled or disabled? How could it ...
6
votes
1answer
243 views

Clicking twice to edit filename - what are the reasons for this pattern?

Like we all know, one can edit a file or folder name in Windows Explorer by either right clicking and choosing "Rename" from the context menu OR by highlighting the file by left-clicking, and clicking ...
2
votes
1answer
1k 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
5answers
729 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 ...
4
votes
3answers
157 views

In place editing in search result and searching again

I am looking for existing solutions to a user interface problem. My users have the ability to search in a list of items. The items can be either single or composite items. In the search result the ...
4
votes
2answers
288 views

What is a good UI metaphor for switching roles user plays in the application?

I am building a conference/tradeshow application where a user can assume multiple roles within the application and within a particular conference. For example a user can be an attendee, and have ...
4
votes
2answers
127 views

Evidence of Button-action and Link-action in the same scope?

When I started to know GUI in the early 1990s there were always the same type of control to perform an action of the same type, even though the action was different as in [OK] [Cancel] and [Yes] [No]. ...
2
votes
3answers
148 views

Group settings depending on state

I'm working on a settings screen for a web application which consists of a list of features that can be either enabled or disabled. To be able to easily distinguish features that have been enabled ...
5
votes
4answers
234 views

How early should you funnel users in a registration process?

As part of a registration form I am building I need to, at some point, differentiate between whether the user is a 'student' or 'professor'. I've seen this handled in two different ways and was ...
4
votes
5answers
332 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
6
votes
1answer
2k views

Should we use ‘narrow and deep’ or ‘broad and shallow’ navigation pattern on mobile devices?

If we have a large content environment on a mobile device, we need some way to access that content with ease. One could implement a narrow and deep navigation pattern which gives the possibility for ...
5
votes
1answer
360 views

Drag and Drop: Better to avoid drag-n-drop to offscreen elements?

I have a particular web interface in which drag-and-drop may be useful, however, the problem that I see is that the list of items to be dragged could potentially be very long (below the fold). Is it ...
4
votes
2answers
91 views

How to place text and a gallery side by side without giving more relevance to one or the other?

I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
1
vote
1answer
271 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 ...
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 ...
2
votes
2answers
141 views

Where can I find info about rudimentary navigation / architecture paradigms?

I need something that refers to classic approaches to structure content and the reason to choose them over others. For example: Tabs - use tabs when the different sections co exist and can be ...
29
votes
8answers
5k views

Best UI pattern for letting a user assign items to groups

Problem: the user has a list of about 5-20 uncategorised items and needs to categorize them into 2-4 groups. The tricky part is that the same item can be placed into more than one group (this is an ...
5
votes
3answers
13k views

Speech Bubbles meaning

I am developing a toon story to illustrate my company's offerings. May be I'll use a landing page, or just create it on the home page. I have 3 actors in it, a cab driver, a bpo company owner and ...
3
votes
2answers
225 views

Name of this semi ubiquitous pattern in Google Now search field?

With Android JellyBean, Google introduced Google Now, which is a fantastic addition in itself as far as I'm concerned. One interesting feature usability wise, something that dmh pointed out in a ...
8
votes
3answers
556 views

To lower user's cognitive memory load or not?

Naturally, it sounds like it is only best for our users if our design could reduce user's cognitive workload when performing a task. However, there are also theories that explain the need for a ...
5
votes
3answers
164 views

What are the advantages of existing real world patterns in Information Architecture

When explaining real data structures to users, companies often use a parallel to the real world to help explain it. An example is the newsstand on an iPhone. When is it a good idea to do something ...
7
votes
5answers
423 views

Design Pattern recommendations for application assignment visualisation

I'm sure there must be some terminology for what I require unfortunately I'm not sure what it is. Anyway, let me try to explain, I have a selection of applications for courses that are to be assigned ...
6
votes
3answers
2k views

Design patterns for Search

I know this may sound very generic question, but I am forced to post this to understand different patterns of search. I am working on a content oriented site which contains various types ...
4
votes
1answer
273 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
2
votes
1answer
234 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
1
vote
2answers
249 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?
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. ...
2
votes
2answers
152 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. ...
0
votes
1answer
67 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 ...
2
votes
2answers
243 views

Best way of selecting one option and a list

What is the best way of display a list of options nested within two options?I placed a mockup for reference to my question. If the user click the top radio button he should pick just one among all the ...
2
votes
3answers
306 views

Alternatives to display radio buttons vertically?

My preference is to display radio buttons vertically per common recommendations, per some research on completion speed, and to take advantage of Fitt's Law. However, I often get push back with regard ...
2
votes
3answers
158 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
1k views

Where can I find a comprehensive list of UI Components?

I think this is the site where I can ask this. Sometimes I have to build specials "slider" or "scrollbar" but when I try to look for information is difficult because I don't know the proper names. ...
4
votes
2answers
305 views

How to best enter long digits on a small touch device without using keyboard input

my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
2
votes
3answers
451 views

UI: name of multiple column interface?

Is there a "proper" name for the UI wherein it has multiple columns, and as you interact with the first column, the second column gets populated with with appropriate data? These columns act as a ...
1
vote
2answers
268 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: ...
4
votes
5answers
282 views

How to visualize similarity of one file to another?

Problem My file-system is a mess, over the years I've been accumulating way too many downloads I didn't care to uncompress and organize, code that was subject to endless copy+pastes and improvements ...
1
vote
2answers
182 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 ...
4
votes
3answers
129 views

When should feedback be in-page and when should feedback be a separate screen?

I've seen feedback/confirmation on a separate screen for example when the user has submitted a form. Then the next screen they see: "congratulations you have successfully..." Then on other occasions ...
2
votes
4answers
210 views

What happens when users register?

Usually when users register on a site does the email confirmation contain their username and password? When the user clicks the activation link does it make the user sign in or deep link them into a ...
2
votes
1answer
633 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 ...
0
votes
2answers
179 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 ...
4
votes
1answer
4k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?