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)

3
votes
3answers
2k 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
220 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
361 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
440 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" ...
1
vote
3answers
309 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
325 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
626 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 ...
8
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 ...
38
votes
9answers
5k 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
180 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
186 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
436 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
301 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
697 views

File Uploading GUI : Improve [closed]

How can I improve the GUI of my file upload form?
9
votes
1answer
3k 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
4k 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. ...
0
votes
3answers
226 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
388 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
253 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
667 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
590 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 ...
4
votes
3answers
3k 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 ...
1
vote
1answer
117 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
4k views
5
votes
1answer
242 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
2k 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
288 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
751 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 ...
1
vote
3answers
555 views

How to list items with variants in an iOS Table View?

I'm looking for an elegant way to show a list of items in a Table View, where most (not all) items will have 2 variants. If I lay the items out as is (with A and B represented by icons): ...
1
vote
2answers
2k 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 ...
4
votes
3answers
514 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
2
votes
2answers
1k views

Intuitive AND/OR condition for query builder

Use case: User wants to find employees from a list based on some criteria. To simplify things let's say it is spoken language attribute only. Case 1: user wants to find person speaking multilingual - ...
4
votes
6answers
2k 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 ...
-1
votes
1answer
70 views

Dividing an application and naming the parts for team communication [closed]

Let's say we're building a CMS administration site. This site (roughly basing myself on Orchard CMS here) is split up in parts like "Content", "Navigation", "Blogs". "Blogs", is then split up again ...
1
vote
1answer
167 views

Show mapped input in form

As a part of a form I got one field where users input an id. This id maps to a name. I want to show this name in the form since spotting a typo in a id sequence of numbers is harder than recognising a ...
3
votes
3answers
243 views

User Interface that adjust itself to the user behaviour

I've been wondering why there so few apps that will adjust itself to the user needs? e.g. a user uses one button very often, so it will be bigger that the others. or a listbox item that is more used ...
4
votes
3answers
212 views

Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?

I'm working on a tool made for professionals to calculate advice for their customers. The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface. The ...
2
votes
3answers
113 views

How do I represent actions that can be performed on a canvas?

I have an SVG on top of which there are some circles. The following are the actions that can be performed: Single-click + Hold on top of canvas and then move mouse to pan the canvas Double-click to ...
1
vote
1answer
149 views

Desktop GUI loading slow

I am developing desktop based GUI (single form) using wxPython and loads it using remote citrix access from client private network. Suppose, the GUI has certain group of select and text boxes which ...
3
votes
2answers
398 views

Which UI element should I use to represent a sharing button on Android?

I am trying to create UI mockups for an Android app. I need something like this: I am using Justinmind prototyper free edition and I cannot find an UI element for the share button which produces ...
4
votes
1answer
152 views

Adding comment in a pop-up

In our system whenever a user wishes to move one entity from its module to another module he has to enter a comment in a pop-up. I want to provide the similar functionality in another module with ...
0
votes
3answers
138 views

How to convey element dimensions to casual users?

In a CMS backend dialog for controlling the dimensions of a content element (e.g. an image) including the possibility to adjust padding, borders and margins; In a GUI, what is a good way to convey ...
1
vote
1answer
346 views

Intuitive design pattern for selecting indexed table combinations in a relational DB

Background I am attempting to design an interface for users to browse data in a relational database. The features are similar to PhpMyAdmin but is intended to be simpler and more user-friendly for DB ...
4
votes
2answers
407 views

Interface for configuring a chain of modules

From a UX point of view, what is an effective way for users to configure a chain of modules? Each module can process one, or two types of data Modules can optionally accept inputs (one for each kind ...
3
votes
1answer
317 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
3answers
161 views

When is themeing applicable in web application?

I have seen few applications with the ability to change themes, for example, in my case, a HRMS application (there are many such). But, people seldom use custom themes or care about them in such ...
4
votes
3answers
386 views

Remove color to add emphasis

Context I'm working on a new user interface for a project portal system. Part of the system is a dashboard that lets the user know what the status of his project is. This dashboard is also there to ...
0
votes
1answer
154 views

Distracting User Attention with elements [duplicate]

Possible Duplicate: Blinking, bouncing and flashing elements Following my previous question, I have another question to ask of you. We've been asked on this UI build to consider adding RSS ...
3
votes
4answers
131 views

Does it make sense to combine Contact settings with company contact info?

We are looking to expand our website and want to have 3 sections: Contact Us Let us Contact you Stop contacting me Does it make sense to combine these 3 sections into a single page? Do you think ...
1
vote
2answers
2k views

Best practices for designing a finance dashboard

I'm creating a finance dashboard that allows the user to drilldown further into various kinds of metrics. Does anyone know of any best practices for designing something like this? I'm also looking ...