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)

8
votes
2answers
1k 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
737 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
223 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 ...
16
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
385 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
189 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
549 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
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
133 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
347 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
473 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
120 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
460 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
186 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
575 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
186 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
257 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
144 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
301 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
660 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
567 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
722 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
3k 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
311 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
926 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
983 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
317 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
427 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
331 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
2
votes
5answers
315 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
2k 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 ...
6
votes
6answers
419 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
209 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
331 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 ...
3
votes
4answers
227 views

Positive connotation Icon for number of errors

We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
13
votes
4answers
983 views

Intuitive vs. Efficient: Which is more important?

When faced with a design decision in which one option is more intuitive, and the other is more efficient, what guideline should be used to prioritize one desideratum over the other?
2
votes
3answers
201 views

Many possible responses to content

I have an Event page, to which a viewer can have many possible responses (not mutually exclusive): accept, decline, nominate someone, propose a new time line, thinking about it, email host etc. I ...
4
votes
7answers
482 views

Progress Indicator suggestions for multithreaded operations?

In the old version of our application, the operations performed during loading were sequential. We indicated progress by updating a single-line text string with the component that was being loaded. ...
1
vote
1answer
300 views

Usability studies about Unity-type interfaces

I've just installed (upgraded) Ubuntu 11.04. For those of you not familiar with Ubuntu, 11 is the year and 04 is the month. Ubuntu has a six month release cycle, so the next version is around the ...
10
votes
3answers
314 views

On an unlabelled slider, why does right mean higher, and left mean lesser?

Horizontal volume sliders, for instance, are often unlabelled. Other than the VLC player volume slider, I've never seen a label saying that the right means things get louder. How did that convention ...
5
votes
1answer
433 views

What is the best way to display per-tab commands or actions?

I am working on a multiple document interface Windows application. We're using tabs to represent open documents for editing. I have three levels of possible commands: Global Per-tab Per-sub-tab ...
5
votes
2answers
208 views

In a form, is Switching between advanced to basic a good idea?

I have a web page/form which users have to fill in before clicking the 'proceed' button. Same old story I guess. It looks like this: report name: [...] report type: (*) PDF ( ) HTML ...
11
votes
3answers
1k views

Is it good to leave Select dropdown with default style for better UX and Accessibility?

When I design websites. many time I try make the select drop-down more attractive. example By default select drop-down looks slightly different in almost each Desktop and Mobile browser but ...
6
votes
7answers
2k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
22
votes
6answers
3k views

Are custom scroll bars easier to use or do they just look “nice”?

I've noticed that a lot of webapps have started using custom scroll bars. A few examples include Facebook, Trello, Google Docs, and Twitter. I'm sure you can think of some more: How do these types ...