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
2answers
272 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
284 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
150 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
1k 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
299 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
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 ...
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
112 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
872 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
113 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
186 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
4answers
783 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 ...
6
votes
3answers
934 views

Displaying percentage difference from zero

I need to display the difference in percentage from the old value with the new one. I got the formula and it's working except I don't know what I should display if one if the value is zero and the ...
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
6answers
475 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
242 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
287 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
439 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
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 ...
6
votes
2answers
1k 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 ...
6
votes
4answers
328 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
5answers
742 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 ...
6
votes
5answers
303 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, ...
6
votes
8answers
356 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 ...
6
votes
4answers
597 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
2answers
145 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
868 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 ...
6
votes
4answers
372 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
466 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
3answers
164 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
7answers
270 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, ...
6
votes
5answers
397 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
403 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
289 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
1k 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
285 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
210 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
215 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
4answers
2k views

What is safe area / minimum distance for iPhone 4

What is safe area / minimum distance for iPhone 4 canvas?
6
votes
2answers
629 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
4answers
236 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
120 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
151 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
2answers
153 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. ...
6
votes
3answers
411 views

How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?

Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
6
votes
4answers
1k 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
488 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
1answer
377 views

How to handle lots of space with little content in a web app?

Currently I'm working on creating an interface for a web application. The main menu is at the top, a sub-menu is collapsible on the left side and another collapsible bar (pretty thin) on the right ...
6
votes
1answer
5k 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 ...