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)

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
487 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
448 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
105 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
623 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
942 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
281 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
289 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 ...
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 ...
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
269 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
2k 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
401 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
377 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 ...
2
votes
3answers
815 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
83 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
218 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
587 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
324 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): ...
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 ...
3
votes
3answers
393 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
827 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 - ...
10
votes
3answers
310 views

Does a developer need a book resource for UX design or just get information from articles, websites?

I'm a java developer and in the last few years I've been doing more and more gui coding and design with Ajax toolkits. I've seen a real need to improve my skills with CSS and javascript in wanting to ...
4
votes
6answers
1k 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
61 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
140 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 ...