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
2answers
832 views

Where can I find research about UI Design Across Form-Factors/ Devices (e.g. TVs & entertainment systems)?

Has there been marketable research in new UI design ideas that could work across form-factors (from desktop down to smartphones on the one end and to widescreen HD TV for games on the other)? So that ...
0
votes
2answers
787 views

How best to display top-down decomposition data (hierarchical) with in place-editing and child addition?

We have an HTML/CSS UI where there exists a top-most item (root) - you click that you get a text box to enter some content and save. It shows up as indented/styled child of the parent. Basically the ...
3
votes
3answers
1k views

“Desktop”-like web application

We are a group designing a big project. Its main purpose is educational matters (we run an online quiz). I have designed a desktop-like interface for the website with icons and a start menu. I just ...
8
votes
10answers
749 views

How can I deal with too much blank space in a desktop application?

Usually people are concerned with too much data/interface, and not enough screen real estate, but I'm in the opposite situation. The desktop application I'm working on has several tabs for entering ...
4
votes
2answers
1k views

Pop-dialog usage on Android tablets

I am in the process of adapting a large application to taking advantage of Android 3.x features and introducing tablet type look and feel. One thing I am unclear about is what the usage recommendation ...
4
votes
2answers
221 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
1
vote
0answers
127 views

Awesome sources to see great UIs and usability [duplicate]

Possible Duplicate: Must-read User Interface Book? As an outsider (aka. not a designer) and due to the lack of time to innovate, I want to create great UIs and great usability by example, ...
4
votes
4answers
270 views

How can I promote a value/ feature in a UI

I would to promote certain features/ values of my application throughout all its UI/ look and feel. Edit: That is, through my application UI I want to place small hints that my company has certain ...
30
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
0
votes
1answer
103 views

What is a good visual format for a “show” page?

Let's say the user clicks on something that is an entity in the system. In my case, it's a template for a course that students take. On this screen, I want to show various properties of the template ...
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 ...
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 ...
1
vote
2answers
574 views

Displaying and editing complex data

I need to display large amount of data per each record, and perhaps edit it. I thought maybe displaying data that is most stable in table rows with an additional side panel for additional data, like ...
5
votes
5answers
1k views

Suggestion for Critical Application GUI Font

I create a critical software (which affect safety), on the GUI, I need a font that has clarity & clear typeface which is very readable, mostly that font will be displayed at height of ~18px, do ...
5
votes
1answer
210 views

Any recommendations on dealing with wizard screens with wildly different amounts of content?

I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...
2
votes
3answers
851 views

Main Tabs & Sub tabs colour codes, best practice?

We are developing a webapplication and some of us has gotten into a small argument of how the main tabs and their corresponding sub tabs should be displayed. It's mainly a question of weather the ...
6
votes
4answers
1k views

Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]

I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this. Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...
16
votes
11answers
2k views

What's a good scroll bar equivalent for a spiral script?

One of my friends is writing a fictional story about a people who use a script that is read in a spiral from the inside out. They write on long coils of flexible material, and longer texts are fed ...
15
votes
6answers
950 views

Is flashing red text a good idea for denoting an active alarm?

I'm working on a windows application that is showing the realtime status of a particular piece of equipment. While operating the equipment (via the application), two important values & labels are ...
7
votes
4answers
337 views

When users ignore icons is it poor design or distracted users?

I maintain an enterprise intranet application which has extensive logging. After reviewing months of error logs we focused on one trouble spot where the user must enter mandatory activities before ...
0
votes
2answers
164 views

List with links on a touchscreen device

I'm new to this community (and kinda new to ux design too) and I'm having some trouble building the interface for a digital menu for restaurants which is going to be used on android tablets. The main ...
3
votes
2answers
396 views

Force Directed graph for visualizing hierarchical forms Bad Idea?

Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
7
votes
4answers
1k views

How to design an IDE?

I am looking for professional advice including blogs and papers on how to design scalable Integrated Developement Environments (IDEs) and different approaches to it. By scalable I mean that the IDE ...
3
votes
1answer
128 views

Name for specific search form type for automobile sites

I'm doing a research on web search usability and interface design for search. I already have a website to exemplify, which is a sort of search engine for cars. The search form is important in the ...
2
votes
2answers
328 views

How to present data, part now, part later

Here's the scenario: You have a (hierarchical) catalogue of information about products. Some product information is local and the rest is remote. There could be upto 1000 distributed in some way - ...
2
votes
3answers
224 views

Is there any free tool to explain the interactions between website pages and elements on a big single screen? [closed]

Is there any tool to explain the interactions between website pages and elements on a big single screen? I have all screenshot images for all pages of websites, Some are lightbox on same page. some ...
2
votes
2answers
98 views

Best way of handling a special requirement in shopping cart

I'm mocking up a shopping cart for a hair salon. It's going to end up on their Facebook fan page so I'm restricted to Facebook's tab size of 520px. Because of this I've decided to use an accordion ...
3
votes
2answers
368 views

Bland shades of grey application

I'm going to be working on enhancements to an existing desktop application, however, it's basically different shades of grey with some dark blue-grey. There are some icons with some color and that is ...
2
votes
4answers
176 views

Optional Comments on Saving

Maybe I'm crazy, but every UI mockup I seem to get passed to me, I end up ripping apart. And in the end, my suggestions are often shot down. We end up creating UI's with what I consider to be a ...
2
votes
4answers
326 views

How to design batch adding in a web application?

I'm creating a web application with batch adding and batch editting function. Could anyone suggest an interface on how this will go about? Im using PHP as the server side language. I am creating an ...
1
vote
2answers
173 views

Designing a webpage news reader as an overlay

Suppose on a webpage (accessed through a desktop browser) one has a list of news items displayed as headlines. When a user clicks on one of the headlines the full news text is shown in a lightbox-like ...
0
votes
2answers
253 views

What term should I use for removing characters from user input (Bank ATM consoles)?

We are developing the UI for a banking ATM console where many of our customers are not aware of computers common GUI terminology. So what term should I use for removing entered characters if someone ...
-1
votes
1answer
134 views

Suggestions for icons for windows applications [closed]

I would appreciate if anybody could give me suggestion to create icons for Preview, Advisor, Settings, Reports, Report a Problem. Please keep in mind all these icons are for a print application for ...
4
votes
4answers
283 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
4
votes
6answers
502 views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
7
votes
4answers
1k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
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 ...
3
votes
3answers
584 views

Should I use customized social buttons

I am facing a cornelian choice. Should I use custom social sharing buttons for UI consistency or should I keep them original for better recognition ?
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 ...
4
votes
4answers
272 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
2
votes
2answers
649 views

Why show the global menus only on mouseover in Ubuntu Unity?

The new Unity interface in Ubuntu since version 11.04 has a global menu bar. This menu bar shows a behaviour that I find very surprising, it hides the menu entries as long as the cursor is not above ...
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 ...
2
votes
2answers
262 views

Tentative vague appointment

I am working on a web functionality that allows an user to request an appointment with another user. However, users may have not met nor known about each others schedule. Therefore, options must be ...
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.
15
votes
6answers
312 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
2
votes
5answers
272 views

How to protect a user from accidentally deleting/redacting when Undo isn't available yet?

The next release of our [edit: java] application will allow users to delete and redact text that they've selected, based on right clicking and choosing one of those options. Unfortunately, we haven't ...
19
votes
8answers
1k views

Where can I find problems to challenge my UI design skills?

I'm still in the beginnings of my career as a programmer, and have always thought I was more interested in low-level back-end type stuff. However, having done a few projects lately on my own, I've ...
5
votes
6answers
285 views

Making a legend Interactive?

I am working on an interactive map which displays various pieces of geographic information about a person - places worked, education, holidays taken, home addresses etc.. All in all there are 9 ...
2
votes
1answer
206 views

Is my UI for indicating the ability to add margins to text appropriate?

Curious. I have a Silverlight application where you can choose set margins for a piece of text. Thus you can choose set the margin on more than one side of the text (top, bottom, left, right). ...
2
votes
4answers
282 views

Disable combobox with one entry?

Imagine an arbitrary list of items. To execute a command, the user has to select one of these items in a combobox (if there are no items, the combobox is not shown at all). Should the combobox be ...