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)

4
votes
4answers
567 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 ...
1
vote
1answer
218 views

How do I make colour codes learnable?

In the question: Presenting options in tools where users can have two (or more) different roles Alex Ovi gives a great recommendation: integrate some consistent "dividers" for different users, ...
2
votes
1answer
65 views

“Save as” title for selecting location

i have an UI Element : download bmml source – Wireframes created with Balsamiq Mockups I cant figure out the title/label I need to give this UI element. The element is used for choosing ...
7
votes
2answers
184 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 ...
1
vote
2answers
242 views

iPad specific button UX question (rating/feedback interaction system)

TL;DR : how would you design better buttons than my 5 buttons for "I disagree" / Neutral / "I agree" feedback ? I am doing an iPad application used by participants of an event during a presentation, ...
6
votes
6answers
438 views

Suitable alternative to trackbar control

I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
3
votes
0answers
443 views

Apple sharing icon the way to go? [closed]

Clearly the Apple share icon is coming a vert popular web standard for sharing. Do you think it can become an conventional usage? Should we adopt it and promote it more?
4
votes
3answers
229 views

What is a suitable interface for exploring big images?

With the infographics fever there are a lot of big resolution images around the web. Usually, the designers are constrained to create them using long vertical formats otherwise it would be too ...
7
votes
3answers
746 views

Graphically displaying a conversation between more than two people

I'm working on a project that involves displaying a text-only conversation between anywhere from two to ten or more people. The reader will be either zero or one of the participants. The main UI will ...
3
votes
1answer
490 views

Use of Modal Dialog Box for User Sign In

The site that I am working on has a signed-in and a signed-out state. We're in the process of implementing a soft signed-in state (e.g., remember me on this computer). Doing that requires users to ...
0
votes
1answer
119 views

Badge and indicator styles changing? [closed]

I've noticed a change in badges and topic or product indicator design. It seems design is moving away from graphic images (such as a FourSquare type badge) to more generic looking visuals that still ...
3
votes
5answers
449 views

Why isn't a keyboard in alphabetic order?

Mobile Phone Keyboard Redesign A normal keyboard way designed to be typed with both hands, ten fingers. A mobile phone Keyboard was just a copy. Using Fitts law, I think the mobile phone keyboard ...
1
vote
2answers
210 views

UI suggesstions for enterting info in a spreadsheet

A Win32 Application has a spread sheet. Spreadsheet has some columns. What columns and what type of data in each column? that's determined when we load the spreadsheet application, it reads the data ...
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 ...
9
votes
1answer
2k views

Are the Metro UI icons poor for usability?

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g. I can imagine that this provides a target like effect, emphasising the ...
1
vote
2answers
106 views

Canonical way to layout collections that have the same behaviour

I have what is essentially a dictionary of 24 things. My initial instinct is to arrange them in a grid: The user I get to interact with has said that they want to use the scroll wheel to change the ...
3
votes
3answers
625 views

What is the best way to represent audio visually?

I've only taken some basic signal analysis courses, so I might be missing some things. Purely theoretical question: What methods exist for representing audio? What methods could be made for ...
1
vote
3answers
1k views

Where to place an “add new record” item for a listview?

I'm working on an app that has a listview, and I need a way to add rows to the listview. The code is not a problem, but I'm just wondering if there is a convention or consistent android UI design for ...
4
votes
2answers
363 views

What is the best way to organize all UI elements of a website in one place?

I'm looking for a good way to help us organize and keep track of the latest version of UI elements. The simple way I've found is to have one big file, maybe 10000 X 10000 pixels with all your UI on ...
3
votes
3answers
943 views

Small real-estate for long list choices

Given the context that this is an institutional product, it is a web-app that enables educators to manage students. The way the UI has been designed, there is a pop-up that will allow a user to add ...
5
votes
2answers
180 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, ...
3
votes
3answers
282 views

Check the box to confirm your email address

Some projects/clients firmly ask to confirm the email when a user enters information in a particular field. When I don't have a choice, I'm proposing a checkbox that users need to manually select to ...
5
votes
1answer
291 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" ...
31
votes
6answers
4k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
1
vote
3answers
211 views

Double-state switch control challenge for nonexperienced users

I have a challenge to optimize one service for sensor panel. It has a table with equipment list, and the user can manually change the state of every equipment — to "normal" or "failure" (only two ...
5
votes
5answers
274 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 ...
1
vote
1answer
343 views

Best way for a user to specify budget/price range?

When designing for a shopping service, the user should be able to specify what they're willing to spend on an item. Problems: There's no automated way to know what price range on the item, so the ...
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 ...
33
votes
9answers
4k views

What are the drawbacks of designing a Windows application to look like a Mac application?

I'm working with a company whose product is a Microsoft Windows application. As the UI/UX designer (and as a Mac user) I want to redesign the application so it is more visually appealing. Are there ...
1
vote
1answer
138 views

When the user is inputting large numbers what can I do to reduce errors?

I am making a online-survey. One of the questions is : How much do you want to invest next year ? The numbers can vary between 1000 - 100000€. I provide a normal input textfield, but the ...
1
vote
2answers
151 views

Organising vehicle categories screen?

Currently working on a taxi app and need to organise the vehicles into categories. The user will need to be able to quickly select their desired vehicle while showing passengers & luggage for each ...
-2
votes
2answers
270 views

What does it take to be a UX Champion? [closed]

In my User Interface position, we are facing the challenge of transitioning design emphasis from functional(level of effort, technical capability) to User Experience. So far it is a slow transition. ...
1
vote
1answer
240 views

Should you have rollover on a button?

download bmml source – Wireframes created with Balsamiq Mockups This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make ...
2
votes
1answer
448 views

File Uploading GUI : Improve [closed]

How can I improve the GUI of my file upload form?
21
votes
10answers
3k views

What's the least confusing UI for offering to either enter a URL or upload a file?

I have a simple form where a user may contribute a link or upload a document adding a title and optionally some notes. What's the best UI for allowing for either a URL or a file (but not both)?
9
votes
1answer
1k views

Are there any project methodologies for UI Design?

For my graduation assignment I'm going to design a completely new UI for my company's software. One of the requirements my university imposes is that the entire process be based on a project ...
2
votes
4answers
1k views

Large forms design guidelines and rules

I am working on a web gui of inner corporate CRM system which has a lot of pages with large forms, that contain 10-60 different types of fields: mainly inputs, also selects, radios and checkboxes. ...
85
votes
8answers
8k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. ...
0
votes
3answers
179 views

good reason/guideline/heuristic/principle, according to GUI design pattern, to align maximise, minimise and close button on the left side in Ubuntu

Since Ubuntu 10.04 (and maybe some other Linux versions), we sometimes see the maximize, minimize and close buttons on the: left side: and sometimes on the right side: . So, can someone explain ...
5
votes
2answers
345 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 ...
5
votes
1answer
181 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 ...
1
vote
2answers
404 views

Interfaces using Multiple Element Types: Tabs, Tables, Menus, and Accordions

I'm designing a website that is basically overloaded with information and I need to make a layout that will allow all the information to be taken in but with two restrictions: I want a maximum of ...
2
votes
3answers
379 views

Language Selector plus Action control

A web application I'm working on has a primary content action to "Add" something to a collection. As a secondary choice, the user can choose a language particular to this content item. I implemented ...
3
votes
3answers
824 views

What are the little arrows called that hide additional details?

In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details. Does this UI pattern have a name? Other ...
0
votes
1answer
84 views

Add more controls at Run Time

I am developing customized schedule generator application for which I need to design User Interface. This UI will have an option to select Date, Time and number of hours. This is simply possible by ...
6
votes
4answers
2k views

What is safe area / minimum distance for iPhone 4

What is safe area / minimum distance for iPhone 4 canvas?
4
votes
1answer
215 views

Documented guidelines for one-handed mobile phone interfaces

I'm trying to come up with user interface ideas for a mobile app that can be entirely used with your thumb while holding the phone with one hand. While I've looked at Apple's guidelines it doesn't ...
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 ...
0
votes
1answer
219 views

Presenting a list of items on a screen that already has a list

What I'm trying to do is show a list of alarms on the right hand side in the middle with the list 3:04, 3:06, 3:08. As the user hits + on the LHS, a new object is created that you can edit on the ...
5
votes
3answers
589 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 ...