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)

9
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 ...
9
votes
2answers
136 views

Borders editing control usability

I need a simple and intuitive control for editing rectangle borders. At the moment I have the following: At the left - preview box and current border selector at the same time. User can click on ...
9
votes
1answer
2k 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 ...
8
votes
2answers
2k views

What background colors would correctly describe level of importance of item on the list

I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner: I would like to ...
8
votes
6answers
801 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
498 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
945 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
579 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
722 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
476 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
2answers
347 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
731 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
392 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
986 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

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
911 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
2k 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
998 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
3answers
1k views

What do you call embedded dotts/lines which indicate sliding in GUI?

I have attached an image which explains which element I am talking about. I am trying to find out it's proper name. Can anyone help me please?
7
votes
2answers
348 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
857 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
3k 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
2answers
242 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
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
4answers
235 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
3answers
2k views

Time Scheduler UI

I am working on a doctor availability schedule page. In this page I need to setup the available times for each day in a week for a doctor. This is a one-time activity. Something is repeated for every ...
7
votes
3answers
14k 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
5answers
850 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
351 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
644 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
4answers
391 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
354 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
8answers
485 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
7
votes
5answers
411 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
421 views

Ideal control design for boolean flags?

So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
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
310 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
218 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
951 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
311 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
2answers
309 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
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
5answers
354 views

Should a user be prevented from making an invalid selection or denied with an error message after the fact?

In my UI, there is an icon for ‘Open File’. When user clicks this icon, a normal file browser window opens. The user selects a file by browsing through the computer. The user should only select ...
7
votes
1answer
346 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
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 ...