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
1answer
157 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
2answers
349 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
123 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
122 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 ...
7
votes
2answers
207 views

Presenting options in tools where users can have two (or more) different roles

Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing. These sites sometimes overcome this by stating: Click here ...
6
votes
5answers
725 views

Best way to show tabs in UI

I'm working on UI where I need to add tabs. Currently I have added tabs all of same size but size of text inside each tab may be differ. Selected tab is shown by different color as shown below: 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 ...
6
votes
4answers
770 views

Is skeumorphism dead?

I've noticed that many big companies stopped using skeumorph graphics: Microsoft completely removed any glass-style look of Windows 7 and switched to a flat, "digital" and artificial look in Windows 8 ...
6
votes
7answers
1k views

Do people still use drag and drop?

Is drag and drop (for say photo uploads) a good idea? Aren't users frustrated by all the steps you have to take? Do most people even know how to do it? Open a window Browse to your files Ensure ...
6
votes
6answers
502 views

Combine load and save button into one button?

I'm having a configuration GUI, and want to enable the user to export the settings into a file and load that file later (or on a different computer). My dialog has several options, and is rather ...
6
votes
6answers
855 views

Better UI for exchanging blocks up and down

I have developed a UI as shown below: Now I want to add a functionality to this UI that if user wants to exchange positions of if and else if blocks, he must be able to do that. One option could ...
6
votes
6answers
255 views

Which is better option 'School', 'College' or any other?

I have used the school field name for both school and college on my website, but I think 'School' and 'College' have different meanings. Can anyone suggest a more appropriate option?
6
votes
3answers
344 views

Why does Gmail hide email options under a '+' sign?

Why does Gmail website hide options like "links", "smileys" etc. under a '+' sign when there is clearly enough room along the footer? Am I missing something, or is google really pushing google+? ...
6
votes
4answers
1k views

App design process - Prototype phase: Photoshop design every single screen?

I've just started designing apps and still learning my way through. I'm now doing a project that it is quite complex, so this was the rough process: Understanding of client's requirements and ...
6
votes
4answers
1k views

Should an interaction designer know how to do visual design

So, we have the long discussion about if interaction designers should know how to code. But what about visual design or GUI design? A common team setup seems to pair a IxD guy with a graphic ...
6
votes
1answer
371 views

UI Layout improvement

I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
6
votes
4answers
533 views

Why do web designers force users to enter credit card numbers without hyphens or spaces?

Credit card numbers on the cards themselves seem to follow a pattern--four clusters of digits separated by spaces. This seems to comport with "human factors engineering" that I think shows people have ...
6
votes
4answers
345 views

How do I communicate the absence of settings?

A table in our web application contains items where one column specifies whether the item has a policy bound to it or not. This column can display three different states: Has policy : ACTIVE Has ...
6
votes
4answers
216 views

Entering any two of four inter-dependent values

While designing a garden landscape, I want users to be able to define a slope of the terrain. There are four values users can enter: Run - the horizontal distance along the depth of the slope Rise ...
6
votes
3answers
294 views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
6
votes
2answers
156 views

Choices for users who don't read

I'm building a touch UI for a timesheet program. Requirements: 1) Record the start and end time of a break. 2) Determine if the user is leaving the work place for their break (for safety reasons ...
6
votes
4answers
502 views

Should a confirmation of the style “Your message has been deleted” be green, yellow, red?

For success messages, I usually use green, for warnings yellow and for errors red. Now in the trash folder users can delete messages permanently and restore messages. I got confused which color would ...
6
votes
6answers
612 views

Suitable alternative to trackbar control

I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
6
votes
4answers
258 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 ...
6
votes
4answers
859 views

Subtle way to tell the user there is more content below? (Mobile)

What is a subtle way to tell the user there is more content below? I have a transparent arrow pointing down with a label: "More Content" The arrow will disappear when the user swipes or when the ...
6
votes
3answers
193 views

How to make other tabs more noticeable?

We have a dialog that allows the user to choose the "type" of a shape: text, pop up and link. Changing the type also changes the modal's body. Our current design uses an underline to indicate the ...
6
votes
6answers
451 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 ...
6
votes
5answers
802 views

Bigger font sizes trend

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
6
votes
2answers
718 views

How to present a todo list / checklist to a user

I'm working on a website where each user have to fill some forms to add some data which must be validated by some administrators. I won't enter into details in order to find a general solution which ...
6
votes
4answers
447 views

Simple filter to allow for either AND or OR

People need to be able to search for their saved recipes on my site. They can give their recipes tags such as: Desserts Breads Thanksgiving In some cases they want to do an OR search: Show me ...
6
votes
5answers
2k views

Best way to display plus/minus or pros/cons short sentences

I have information in short sentences (bullet list) and each bullet could be pros/cons or plus/minus toward a product. What is the best way to display it nicely? For example: + Price is cheap + ...
6
votes
3answers
345 views

Group of checkboxes and supporting text fields

What is the best way to layout a group of checkboxes and supporting form fields? For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
6
votes
2answers
2k views

Lateral Navigation with swipe views and tabs together with mapview

I've recently designed a new Android Application for a theme park. According to Android Design Guidelines: If your app uses action bar tabs, use swipe to navigate between the different views. ...
6
votes
3answers
240 views

Internal or external settings window?

I'm designing the settings/preferences area on a hobby project in java. What is the best way to allow users to edit settings and why? My main considerations are: New window with it's own symbol on ...
6
votes
3answers
2k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
6
votes
1answer
279 views

Are distraction-free text editors effective?

There are distraction-free text editors (for example, the ones cited here) that have full-screen editing area and minimum user interface. Is there any objective statistics showing whether these ...
6
votes
2answers
306 views

Group of controls depending on value of combo box

In a UI, I get the user to make a selection from a combo box. This selection influences what other controls will need to be shown. There are also other controls that need to be shown, independently of ...
6
votes
3answers
313 views

How often is too often to do focus groups while designing a web app?

I'm trying to come up with a strategy for putting together focus groups while designing a web application, but I'm starting to wonder how often is too often to do focus groups? In my mind, they would ...
6
votes
2answers
412 views

How to best enter long digits on a small touch device without using keyboard input

my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
6
votes
4answers
3k views

What is safe area / minimum distance for iPhone 4

What is safe area / minimum distance for iPhone 4 canvas?
6
votes
2answers
721 views

What is the best way to allow users to navigate through a large amount of information on a website that is categorised in numerous ways?

As a web developer, I'm often given designs that look good from the web designer, but don't necessarily function as well as they should. This is especially true for navigation elements, increasingly ...
6
votes
2answers
1k views

Modern Alternative to Tree View for Hierarchical Data

There are other similar questions to this, but none of the solutions really fit my problem space. Breadcrumbs and drill-down menus are not the solution. So without further ado: The design problem ...
6
votes
1answer
581 views

Are there studies on how well window glueing is received?

I'm curious if there are any studies or articles on this issue. What I'm thinking about is for example the Winamp implementation where there was a main window and all other windows could be glued to ...
6
votes
4answers
291 views

Partial success message when deleting items

In one of our applications, the user can select multiple items and delete as many of them as they wish in single click. However, while processing this request there is some validation and ...
6
votes
3answers
148 views

Showing preview rows of content types vs picking a default type and showing it in full?

I'm trying to figure out what would be a better experience. We have 3 "types" of content usually, in this case let's say they are photos on user profiles. Is it better to show a row of each type with ...
6
votes
1answer
177 views

Ternary Switch - How to implement?

My website gives users a report for their search term, this report contains many different datasets. Each dataset can be configured via options on their profile page, to either; Load when the ...
6
votes
1answer
7k views

Good user interface for multiple checkbox selection and a dropdown list (View/Editable mode)

I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox ...
6
votes
2answers
182 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...