Graphical User Interface design (GUI-design for short) refers to the visual aspect of designing computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Generally refers to digital rather than physical ...
5
votes
3answers
200 views
Side by Side, Stacked, or something else?
I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form.
Below is a screenshot of ...
5
votes
4answers
269 views
Are side borders abused or they are actually useful?
Lots of desktop applications and websites add a border at the edges of the application area.
Some are clearly made for a good reason. For example, a left and right side border on User Experience.SE ...
5
votes
3answers
501 views
Jumping progress bar or running process indicator?
I'm developing a process with a predefined number of steps to complete so while process is running I can know how far the process has gotten and how much is there still to be done.
My process ...
5
votes
3answers
97 views
Is it OK to use 'free' in a tax subtotal?
we are designing a checkout page and in the subtotals area we have a breakout for tax, shipping and discounts.
We use the term 'free' rather than '0.00'.
So, for example:
Subtotal: $140.00
Tax: ...
5
votes
2answers
110 views
Correct ordering position for 'Yes', 'No' and 'Not now'?
What is the correct position for the 3 buttons:
Yes - No - Not now
(or Yes - No - Later)
is it Yes - No - Not now
or is it Yes - Not now - No
This will be on a windows 7 windows application, on ...
5
votes
4answers
244 views
rectangles Vs rounded corners of text fields on mobile
Do you think there is a difference in perceiving text fields which have round\rectangle corners ?
My goal is to establish a convention that round corners are fields which the user can enter input and ...
5
votes
2answers
165 views
How to make this 'Enable SMS' more intuitive
People seem to be missing this 'Enable SMS notifications' link at the top (which i can understand), I'm just looking for a suggestion as to how to make this more intuitive while still keeping the same ...
5
votes
3answers
413 views
Best way to deliver “mockup tool kit” to engineering team?
I've recently assumed the responsibility of shifting the design culture at a very technology/feature-focused company. (Our "product" is a web portal that customers use to manage the lifecycle of ...
5
votes
3answers
577 views
Best way to display a currency picker for an ecommerce site?
I've just converted an ecommerce site to support multiple currencies rather than just one and was looking for any feedback or experience in how to display the fact that the site can now be viewed in ...
5
votes
3answers
456 views
What is the UI pattern used for managing people in Google+ called?
I've tried to find more info on this particular UI pattern Google+ exposes, and I'm sure I've seen it before, but still, I haven't been able to find references to it.
If you go to the Circles section ...
5
votes
4answers
525 views
Software startup screens [closed]
I know there is advice (and very good advice at that) to generally not have startup/welcome screens in software.
Our software I think has a legitimate need for one, our free download is served from ...
5
votes
5answers
340 views
Best way to display plus/minus or pros/cons short sentences
I have information in short sentences (bullet list) and each bullet could be pros/cons or plus/minus toward a product. What is the best way to display it nicely?
For example:
+ Price is cheap
+ ...
5
votes
4answers
203 views
Form input types for fast data-entry?
So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
5
votes
2answers
1k views
Lateral Navigation with swipe views and tabs together with mapview
I've recently designed a new Android Application for a theme park.
According to Android Design Guidelines:
If your app uses action bar tabs, use swipe to navigate between the different views.
...
5
votes
2answers
340 views
UXD Methodology - Best practices for identifying a Global Navigation Toolbar implementation
I am part of a large webapp project, but a small UX team (we just went from 1 to 2, a few weeks ago). We were brought in terribly late in the process, to the point where there was literally no chance ...
5
votes
6answers
233 views
Making a legend Interactive?
I am working on an interactive map which displays various pieces of geographic information about a person - places worked, education, holidays taken, home addresses etc..
All in all there are 9 ...
5
votes
2answers
145 views
In a form, is Switching between advanced to basic a good idea?
I have a web page/form which users have to fill in before clicking the 'proceed' button.
Same old story I guess. It looks like this:
report name: [...]
report type: (*) PDF
( ) HTML
...
5
votes
5answers
91 views
Is it okay to have a login requiring users to first select from multiple services?
We have two services with logins on a page, the question is "should" we consider having a single login box which asks users to select which service they want to login to before hitting the login ...
5
votes
4answers
237 views
When are shadowless icons preferred over shadowed icons?
My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version.
By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon.
I ...
5
votes
2answers
198 views
How to best embed a search-as-you-type feature into an input field?
In an intranet UI, when creating or editing a news post, the user is able to attach a file to the post.
This is done by selecting the file which can be found through either:
a file name search ...
5
votes
4answers
908 views
I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]
Kind of a discussion based question, but bare with me anyway.
I am working on a web app that provides reporting. It makes reporting fun, honest!
I am struggling to design the Welcome page. It's a ...
5
votes
2answers
173 views
Convincing importance of a great UI [duplicate]
We have a good set of algorithms which are the core of our business. Our product itself works mostly as a plugin inside other workflows. There is web based UI which is used by some of our customers ...
5
votes
1answer
104 views
Should user be notified about technically unavailable features?
I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users.
Should I just hide the button that activates it? Or should ...
5
votes
2answers
160 views
How can I design navigation that also represents timed progression through stages in a process?
I am designing a system with the following characteristics:
Users view challenges that require them to submit a response
The challenges are broken up into 4-5 stages (e.g. submission, voting, ...
5
votes
5answers
231 views
Scaling an Address Form on Resize
My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form.
The problem is that the application runs in a regular ...
5
votes
2answers
475 views
What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?
As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
5
votes
2answers
56 views
Choice Box or Tabs for multiple contents in a view [duplicate]
I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories.
Would it be preferred to sort them in ...
5
votes
2answers
251 views
When is it appropriate to use a “well” UI element?
Are there standard uses for it?
I see it most often when embedding example code...
As see on Twitter Bootstrap: http://twitter.github.com/bootstrap/components.html#misc
5
votes
1answer
247 views
Price plan table with multiple payment options
I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
5
votes
4answers
732 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 ...
5
votes
2answers
61 views
Masked password characters in a GUI vs terminal
In a GUI form, or for example a login box on a website, it's usual for masked characters to appear like ********* as you type out your password.
But in terminal applications, for example ssh, this ...
5
votes
1answer
80 views
How to indicate that settings have been modified?
A button ("Filter by") allows the user to select a subset of all choices. After the user configures a filter, how should I indicate that a filter has been configured?
I've thought about adding text ...
5
votes
1answer
220 views
What are the requirements from a multi-row tab control in order that users will be able to intuitively tell which tab is active?
In the implementation in Visual Studio 2010's "Tab Well" (a feature of the "Power Tools" extension), pinned tabs can be multi-row, non pinned tabs are in one scrolling row.
In Firefox's "Tab Mix Pro" ...
5
votes
1answer
142 views
Heuristics to choose most appropriate chart for given data
I have typical web app. where the user effectively makes a query and he/she gets back some data. The data is in the format of 1 dimension/1 metric.
For instance:
city/population
country/population
...
5
votes
1answer
134 views
How long to keep an Undo option available?
I'm working on a medical decision support app, taking certain actions in the app may result in legal consequences, therefore I'm adding an Undo. It's a single step incremental Undo and if not used for ...
5
votes
1answer
191 views
Any recommendations on dealing with wizard screens with wildly different amounts of content?
I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...
5
votes
1answer
197 views
Flag vs. Star in E-mail apps! Which would be the optimal placement for a 'flag' or 'star' icon in e-mail apps?
Most people read from left to right, so In my opinion the flag or star icon should be definitely on the left.
In MS Office it's on the right, but there is an exclamation mark on the left (which has a ...
4
votes
7answers
352 views
Progress Indicator suggestions for multithreaded operations?
In the old version of our application, the operations performed during loading were sequential. We indicated progress by updating a single-line text string with the component that was being loaded. ...
4
votes
6answers
641 views
Two search bars on the same page or combination?
The main use of my site is video browsing. There is a search bar in the nav to search for videos. My site also has a photo section.
I need to add search functionality on the photo section. I'm torn ...
4
votes
4answers
252 views
How can I promote a value/ feature in a UI
I would to promote certain features/ values of my application throughout all its UI/ look and feel.
Edit: That is, through my application UI I want to place small hints that my company has certain ...
4
votes
4answers
254 views
Would you consider this a button? [closed]
I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation).
The first ...
4
votes
6answers
407 views
Icon to “Reset camera view” [closed]
Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
4
votes
3answers
264 views
Is it better to 'XOR' or 'shade' text that is highlighted?
What is the best way of displaying highlighted text in a text editor?
I know of shading, which simulates what a physical highlighter does:
And 'xor' highlighting:
Are there any other methods? ...
4
votes
3answers
363 views
How could the Golden Ratio be used to improve form layouts?
I designed this but it looks ugly to me.
What are your suggestions to make it look better?
I also would like to do some golden ratio calculations for its width and height but couldn't figure how its ...
4
votes
3answers
1k views
Vertical & Horizontal Scrollable UI
I am creating a UI that will allow users to search and the search results of which are displayed in section that is scrollable both horizontally and vertically. This is kind of weird because the web ...
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 ...
4
votes
3answers
97 views
Is it necessary to show the name of the application on the screen?
For a mobile application, should all views show the name of the application? On the one hand, we don't want the user to get lost, but on the other, it could just take up space. Is there a UI best ...
4
votes
4answers
235 views
Balance between mandatory fields and optional fields
I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
4
votes
3answers
1k views
Is a drag and drop UI usable for organizing/categorizing items?
I am creating a UI where a user can manage users by creating a group, and then dragging and dropping them to fill the groups as they would like. One problem I am faced with is that the complexity of ...
4
votes
2answers
305 views
Is there any definition/guidelines about user experience of Apple and Google?
I like the both Apple and Google user experiences. But visually they are different. Though, I need to know their basic concepts/theory about user experience.
So we will take their inspirations not ...
