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)

1
vote
2answers
558 views

How to indicate top level menu not clickable?

Working very test example here: http://learntango.webfactional.com/ I am working to make my Argentine Tango website more friendly to new devices mobile touchpad etc I (the tango teacher) am ...
3
votes
2answers
718 views

How to re-design an app's user interface?

I am new to the interaction design field, basically a student. I have an assignment where I need to research into topic about Interaction Design of applications for smartphones / tablets when you ...
11
votes
8answers
2k views

Any actual reason for complicated UIs? [closed]

We all know there are very good interfaces out there, some of which we use everyday:               And now and then some make our ...
4
votes
3answers
743 views

Are there any advantages to matte interfaces over glossy interfaces (or vice versa)?

I'm curious about the usability of such interfaces for complex tasks, repetitive tasks. Are there any studies that focus on this comparison? Note: My question is not just about phone interfaces but ...
8
votes
2answers
1k 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
1k 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
2k 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 ...
9
votes
10answers
1k 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
2k 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
379 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
131 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
300 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 ...
35
votes
4answers
3k 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
112 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 ...
37
votes
6answers
7k 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 ...
9
votes
2answers
2k 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 ...
2
votes
2answers
881 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
2k 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
230 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 ...
3
votes
3answers
1k 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
2k 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 ...
17
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 ...
17
votes
6answers
1k 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
406 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
205 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
650 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 ...
8
votes
5answers
2k views

How to design an IDE? [closed]

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
138 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
366 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
722 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
134 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
533 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
202 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
847 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
199 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
266 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
152 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
568 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
845 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
2k 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
629 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
783 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
4k 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 ...
5
votes
4answers
357 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
4answers
1k 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 ...
9
votes
3answers
1k 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
341 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
461 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.
16
votes
6answers
344 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
2
votes
5answers
335 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 ...