Reusable solutions for commonly occurring problems in user interface and user experience design.
8
votes
2answers
1k views
Fixing UI Antipattern “multiple menu levels”
My brain seems to be pre-programmed to make administrative UI's look like the mockups below.
In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
5
votes
1answer
272 views
Chrome Options UI Pattern Name
I've been looking for a way to organize hierarchical data. I came across the UI in Chrome Options. I really like it and think will work well for what I need. Is there a name to this pattern?
As you ...
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 ...
8
votes
2answers
600 views
What is the name for the technique used on Yammer, LinkedIn etc profile pages?
The technique I mean is where the profile page will say "You have completed 60% of your profile, fill in your x, y and z to get to 100%." I think this is a very powerful technique but I can't remember ...
4
votes
6answers
557 views
Creating a shared pattern library
I work in a small but growing team of UX designers developing a suite of web applications. It's become obvious that we would benefit from a common pattern library, but are unsure how to get started or ...
3
votes
2answers
793 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 ...
5
votes
2answers
263 views
Best practice for in-page search algorithms (not SEO for Google or the like)
my team and I are working on a football hub website and we would like to make the in-page search engine as powerful as possible as many uses would like to use search.
Q: Are there any best practice ...
1
vote
5answers
346 views
What is the standard convention for ordering On/Off buttons?
I am working on a Windows application that has a set of On/Off radio buttons, specifically "Low Power" and "Normal".
I have arranged them so that the Low Power button comes first, and the Normal ...
3
votes
2answers
624 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 ...
5
votes
2answers
5k views
A Better alternative to display Hierarchical Data than using TreeView
I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
2
votes
1answer
479 views
Where to find design patterns for product management web apps?
I'm creating a IA-prototype for a product-management web app.
I don't know the field (product-management) that well and I'm looking for samples.
The requirements for this Web-app are:
web-based
...
2
votes
2answers
395 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 ...
-1
votes
2answers
494 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 ...
8
votes
4answers
451 views
What is the name of this combined button/popupbutton?
This button is in the new Firefox, but what is the name of it?
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 ...
6
votes
4answers
254 views
How many interface designs are necessary beyond the initial mockup phase?
Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...
6
votes
4answers
2k views
Redesigning a My Account Page, What kind of navigation is best?
I have had this low priority pet project to redesign the My Account page on our site, http://www.yousendit.com, and since this has been on the back-burner for so long, I cannot determine the right ...
5
votes
1answer
1k views
Examples of Master/Detail UI for “Social-Style” data [closed]
I'm looking for examples of interfaces that allow users to explore complex, interconnected systems on a variety of levels, from high-level patterns to low-level details.
In the mapping world, this ...
5
votes
5answers
939 views
Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?
Firstly I would like to say that I don't think there is a concrete rule about where the logo on a website should be – but intuitively I think it should be in the top left at least for continuities ...
4
votes
2answers
207 views
What to call UI element like 'like' or 'mark as favorite' ?
Is it a kind of button? Do such UI components have a specific name?
2
votes
2answers
754 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 ...
3
votes
2answers
507 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 ...
18
votes
10answers
8k views
Alternatives to checkboxes and radio buttons in web-based surveys?
I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
19
votes
3answers
2k views
Best pattern for international address forms?
I've noticed an emerging pattern in web-based forms is to put the country field before city/state. This is contrary to how we would normally fill out an address on paper, but it allows us to have ...
10
votes
7answers
2k views
“Clear input” button within a search box - why nobody but Apple uses it?
In my opinion, this button is very useful, giving you an ability to start over in just one click. But I can't seem to find non - Apple software that implements this pattern. Why?
EDIT: I'm not ...
1
vote
5answers
550 views
Is it good or bad to follow iPhone native look and feel in design of mobile Websites?
Is it good or bad to follow iPhone native look and feel in design of mobile Websites?
I'm making Mobile website for Smartphones (iPhone, iPod Touch, Android, BlackBerry, Windows 7 Mobile) but the UI ...
9
votes
6answers
352 views
Do comments really need a “title”?
I'm sure most (or all) of you have seen sites that offer a comment form and a "title" field. However, is the title field really necessary? If so, what is the motivation behind it?
In my opinion, it ...
2
votes
2answers
193 views
What's the best design pattern for splitting things in parts?
I want to design the following interaction: user buys 1 ton of sugar and 100 apples, and wants it to be shipped to him in 3 different packs:
Pack 1: 200 kg of sugar and 50 apples
Pack 2: 100 kg of ...
4
votes
5answers
567 views
Where do people get web design patterns/inspiration from?
I like to think I come up with original concepts as and when I can but I do find it really gives me a kick start when I can see examples of what other people have been doing to inspire my own design ...
5
votes
6answers
184 views
How do you handle prohibition inside a “free form” interface?
I come to you with a dilemma that I think is most closely identified with 'user experience.' I'm wireframing a web application, yet this "free form" user area has posed a few interesting challenges.
...
2
votes
5answers
828 views
What's the best web design pattern for a list of people?
I have a list of people. Totally around 200.
I need to display the people's name, pictures and some other information in one page. Users could sort those people by name, country and other attributes.
...
4
votes
2answers
209 views
Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?
I'm developing a user-driven sandbox application, wherein the user (more or less) builds their interface. In my preliminary web design drafts, I've found myself favoring a contextual content area at ...
4
votes
5answers
442 views
What are some examples or design patterns of an aggregating website with different types of content? [closed]
I'm designing a website that is meant to aggregate on it's homepage different types of contents such as:
Blog posts from around the web
User generated movies, presentations, documents, pictures etc.
...
7
votes
4answers
809 views
Design / UX examples of multiple sub-sites with the same general look and feel
I'm working on an upcoming large project for a company that has many entities. They've recently decided that they want a master website to rule all of their entities. Each entity would have a section ...
3
votes
1answer
287 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.
...
4
votes
3answers
307 views
Multiple instances of a Property Editor
I am designing an application in which several kind of user objects have properties. When clicking an object, the properties of the object would be shown in a pane similar to the Properties pane in ...
12
votes
4answers
358 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 ...
4
votes
5answers
552 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 ...
0
votes
3answers
369 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 ...
3
votes
4answers
622 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:
...
4
votes
2answers
2k views
CRUD Desktop Best Practice
I always use this design for CRUD Desktop Form:
Is it a good design for a CRUD Form? Do you have any suggestions for a better crud desktop form?
21
votes
2answers
1k views
Do progress bars help completion rates?
I'm expanding on a question I posed in comments on How do you indicate progress to users in a multi-step form?.
Roland made the comment "because everybody wants to reach 100% percent" when discussing ...
8
votes
5answers
4k views
Desktop software design patterns
There are a lot of resources on the web about web applications design patterns, but only a few about desktop applications.
And this is quite strange as most of the business targeted software is ...
6
votes
4answers
2k views
Best Web UI for Large Amounts of Data Input
I'm looking for a good solution when users need to enter large amounts of data into a web application.
Example
A store owner wants to enter 30-40
new products into the system every
month. The ...
4
votes
4answers
2k views
Alternatives to Datagrids
I'm wondering if anyone has recommendations of alternative ways of presenting data that is "tabular" than a datagrid.
Can anyone point to some examples of this?
0
votes
3answers
153 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
5
votes
4answers
484 views
How to represent a one time action
I am doing serious games and simulations and I sometimes have the need to represent actions to the user that they can only do once. Basically the user issues a command that only needs to be done once. ...
11
votes
4answers
543 views
What UI designs are a good fit for the Kinect / PrimeSense DevKit?
Now that the manufacturer released the open source drivers, I'm interested in seeing what User Interfaces work well with this platform.
Please share any links, source code, or commentary relevant to ...
3
votes
3answers
856 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 ...
