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
6answers
785 views

Showing the full path to a folder when changing its name

I have a form where a user can enter a new name for a specific folder. The full folderpath is displayed on the form for informational purpose which leads to a problem. I don't want my form to expand ...
8
votes
6answers
486 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
8
votes
6answers
899 views

Key dimensions to efficiently describe a user interface

What is clearly thought out is clearly expressed and there is certainly a way to efficiently describe and classify the various user interface types that have spread. At the UI components level, ...
8
votes
6answers
528 views

How can I make these links more obvious to click on?

I'm working on a website redesign for a dental laboratory. While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the ...
8
votes
5answers
680 views

Are double tabs on the same level acceptable?

In my Windows application, I want to show the user some kind of map. The information displayed on this map can vary a lot, depending on filters set by the user. With these filters set, the user will ...
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 ...
8
votes
4answers
451 views

Making changes to existing products

I keep coming across this situation and was hoping someone would have more information on this: We have an existing product and I have been requested to "make something work better", so I start by ...
8
votes
7answers
1k views

Showing user's (name) initials but what if more than 1 user have the same initials?

I'm designing an app where users can assign tasks to other people. The space I have available to convey to whom the task is assigned to is about 23-25px. So right now we're just showing two initials, ...
8
votes
2answers
330 views

Has user testing ever revealed that you have to change your app's UI colour?

Dark-themed UI colours have been popular for a while on certain desktop applications (Adobe Lightroom as an example), and seem to be popping up on mobile applications as well. I'm referring to the ...
8
votes
3answers
667 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
8
votes
5answers
1k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
8
votes
3answers
934 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 ...
8
votes
3answers
350 views

How to highlight best elements corresponding to a search without changing their order

In a web application used to search content inside documents, we have a view displaying the main parts of a documents: Chapters Diagrams Tables of data Users can search for specific words inside ...
8
votes
2answers
965 views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
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 ...
8
votes
2answers
982 views

In which situations is a popup window most appropriate?

There are many situations in which popup windows are currently used in modern UIs. Their primary use appears to be when displaying an error message or other descriptive information is desirable, ...
7
votes
11answers
842 views

Selecting multiple folders

I'm in the process of improving folder selection process of a backup software my company has developed. The goal is to have the user select the folder(s) he/she wishes to backup. This page describes ...
7
votes
4answers
1k views

Is there a well known ASCII character meaning “edit”?

When working with a UI that relies more on text than on icons it's common to find + to mean Add, - to mean Delete/Remove and X for Close (or also Delete/Remove). But is there a common character ...
7
votes
8answers
926 views

How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?

From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
7
votes
2answers
299 views

Mapping piano keys to computer keyboard

What are reasonable ways to allow the user to play a virtual piano using the computer keyboard? And are there any industry standards across music programs, i.e. keyboard-piano mappings which (whether ...
7
votes
5answers
748 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
7
votes
5answers
2k views

Slider-less time selection.

I'm using the default datetime picker with rails. I'm mainly focusing on the time aspect of this because for my purposes the day will rarely ever be changed. I'm looking for some sort of way to make ...
7
votes
2answers
2k views

Good ways to make a dynamic GUI?

I have an application I am designing and it's in a pretty functional state at the moment. But the database I am using has 1000's of items and is constantly changing and growing. The application of ...
7
votes
3answers
2k views

Where can I find a list of names for mobile ui components?

Long ago when I was just a lad, I sat in my Votech computer programming class and learned Visual Basic. Visual Basic proved a wonderful primer for learning about UI components and their names. I ...
7
votes
3answers
1k views

Mixing rounded corners and square corners

The question of the usability of rounded corners versus square corners has already be answered here. My question revolves more about the consequence of having them intermingled. I've heard some ...
7
votes
2answers
171 views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
7
votes
4answers
233 views

Does number of screens affect usability of a specific software?

Does it matter to the user if the application has 70-80 screens as long as all the functionality are provided? Does it depend on the platform, e.g. Handheld devices vs Desktop ? Is there a limit on ...
7
votes
5answers
806 views

Displaying information in a dashboard: Advice or references

I have to design a dashboard for managers who need to report to their managers on their areas of responsibility. In the past I have just put counts and line charts over time of what they are ...
7
votes
3answers
310 views

Industry standard for button captions that use a Function Key as the keyboard shortcut

If I have a button that has the caption _Save then when it shows up on the screen it will show the S as underlined. This tells the user that Alt+S will make that button "press". But what is the ...
7
votes
4answers
592 views

Better way of merging two tree views into a single

I am working on a UI design which has two tree view components to show data hierarchy. Each tree shows same data but has two different functionalities. I felt showing them in such a way will confuse ...
7
votes
3answers
13k views

iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
7
votes
4answers
379 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 ...
7
votes
5answers
339 views

Massive menu on website, how to solve it?

I must change the following menu in some web site. This menu contain almost 30 items! Screenshot: Any idea? Categories: Home, Games, Leisure Children, Openly Software, Recipes, Study Lessons, ...
7
votes
5answers
373 views

Help panels inside application

Are there good UX reasons for not putting a "help panel" within a web application? (one that can be shown or hidden). Most applications open help in a different browser tab. I'm thinking of just ...
7
votes
4answers
1k views

Best way to show long list of detailed information for summarized items in a table?

I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy. The problem I'm facing is knowing how ...
7
votes
7answers
300 views

How much choice should I give users?

I am considering adding an update to my iPhone app that allows the user to choose many new features such as the background image, where certain buttons are located, button colors, button design, ...
7
votes
3answers
214 views

How are GUI and User Experience issues, approached by open software developers?

In my opinion, among open software developers there is not much attention given to the GUI or how it is used. With very notable exceptions of course, Blender, Ubuntu, VLC, and maybe others I've not ...
7
votes
3answers
860 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 ...
7
votes
3answers
291 views

How should I indicate that an element responds to user click?

I have a list of people that the user wants to contact. They can "Mark as done" when they have made the contact (then it goes to their follow up list 3 days later). Displaying the "Mark as done" ...
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 ...
7
votes
4answers
1k views

Merging huge data

I've searched UX.SE and other resources but not able to find any solid answers on how to merge N multiple records. Here is the attached screenshot of application which needs to be revamped. Before ...
7
votes
2answers
295 views

Is it good or bad for user to give a feel and look of native apps to Website for mobile?

Is it good or bad for user to give a feel and look of native apps to Website for mobile? Transition effects on page change Fixed floating footer or header Hide address bar Native app like UI or ...
7
votes
1answer
328 views

Understanding the scroll bar in the Firefox 'List All Tabs' dropdown

I'm trying to understand the rationale behind the vertical scroll bar in the 'List All Tabs' dropdown in Firefox (15.0.1); All the tabs are listed here, so it gives the wrong impression of the list ...
7
votes
1answer
156 views

How should I warn a user of a config problem in my software?

My Mac OS X software has complex configuration. The software does its best to auto-configure and to help the user through the process. However external components can change THEIR configuration, which ...
7
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 ...
7
votes
2answers
333 views

When is it appropriate to use a “well” UI element?

Are there standard uses for it? I see it most often when embedding example code... As see on Twitter Bootstrap: http://twitter.github.com/bootstrap/components.html#misc
7
votes
5answers
1k views

Where to place list filter controls?

Suppose the user -- from a CMS backend WYSIWYG editor -- opens an Insert link-dialog. When having a list of possible link destination pages, where would be an appropriate place to put filter ...
7
votes
2answers
121 views

Masked password characters in a GUI vs terminal

In a GUI form, or for example a login box on a website, it's usual for masked characters to appear like ********* as you type out your password. But in terminal applications, for example ssh, this ...
7
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 ...
7
votes
1answer
118 views

How should a dangerous action be presented to the user? [duplicate]

Consider a simple spyware detector that detects a suspicious activity by a program and needs the user to decide, whether it is OK or not. I came up with the following dialog. download bmml ...