Reusable solutions for commonly occurring problems in user interface and user experience design.
2
votes
2answers
86 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
1answer
370 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:
...
3
votes
3answers
160 views
Are mega footers good UX? [duplicate]
I've noticed that several websites — especially universities and web development sites — have recently started placing mega-menus in their footers.
Here are some examples of what I ...
1
vote
2answers
53 views
UX for encouraging naming of an auto-saved item
I’m working on a web application where users can generate results after answers questions in a workflow. Over time, they will use this workflow to generate additional, different results. Our goals ...
3
votes
3answers
78 views
Is there a standard way to indicate a suggestive search (autocomplete) in a wireframe form?
I'm designing an interface, and I'm currently creating a wireframe to guide me before developing it. I know that a particular form will make suggestions, but if I were to, say, get another developer ...
4
votes
1answer
68 views
Alternative to a columns of checkboxes in a table
Here's the scenario:
A Person has a bunch of Accounts. Accounts may (or may not) have Services attached to it depending on the type of Account. Currently there are two types of Service (indicated by ...
6
votes
5answers
116 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, ...
5
votes
3answers
123 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 ...
5
votes
3answers
3k 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 ...
13
votes
5answers
439 views
How to define/classify messages and notifications
I have seen content from various style guides and UX guidelines about this, and was wondering if there is a much more simple system to create a consistent and easy to implement design for various ...
6
votes
4answers
816 views
Deliberate Barriers to Entry in Web Design
ACHICA.com has taken the "members only club" concept to a level I've never seen online; you can hardly view anything on the site without registering. This is the first time I've seen barriers to entry ...
5
votes
4answers
178 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
247 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 ...
24
votes
4answers
1k views
Design Patterns for Discoverability
What are some tried and true design patterns for discoverability in UI/UX, where information or a feature isn't necessarily overt at first glance, but is discoverable by using the interface through ...
6
votes
2answers
162 views
Is it OK to have a global navigation tab link to another site?
My organisation, which provides information and advice, is starting to sell things online as well. The 'shop' will be run on a different platform and is effectively a different website (but will be ...
8
votes
4answers
1k views
ICS style guide - Is there a standard icon to indicate drag and drop in a list view?
I searched here but didn't see an answer. I've gone through the new ICS Android design guidelines but did not see a standard icon or recommended icon for drag and drop in list views.
Is there one? ...
7
votes
5answers
252 views
Zebra striping for body text?
The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
-1
votes
0answers
46 views
Which is the best UX Mobile OS [closed]
I want to buy a best UX operating system mobile. We have many os mobiles like android, iphone, windows,... Which one is the best UX mobile.
11
votes
8answers
1k views
Best practice for translating context menu options to touch devices?
I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
-5
votes
0answers
45 views
Examples of similar sites as gap.com [closed]
I'm looking for e-commerce sites that have a similar structure/UX as gap.com. different companies/brands that live under a parent brand.
18
votes
8answers
696 views
What are the best IxD/UI Pattern libraries? [closed]
Quite a few question as about design patterns for x or y interface. Where are the best design pattern libraries?
13
votes
8answers
1k views
Do you know any comparative resources like mobile-patterns.com [closed]
Mari Sheibley is the lead designer of foursquare and has created this awesome site comparing mobile UI patterns - for example showing how a feed page looks in different applications, etc.
I've found ...
10
votes
5answers
363 views
What is the correct meaning of “slider”?
I'm confused by the word "slider". It seems to be used interchangeably for two quite different types of UI control.
An input allowing selecting of a point on a numeric scale, as in the jQuery UI ...
4
votes
3answers
149 views
Using a table within a mega drop down
I've a quick question about combining a mega drop down with a tabular list view. Ideally I'd prefer jut to have the list to pick from but the list also requires sorting. I'm not really sure that this ...
7
votes
1answer
62 views
strategies for applying properties to many items
I'm working on a web application where one of the workflows centers around the configuration of a large number of items. An important part of this configuration is applying one or more properties to ...
12
votes
4answers
357 views
Best Practices For Marking New Content
In my web app I want to clearly tell a user what has happened while he was not there.
At this time I just highlight new posts with yellow.
But if there were many changes then the whole page is ...
2
votes
1answer
65 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 ...
3
votes
5answers
122 views
Using scrolling up from pageload to reveal additional content
There are certain sites have a pattern where the page loads, and then if a user scrolls up, additional content is presented. I know that NBCNews.com does this with certain pages, and I've been told ...
5
votes
4answers
730 views
Design pattern for merging duplicate contacts?
Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
0
votes
0answers
39 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
1answer
46 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. ...
1
vote
0answers
48 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. ...
12
votes
4answers
352 views
What is the best way to ask for a specific amount?
Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
6
votes
4answers
93 views
When is it appropriate to split functionality into separate apps?
I'm a designer and my company has a single app that serves two different types of user.
One group is the general public, who uses the app to navigate big events (e.g. annual user group meeting ...
3
votes
1answer
86 views
Examples of patterns for multiple file uploads using drag and drop?
I've been working on an app that involves making an application for a permit. Applicants typically need to upload 5-16 documents (drawings and specifications) before they submit their applications. ...
7
votes
1answer
81 views
Assigning tasks to user based on work load
I'm working on a pop up where you can assign percentages of applications to users based on current work load. For instance, I have 100 applications that need to be worked on and are not assigned to ...
2
votes
1answer
72 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 ...
3
votes
2answers
92 views
UI patterns for data composition
More specifically, I would like to create an interface which
Takes input from one or multiple sources.
Makes it possible to process on these inputs
Provides a way to capture the output.
One way I ...
0
votes
1answer
75 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 ...
2
votes
1answer
47 views
Interface to merge suggested updates with existing information
I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...
8
votes
6answers
372 views
Best way to communicate an abstract app concept such as a 'workspace' to users
The issue I'm struggling with is fairly specific, but it touches on a general UX topic, which is how to help users grasp some abstract app concept, such as some information organization or structuring ...
2
votes
3answers
107 views
Providing multiple paths/flows for the same Action
We are developing a complex platform with heavy functionality, and I am having a dilemma, concerning whether or not to add a button for the same functionality one-step earlier in the User Flow.
As ...
9
votes
2answers
155 views
What is a name for this “plate” scrolling functionality?
The Google Ventures website at http://www.googleventures.com/ has interesting functionality -- when you scroll down the page, the upper "masthead" stays fixed to the window but is slowly covered up by ...
17
votes
5answers
765 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 ...
7
votes
4answers
1k views
Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]
I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
8
votes
5answers
132 views
New search pattern for eCommerce website, will it work?
I'm trying a new kind of search navigation (sort of tag based) where a user selects already populated options (relationships and occasion) and search.
Already populated options are on the left ...
2
votes
3answers
110 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. ...
1
vote
2answers
112 views
Action buttons for mobile — ok to go full width?
Is it acceptable to use full width mobile action buttons, say in the footer, like in the 1st example? It's nice and simple but I'm afraid users might mistake it for a regular footer. The 2nd example ...
4
votes
2answers
76 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 ...
4
votes
5answers
545 views
Encourage users to tap the “review” button
How to layout an Info screen, so as many as possible are tempted to tap the "review" button?
I wish users would tap the "review" button and write a long positive review on the app store where they ...
