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 ...

learn more… | top users | synonyms (1)

11
votes
1answer
1k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
10
votes
8answers
1k views

Why put the controls in the bottom (or the top) of a music player UI?

Among alot of the music players around the player controls have usually been arrange to the top of the application window, or to the bottom. What is the rationale behind the positioning, the choice ...
10
votes
2answers
1k views

What is the expected paging behavior of a tree?

I'm working with a tree data structure, which should be visualised (like in a file manager). The server can calculate the whole tree and the client will display it. The possible size of a tree can ...
9
votes
3answers
1k views

Are there any special design guidelines for big touch screens (30–50 inch)?

I'm about to develop an application for a large touch screen (around 40″). Now to my question, are there any special design guidelines for such a large screen? I have read Android/iOS/Windows RT ...
7
votes
2answers
907 views

Where can I find research about UI Design Across Form-Factors/ Devices (e.g. TVs & entertainment systems)?

Has there been marketable research in new UI design ideas that could work across form-factors (from desktop down to smartphones on the one end and to widescreen HD TV for games on the other)? So that ...
6
votes
7answers
2k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
5
votes
5answers
883 views

What are some reference works for capitalization in UI text?

I'm currently in the process of updating the language files for a large web portal. Over time, a lot of inconsistencies have crept in, and so in different places you might see contrasting: Titles > ...
4
votes
4answers
373 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
13
votes
12answers
5k views

Changing Colour of Social Media buttons to match Colour Palette

I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
12
votes
5answers
894 views

Is it recommended to play a sound for warning and error messages?

When you quit an application and it shows you a dialog box asking if you want to save or when you open a file and an error is encountered, some applications play a sound. By sounds I mean short, but ...
11
votes
6answers
499 views

How can I provide more detail for a UI element when “mouse over” functionality is unavailable?

I have a game for the iPad and there's no "mouse entered" or "mouse hover" functionality on that platform. Within my game I have a hotbar or skill bar like below. Typically a game that uses such ...
10
votes
8answers
579 views

How to design a screen in which users must choose a value from a list of options for each row in a 500 row table?

I'm designing an application that's supposed to help ease a very tedious and difficult task. Prior to this app - each user would be given a spreadsheet with about 5-8 columns, and 300-500 rows. (Each ...
10
votes
4answers
2k views

Language selection: top or bottom of the page?

A client has the requirement to provide translation options on their website, most likely using an automated solution like Google Translate. A colleague and I have been discussing the best way to ...
9
votes
3answers
307 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
8
votes
5answers
1k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
7
votes
2answers
190 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...
7
votes
1answer
1k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
7
votes
2answers
1k views

(One to many) to many form?

What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry? One parent element (a case - 15 data fields) One or more 2nd level elements ...
7
votes
3answers
777 views

Breadcrumb or tabbed form or best of both?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and our users have been ...
5
votes
3answers
1k views

Implementing UI Design of iOS to Android App, Good Idea?

I found a similar question here but I want to hear the answer to my questions. Our team has launched an iOS version of our app, let's call it X App. We have sold this to 3 clients and they like it. ...
5
votes
4answers
683 views

Alt key shortcuts anymore?

Do standard users use Alt key shortcuts for controls such as buttons anymore? eg. an OK button could have a shortcut of Alt-K which would be the same as pressing it. Any control on a form or window ...
4
votes
3answers
507 views

“Modernizing” legacy applications and legacy users

I'm tasked with modernizing many older UNIX based applications to new, web-based applications. The UNIX applications are completely keyboard-based (ie. "04" to select the fourth application, "Enter" ...
3
votes
3answers
172 views

What's a good modification/alternative to differentiating categories by colour when the number of categories grows large?

We have an application in which users carry out similar tasks on different types of reports. As such, the user's first interaction with the app is to select a Report Type. To make it easy to tell at a ...
3
votes
1answer
2k views

How to simplify a long form

We are designing a web app for tour operators and the initial data looks like the attachment, any ideas to simplify. some of the fields will be calculated those will be removed, and some unneeded ...
1
vote
4answers
510 views

What UI design should I use for a smartphone app?

On desktop platforms, using the system's control styling, etc. is a very common practice and changing it ("theming") is usually looked down upon unless the application specifically calls for it (like ...
10
votes
4answers
735 views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that currently has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team noticed that users missed the tabs and only noticed them ...
9
votes
1answer
392 views

Is there any research on whether users understand ellipses (…)?

This GUI design pattern goes right back to the Apple Lisa in the early 80s: Is there any research covering: Whether people actually notice the three dots (...) at the end of a menu item or ...
9
votes
6answers
647 views

Are multiple entry points good or bad?

My example is a web-based application, but I guess this could go for anything: Multiple entry points for the same action, good or bad? My example: Adding a product against a supplier (vendor). This ...
8
votes
3answers
1k views

Displaying percentage difference from zero

I need to display the difference in percentage from the old value with the new one. I got the formula and it's working except I don't know what I should display if one if the value is zero and the ...
6
votes
1answer
229 views

How to determine how many widgets is too many widgets?

Following on from my last question, we're working on a UX design for an application. Once logged in, the user is confronted with a dashboard, something in a similar vein to this; just more complex and ...
5
votes
3answers
743 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 ...
4
votes
1answer
232 views

What UX guidelines should one keep in mind when designing the GUI for a automobile center stack/console?

Desgining the UI for a center stack (100% touchscreen), still in the wireframe stages. However, when mocking up the home screen, it dawned on me I don't know much about UX (I do mostly backend work, ...
4
votes
2answers
311 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
4
votes
6answers
2k views

What default font to choose for desktop applications?

Finding the right font for an application seems to be an art. There seem to be many standards. Arial seems to be used in most applications I have seen, Segoe UI is the standard for Microsoft Windows ...
4
votes
2answers
320 views

How to best enter long digits on a small touch device without using keyboard input

my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
4
votes
6answers
414 views

Creating Interfaces that Build Emotional Bonds

What are factors in the user experience that lead to users having an emotional tie to an interface, why, and what would be an example of each factor.
4
votes
2answers
266 views

Best way to shorten item's names in lists, but retaining per-item uniqueness?

We have a drop-down menu for the user to switch between several accounts or profiles, and these accounts are identified by their legal entity name. There's a higher than random chance that many of the ...
4
votes
2answers
600 views

Alternative control to drag and drop for assigning tasks to an individual?

I am working on a web application for Branch Managers at an investment bank to assign accounts that are without Financial Advisers for whatever reason. Some reasons are the Financial Adviser has ...
3
votes
1answer
453 views

Applying the Windows UX Design Guidelines for Layout and UI Design consistently

There are many potential threads to this question I want to ask, but I will just limit it to two aspects from this example: Firstly, in the Insert Picture Dialog there are five different types of ...
3
votes
2answers
132 views

How to implement a stack exchange style voting for mobile?

I have a client who wants me to improve the usability of their current iOS app.. they have a voting mechanism that looks like this: i figured that this was bad usability b/c it didn't add up the ...
3
votes
2answers
1k views

Where should ads be in iOS App?

I am finishing my iOS Application which includes Ads. In iOS, Apple recommend developers to put ads at the bottom or top of the window (View). Does the cash the developers create change if you put ...
3
votes
1answer
290 views

What controls to fix this Filter?

https://www.scic.com/schedule I'm looking to replace the filters on the right side of the page and need to know some of the possiblities. For the date selector, I'm looking at using: ...
3
votes
1answer
258 views

Custom user gesture recognition: listen on startup or on hovering specific area?

I am developing a multitouch UI that takes input from a depthcamera (Microsfot Kinect). In other words, there is no physical "screen" for a user to touch. In addition to the default multitouch ...
2
votes
2answers
389 views

App drawer - does side matter?

I designed an app and would like advice on the side drawer. You almost always see it placed on the left side of the app. Have there been any references or studies on what happens if it's placed on the ...
2
votes
1answer
75 views

Dealing with a node-edge-node view

I'm coding up a graph db style (neo4j) UI for a tablet and am wondering how best to implement the actions on nodes and edges. Actions: add / remove node link / unlink nodes (edge) other actions on ...
2
votes
2answers
349 views

How to indicate an item can be double clicked?

What is an effective way to indicate to a user that an item can be double clicked? The product I am working on allows users to drag icons with single click and open these items with a double click. ...
2
votes
2answers
186 views

Should I alter the size of various icons when displayed on different resolution devices?

I know that images look smaller or bigger depending on the screen resolution so an image (say 10x10) would look bigger on a less resolution display and look tiny on a higher resolution display. I ...
2
votes
3answers
298 views

What are the job titles of people who design how software should look and feel?

In the construction industry, there's an architect: An architect is a person trained to plan and design buildings, and oversee their construction and an interior designer: Interior design ...
2
votes
4answers
525 views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
2
votes
1answer
170 views

Unclosable last tab in firefox. Is this a real decision?

Is there any convincing reason behind the decision to make to last open tab un-closable in Firefox? This change has been introduced several versions ago, and I still can not understand why I'm not ...