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)

6
votes
7answers
2k 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
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
833 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
6answers
534 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 small:...
6
votes
6answers
893 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
260 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
377 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
390 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
5answers
297 views

Triaging UI improvements, where to start?

I have been hired to redesign an auction website (which I cannot disclose), the usability, design, even the code beauty is pretty disastrous. The trouble is, the site is already active and my client ...
6
votes
3answers
223 views

How to offer multiple filter options when technically constrained to one?

The Scenario I have 2 filters - Filter 1 and Filter 2. In Filter 1 users can either select multiple tabs or enter something in textbox and click Search Tag button. Doing this will do ajax call and ...
6
votes
4answers
257 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
4answers
358 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
7answers
969 views

Where can I post a UI design for feedback from the community? [closed]

I'd like to post a design I'm working on to get some feedback and suggestions from the community. Is this site a good place or are there other better suited sites?
6
votes
4answers
174 views

How to distinguish between progress and consumption visually?

I am working on a product that shows how much time the user has consumed . To represent this visually I have used a reversed progress bar but it still feels like a progress bar , increasing. Are ...
6
votes
3answers
214 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
2answers
191 views

Best way to make many boolean selections

I'm making a tool that crops images at various sizes. Currently, I use checkboxes to show the different sizes, but this will grow unwieldy when I add more crop sizes. What's the best way to show all ...
6
votes
4answers
547 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
3answers
2k views

Implementing UI Design of iOS to Android App, Good Idea?

I found a similar question here but I want to hear the answer to my questions. Our team has launched an iOS version of our app, let's call it X App. We have sold this to 3 clients and they like it. ...
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
6answers
603 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
326 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
3answers
1k 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
5answers
560 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
3answers
221 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
3answers
276 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
218 views

How to assess how embedded UX is in an organization or team?

What is a good way to assess a company / team / person's level of adoption or sophistication with UXD best practices?
6
votes
5answers
9k views

How to indicate that specific sections of a page can be swiped

There are a lot of mobile UI design patterns that support swiping, and these are designed based on interaction and animation that indicate the behaviour. Examples include the 'swipe/pull down to ...
6
votes
2answers
4k views

Crisp GUI Look and feel for developing applications like spotify

Am wondering if anyone has any recommendations on what GUI library can be used for developing cross platform applications such as Spotify. I have a feeling Qt-Quick might be the best answer but am not ...
6
votes
1answer
327 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
412 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
431 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
500 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
4k views

What is safe area / minimum distance for iPhone 4

What is safe area / minimum distance for iPhone 4 canvas?
6
votes
2answers
767 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
1answer
593 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
357 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
157 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
188 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
3answers
582 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
1answer
466 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
247 views

best way to add multiple child records at once?

I have a system in which Procedures can be defined. Each Procedure has a series of steps (each step having some attributes) It is reasonable to assume that the user will add all of the steps while ...
6
votes
3answers
474 views

displaying cascading comboboxes

I have a text editor with several tools on a page. and I want to add cascading dropdowns to the tool list. For example, I have two comboboxes: 1st is filter with values: All -selected by default ...
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 ...
6
votes
1answer
183 views

How to build UI/UX for aircraft? [closed]

Currently, I am the student of CS in aviation. My project is about research in UI for board system (Boeing). Now I have the necessary technical documentation and examples of current interfaces (to ...
6
votes
5answers
681 views

Include/Exclude interfaces

I am trying to design an interface where the user can choose to include certain items from a long list and also exclude certain items. The usual interfaces that I see are of this type: This ...
6
votes
1answer
263 views

Separate administration pages vs. front-end integrated administration

I was wondering if there have been any studies on this topic. Which one do most users prefer? For example, Wordpress separates the front-end views from the site administration views. Different theme ...
6
votes
5answers
7k views

What are we calling the 3 lines button in mobile apps? [duplicate]

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a logical ...
6
votes
1answer
318 views

How to determine how many widgets is too many widgets?

Following on from my last question, we're working on a UX design for an application. Once logged in, the user is confronted with a dashboard, something in a similar vein to this; just more complex and ...