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
3answers
341 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
1
vote
1answer
233 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, ...
4
votes
3answers
680 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" ...
5
votes
4answers
934 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 ...
7
votes
2answers
207 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
307 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, ...
1
vote
1answer
484 views

UX design document for Web platform Grid control

Is there any User experience(UX) design guideline document available for Web platform grid control? I am developing ASP.NET grid control and wanted to know if there is anything already available. I ...
3
votes
0answers
530 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
249 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
954 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
623 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 ...
1
vote
1answer
133 views

Why does in-line Label Edit in Windows Explorer have a delay?

When you open Windows Explorer, then select some file or folder, then click its file name, an inline label-edit will be invoked. But there is an intentional delay before the textbox is displayed. Why? ...
0
votes
1answer
148 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 ...
1
vote
2answers
279 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 ...
3
votes
5answers
571 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 ...
2
votes
1answer
264 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
2answers
116 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 ...
10
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 ...
11
votes
2answers
2k 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 ...
1
vote
3answers
2k 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 ...
2
votes
1answer
281 views

Tree for database objects and other elements

I am working on a database management application and I store the database objects (Tables, views, triggers, etc...) in a tree and I need some extra insight in re-thinking the features of the tree ...
0
votes
1answer
165 views

Designating Unique Templates within a Wireframe Set

Is there a "threshold" that makes a template a Unique template within the wireframe set? I have defined my "unique" templates as when the layout can apply for any of those pages with simple/tedious ...
4
votes
3answers
1k 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 ...
3
votes
3answers
1k 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 ...
3
votes
3answers
326 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 ...
4
votes
1answer
19k views

Designing an app for iPad / iPhone retina display

I am working for a client to develop an iOS app both for iPhone and iPad including for retina displays. The client is going to get the UX designs himself. We use the Apple's iOS Human Interface ...
5
votes
1answer
394 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
2answers
211 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, ...
1
vote
1answer
232 views

Combining Login and Forgot PIN in a mobile interface

This question is for an interface used on Mobile Phones, specifically for logging in to Mobile websites with the MSISDN of the user. Currently the local version of the interface in question looks ...
12
votes
4answers
403 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
1
vote
3answers
284 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 ...
1
vote
1answer
539 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
2k 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
5answers
296 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 ...
3
votes
3answers
2k 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 ...
1
vote
1answer
175 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 ...
4
votes
2answers
461 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 ...
1
vote
2answers
182 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 ...
-1
votes
2answers
365 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. ...
6
votes
6answers
617 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 ...
2
votes
1answer
607 views

File Uploading GUI : Improve [closed]

How can I improve the GUI of my file upload form?
28
votes
6answers
33k views

Best UI for filtered search with many filtering options as opposed to single text field

What UI provides the best user experience when searching using many filters as opposed to a single text input. For example: I have 15 filters (all optional) that users can filter results by. The ...
1
vote
1answer
276 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 ...
9
votes
1answer
2k 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
3k 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. ...
22
votes
10answers
5k 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)?
0
votes
3answers
210 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
380 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 ...
8
votes
5answers
724 views

Are double tabs on the same level acceptable?

In my Windows application, I want to show the user some kind of map. The information displayed on this map can vary a lot, depending on filters set by the user. With these filters set, the user will ...
5
votes
1answer
231 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 ...