Reusable solutions for commonly occurring problems in user interface and user experience design.
2
votes
2answers
382 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
485 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 ...
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
251 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 ...
4
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
848 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
204 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
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 ...
3
votes
2answers
492 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
1k 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
543 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
349 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
191 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
557 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
183 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
804 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
208 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
433 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
773 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
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.
...
4
votes
3answers
300 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
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 ...
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 ...
0
votes
3answers
364 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
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:
...
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
3k 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
152 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
479 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
516 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
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 ...
16
votes
6answers
2k views
Autosave UI pattern
I'm developing a web app that puts great focus on simplicity and "just-use" mentality. The basic idea is to write notes. When planning the concept, we where very positive towards the idea of ...
20
votes
6answers
2k views
Why does the golden ratio work? Or does it?
This is just one example of an article promoting use of the golden ratio in design. Over the past few years I've seen quite a few similar articles, but none of them really seem to go into depth beyond ...
8
votes
4answers
302 views
Can you describe the attributes, properties, and/or elements that make a user interface pleasing to the eye? [closed]
I've read that beauty is subjective and I've read that it is objective (I tend to believe a mix of both depending on the context). However I've also read that scientists found that a person generally ...
4
votes
1answer
319 views
Is it appropriate in a touch-based mobile web app to place the equivalent of “apply” in the header?
I'm creating a mobile web app for modern touch-based browsers, and I'd like to know if it's appropriate to put the equivalent of an apply / search / go / view results / proceed button in a thin ...
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 ...
8
votes
4answers
522 views
CMS Interface Logic. - Is this the best approach?
I am developing a cms system. Currently I am working on the Interface for adding new menu items to a menu. (Due to the cms Logic the menus are fixed, the user can not add or remove menus, only delete ...
0
votes
2answers
411 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 ...
34
votes
6answers
5k views
When is endless paging appropriate?
When is it appropriate to use endless paging in a web application (e.g. auto load or a "see more" link)?
Examples
Google Reader
Facebook
This also creates a few issues for the user:
Returning ...
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 ...
17
votes
3answers
1k views
Guidelines for autocomplete widgets
What guidelines exist when working with autocomplete widgets? I'm hoping for general guidelines that apply across different application types: web, desktop, and mobile.
A response to a Search as you ...
12
votes
4answers
1k views
What is the best way to visually present a sitemap?
Do you know which are the common patterns for a graphical representation of a sitemap?
5
votes
1answer
602 views
What nomenclature do you use for UI Elements
Having worked with multiple OSs, platforms and UI Kits I always run into the problem of how to consistently naming things be that larger structures with names like Widgets, Views, Forms, Controls or ...
