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)

12
votes
5answers
866 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
417 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
470 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
1k 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
280 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
951 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
183 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
2answers
977 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
678 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 ...
6
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 ...
5
votes
3answers
998 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. ...
4
votes
5answers
539 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
3answers
452 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" ...
4
votes
4answers
564 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 ...
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
472 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
607 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
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 ...
9
votes
1answer
362 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
540 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 ...
6
votes
1answer
210 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
671 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
2answers
277 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
397 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
564 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
142 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, ...
3
votes
6answers
1k 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 ...
3
votes
2answers
129 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
1answer
278 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
253 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 ...
3
votes
2answers
235 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 ...
2
votes
2answers
337 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
70 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
161 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
2answers
700 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 ...
2
votes
3answers
253 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
407 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
154 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 ...
1
vote
4answers
436 views

Examples of hierarchy in data tables and their usability

Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
1
vote
4answers
194 views

Is there a Web UX standard as to when to use, or not use a tool-tip?

Current web application is being updated with twitter bootstrap and the UX people are hover / tool-tip happy which is leading to a very busy page. My understanding is that tool tips should be used ...
1
vote
0answers
70 views

How can branches of a query language be added dynamically in a browser? [closed]

Our group developed a stream-oriented NetFlow query language, called NFQL. Given that it can have multiple filtering/grouping stages and a number of branches, defining a query in a text file can ...
1
vote
3answers
192 views

Am I right to sort the the RHS listbox alphabetically in a paired-listbox GUI?

I have a Dual/Slaved/Paired Listbox GUI*, and I'm trying to convince colleagues that it makes the most sense for the RHS listbox to be sorted alphabetically rather than in order of addition, ...
1
vote
2answers
101 views

Combining rotation and straightening of images

Topic may seem weird as the two terms seem to mean the same. Clarification: Rotation: The typical way of grabbing a corner and pulling in the direction you want the image to rotate. Straightening: ...
0
votes
2answers
561 views

UI design for multiple attribute based filtering

I have a movie dataset. The dataset contains movie's attributes like title, actors, directors, imdb rating etc. I am working on a web app which enables user to apply filters on the dataset. For eg the ...
0
votes
2answers
1k views

Using the “X” as a close button vs a button labeled “close window” [duplicate]

Possible Duplicate: Closing modal dialogs I'm developing a flash application that has buttons that popup a window with more text, and information when they click it. This happens throughout ...