Reusable solutions for commonly occurring problems in user interface and user experience design.
4
votes
2answers
2k views
Side navigation menus for Android tablets
The new trend of side navigation menus has taken over Android apps - Facebook, Evernote and now youtube and google+ are all doing the side navigation menu like here:
Though it seems like this has ...
3
votes
5answers
1k views
Slide out teasers near the bottom of the page?
On more and more sites now I'm seeing what I'm calling "slide out teasers" appearing at the bottom of pages. What happens is I'm scrolling down the page and nearing the bottom, and then a small box ...
3
votes
3answers
150 views
Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?
I'm working on a tool made for professionals to calculate advice for their customers.
The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface.
The ...
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 ...
3
votes
2answers
74 views
Remove items already owned from library
My scenario is:
You have a library of courses. These courses can be added to your own "my courses". When you already have a course in your "my courses" should it still display in the library ...
3
votes
2answers
186 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 ...
3
votes
2answers
614 views
tab menu + side panel - how to organize menu and “context menu”
I have a dashboard, with tab menu (tabs over the content) and a side panel with a vertical menu.
My question is. i would like to make one menu (tab or side panel) as first level menu and the other ...
3
votes
2answers
446 views
How to use topic maps
Some time ago I found a very interested technology: Topic Maps.
It solves to find information and to share knowledge. One of examples of this technology is presented on this site. See "tags", ...
3
votes
1answer
277 views
New design pattern for tagging documents?
Working on the design of platform for keeping annotations, I came up with a new way of tagging items, which I call 'Drag to tag':
Drag the tag to the words that are typical for the webpage to add ...
3
votes
2answers
257 views
Best practice for displaying no of records on datagrid
I am designing a banking application where i have a record count of over 1000 rows. I wanted to understand the ideal design patterns for pagination and displaying rows on a data grid.
I am ...
3
votes
1answer
506 views
Which design pattern is the best option for drilling down into data?
I have quite a large dataset which I need to display to end users. These data are grouped by super group, medium group and junior group. Medium groups are children of super groups, and junior groups ...
3
votes
2answers
126 views
What is the author referring to with “UX mail lists”?
After reading a Boxes and Arrows article by Stephen Turbek (packed with UXy goodness) I am unfamiliar with the phrase "UX mail lists" in context. Is the author actually suggesting a pattern library ...
3
votes
2answers
494 views
What's the best UX option to help users choose between three items
So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
3answers
1k views
Real example of inline edit
I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
3
votes
3answers
175 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 ...
3
votes
1answer
90 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. ...
3
votes
2answers
58 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 ...
3
votes
1answer
122 views
Information on various patterns for log in/join and in which context to use them? [closed]
Does anyone have any information regarding log in and register interactions, specifically which patterns to use in which contexts?
For example: A site where you can view most of the content without ...
3
votes
2answers
778 views
When designing (UX/IA) a property search system what are some important things to remember?
I'm designing the UX for a property search system. The platform is FSIS. I am basically looking for best practices in doing a Faceted Search while being able to incorporate many refiners based off the ...
3
votes
2answers
464 views
Examples of magnification/zoom to see details [closed]
I'm looking for examples of interfaces where the user is shown part of the UI enlarged or magnified so they can perform a detailed task.
One example would be the magnified text on an iPhone when ...
3
votes
3answers
80 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 ...
3
votes
2answers
93 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 ...
3
votes
1answer
102 views
Name that pattern: Notifications on reaching bottom of page
Over the last couple of months I have begun to see a pattern, but I don't know what it's called.
The concept is that when a user scrolls to the end of the page, or a point close to the end of the ...
3
votes
1answer
108 views
Suitable patterns for stating general availability
Does anyone have any suggestions of how best to allow a user state their general availability?
Scenario: managing appointments
Further info: The user in their profile has the ability to set the ...
3
votes
1answer
272 views
Internal Consistency vs. Consistency across the Industry
Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
4answers
166 views
What are some good ways to verify legitimacy of a commenter on a blog post?
I want to make sure that not just anyone is posting comments on a site - that is, I want to verify that its a legitimate person commenting. For example, having people write testimonials for a company ...
3
votes
2answers
242 views
Are there any UI pattern sites with a bookmarklet / selective screen capture (think Skitch) tool?
For over a year now I've been trying to get into all of these UI pattern sites, but the fundamental flaw I've found across the board is the level of effort it takes to create/post styles you come ...
3
votes
1answer
286 views
Do you know any good examples of mode-driven GUI frameworks? [closed]
I strongly believe UI usability and consistency would benefit a lot from frameworks able to generate high-quality GUI skeletons starting from formal specifications of data and processing requirements.
...
3
votes
3answers
845 views
What are innovative, new ways to design Master/Child relationships on a page?
I'm currently working on a ASP.net application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set ...
3
votes
3answers
128 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 ...
3
votes
1answer
176 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 ...
3
votes
1answer
167 views
UI pattern for shared editing scope among selected elements?
I'm having a hard time researching this pattern for WPF, partly because I'm not exactly sure of the correct term for it.
As best as I can describe it, here is how this editing pattern works:
...
3
votes
1answer
155 views
TDI vs SDI - when should an app that saves files to disk have one window per “document”?
tl;dr How should an application handle windows for content-savable-to-disk (sort of documents) behave under an OS that has menu-bar-per-window (Windows, Gnome Shell) and under an OS that has single ...
3
votes
1answer
92 views
What pattern to apply to a sizable flight logging form
I need to build a form of about 15 to 20 fields for the purpose of logging a flight. I will be collecting the following data:
Registration of aircraft flown
Designation of the user (pilot in ...
3
votes
4answers
621 views
Examples of designs that keep a title or heading in view [closed]
I'm looking for examples of designs where there is special logic that prevents a title, heading, or landmark from being moved out of view, so that the user doesn't lose their context.
Examples:
...
3
votes
0answers
377 views
Apple sharing icon the way to go? [closed]
Clearly the Apple share icon is coming a vert popular web standard for sharing. Do you think it can become an conventional usage? Should we adopt it and promote it more?
3
votes
1answer
319 views
Implementing the iPhone alpha navigation in the browser [closed]
Curious if anyone has examples of the alpha navigation used in iPhone apps to jump quickly through long lists, but implemented in the browser? Think - a mobile browser version of Contacts.app where ...
2
votes
3answers
203 views
Problem with repeated icons
What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
2
votes
5answers
670 views
How to accomodate a large set of filter controls horizontally on a page?
Since the left column is occupied by the left navigation, this leaves only the middle area for placing filter controls. But there is a need to provide for more filtering options in future. In such a ...
2
votes
3answers
77 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 ...
2
votes
2answers
145 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
225 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.
...
2
votes
4answers
185 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
279 views
Creating a transition pattern library
I am looking to compile and apply a list of transitions/animations across a web application.
Does anyone have any good examples of any existing transition pattern libraries out there?
I know the ...
2
votes
2answers
188 views
Why would you not want to align the name of a user and their avatar?
It's a little thing but I noticed that both google plus and facebook do not exactly line up the name of the user and their photo-the name is slightly lower than the top of the photo. Is this a ...
2
votes
2answers
383 views
Best practice for a property inspector that also allows users to edit
I am creating a UI that allows users to select and edit items and it works something like the following:
A user selects an item
An always visible property panel is populated with that items metadata ...
2
votes
2answers
738 views
Are group boxes a deprecated UI element?
Back in the day, it seemed like GroupBoxes were everywhere. Now, modern RIA kits don't even have them as basic components (Flex / GWT / Silverlight). Is there a reason for the decline in use - are ...
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. ...
2
votes
3answers
205 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
205 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 ...
