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)

37
votes
6answers
46k views

Best UI for filtered search with many filtering options as opposed to single text field

What UI provides the best user experience when searching using many filters as opposed to a single text input. For example: I have 15 filters (all optional) that users can filter results by. The ...
1
vote
1answer
312 views

Should you have rollover on a button?

download bmml source – Wireframes created with Balsamiq Mockups This particular product has a couple of buttons. When you rollover them they pop up megamenus from which you can make selections ...
9
votes
1answer
3k 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 ...
2
votes
4answers
5k views

Large forms design guidelines and rules

I am working on a web gui of inner corporate CRM system which has a lot of pages with large forms, that contain 10-60 different types of fields: mainly inputs, also selects, radios and checkboxes. ...
25
votes
11answers
8k views

What's the least confusing UI for offering to either enter a URL or upload a file?

I have a simple form where a user may contribute a link or upload a document adding a title and optionally some notes. What's the best UI for allowing for either a URL or a file (but not both)?
0
votes
3answers
229 views

good reason/guideline/heuristic/principle, according to GUI design pattern, to align maximise, minimise and close button on the left side in Ubuntu

Since Ubuntu 10.04 (and maybe some other Linux versions), we sometimes see the maximize, minimize and close buttons on the: left side: and sometimes on the right side: . So, can someone explain ...
5
votes
2answers
390 views

Is there any definition/guidelines about user experience of Apple and Google?

I like the both Apple and Google user experiences. But visually they are different. Though, I need to know their basic concepts/theory about user experience. So we will take their inspirations not ...
8
votes
5answers
810 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 ...
5
votes
1answer
259 views

Heuristics to choose most appropriate chart for given data

I have typical web app. where the user effectively makes a query and he/she gets back some data. The data is in the format of 1 dimension/1 metric. For instance: city/population country/population ...
1
vote
2answers
692 views

Interfaces using Multiple Element Types: Tabs, Tables, Menus, and Accordions

I'm designing a website that is basically overloaded with information and I need to make a layout that will allow all the information to be taken in but with two restrictions: I want a maximum of ...
5
votes
4answers
4k views

What are the little arrows called that hide additional details?

In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details. Does this UI pattern have a name? Other ...
1
vote
1answer
118 views

Add more controls at Run Time

I am developing customized schedule generator application for which I need to design User Interface. This UI will have an option to select Date, Time and number of hours. This is simply possible by ...
2
votes
3answers
599 views

Language Selector plus Action control

A web application I'm working on has a primary content action to "Add" something to a collection. As a secondary choice, the user can choose a language particular to this content item. I implemented ...
3
votes
3answers
708 views

Google / Maps for Mobile Web

Does anyone have experience with embedded maps for Mobile Web? (NOT APP) My experience is that it introduces another frame into the page with a separate set of scrolling behavior - not a good thing. ...
6
votes
4answers
4k views

What is safe area / minimum distance for iPhone 4

What is safe area / minimum distance for iPhone 4 canvas?
5
votes
1answer
245 views

Documented guidelines for one-handed mobile phone interfaces

I'm trying to come up with user interface ideas for a mobile app that can be entirely used with your thumb while holding the phone with one hand. While I've looked at Apple's guidelines it doesn't ...
12
votes
1answer
2k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
1
vote
2answers
2k views

Using the “X” as a close button vs a button labeled “close window” [duplicate]

Possible Duplicate: Closing modal dialogs I'm developing a flash application that has buttons that popup a window with more text, and information when they click it. This happens throughout ...
1
vote
3answers
593 views

How to list items with variants in an iOS Table View?

I'm looking for an elegant way to show a list of items in a Table View, where most (not all) items will have 2 variants. If I lay the items out as is (with A and B represented by icons): ------------...
0
votes
1answer
289 views

Presenting a list of items on a screen that already has a list

What I'm trying to do is show a list of alarms on the right hand side in the middle with the list 3:04, 3:06, 3:08. As the user hits + on the LHS, a new object is created that you can edit on the RHS,...
4
votes
3answers
523 views

best way to represent horizontal reports?

i need to display reports with various fields, column wise. The length of each column could go along 50px appx. So , the overall report length would go upto 2k-3k px , since i need to display them in ...
2
votes
2answers
1k views

Intuitive AND/OR condition for query builder

Use case: User wants to find employees from a list based on some criteria. To simplify things let's say it is spoken language attribute only. Case 1: user wants to find person speaking multilingual - ...
4
votes
6answers
2k views

Two search bars on the same page or combination?

The main use of my site is video browsing. There is a search bar in the nav to search for videos. My site also has a photo section. I need to add search functionality on the photo section. I'm torn ...
2
votes
1answer
85 views

Display “Day entities” that contain Stuff, by day and by period

I have something like Things that happened this day that can be either of TypeA or TypeB. I want to display Day items per period and also display inside each Day item some info about its TypeA's and ...
-1
votes
1answer
70 views

Dividing an application and naming the parts for team communication [closed]

Let's say we're building a CMS administration site. This site (roughly basing myself on Orchard CMS here) is split up in parts like "Content", "Navigation", "Blogs". "Blogs", is then split up again ...
7
votes
5answers
497 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 ...
3
votes
3answers
246 views

User Interface that adjust itself to the user behaviour

I've been wondering why there so few apps that will adjust itself to the user needs? e.g. a user uses one button very often, so it will be bigger that the others. or a listbox item that is more used ...
2
votes
3answers
114 views

How do I represent actions that can be performed on a canvas?

I have an SVG on top of which there are some circles. The following are the actions that can be performed: Single-click + Hold on top of canvas and then move mouse to pan the canvas Double-click to ...
4
votes
3answers
218 views

Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?

I'm working on a tool made for professionals to calculate advice for their customers. The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface. The ...
34
votes
10answers
6k views

Good reasons to use bad UI

When should we make a conscious decision to retain poor UI, even if temporarily? Not because of budget or time constraints but because of what I call the QWERTY paradox. In short, the QWERTY paradox ...
1
vote
1answer
153 views

Desktop GUI loading slow

I am developing desktop based GUI (single form) using wxPython and loads it using remote citrix access from client private network. Suppose, the GUI has certain group of select and text boxes which ...
4
votes
1answer
152 views

Adding comment in a pop-up

In our system whenever a user wishes to move one entity from its module to another module he has to enter a comment in a pop-up. I want to provide the similar functionality in another module with ...
3
votes
2answers
406 views

Which UI element should I use to represent a sharing button on Android?

I am trying to create UI mockups for an Android app. I need something like this: I am using Justinmind prototyper free edition and I cannot find an UI element for the share button which produces ...
12
votes
3answers
1k views

A better way to display a forum thread

I want to figure out a better ways to make a forum thread easy to read. Common solutions to this: A flat thread where every post is sorted by time. This is easy to understand and easy to display ...
1
vote
1answer
171 views

Show mapped input in form

As a part of a form I got one field where users input an id. This id maps to a name. I want to show this name in the form since spotting a typo in a id sequence of numbers is harder than recognising a ...
42
votes
7answers
2k views

Could scaring users be good UX?

I work on an application that's designed to be usable by new users, but has a lot of complicated configuration for advanced users. Our approach to keeping users away from delicate settings is to make ...
1
vote
1answer
352 views

Intuitive design pattern for selecting indexed table combinations in a relational DB

Background I am attempting to design an interface for users to browse data in a relational database. The features are similar to PhpMyAdmin but is intended to be simpler and more user-friendly for DB ...
4
votes
2answers
415 views

Interface for configuring a chain of modules

From a UX point of view, what is an effective way for users to configure a chain of modules? Each module can process one, or two types of data Modules can optionally accept inputs (one for each kind ...
3
votes
3answers
167 views

When is themeing applicable in web application?

I have seen few applications with the ability to change themes, for example, in my case, a HRMS application (there are many such). But, people seldom use custom themes or care about them in such ...
3
votes
4answers
131 views

Does it make sense to combine Contact settings with company contact info?

We are looking to expand our website and want to have 3 sections: Contact Us Let us Contact you Stop contacting me Does it make sense to combine these 3 sections into a single page? Do you think ...
4
votes
3answers
392 views

Remove color to add emphasis

Context I'm working on a new user interface for a project portal system. Part of the system is a dashboard that lets the user know what the status of his project is. This dashboard is also there to ...
0
votes
1answer
154 views

Distracting User Attention with elements [duplicate]

Possible Duplicate: Blinking, bouncing and flashing elements Following my previous question, I have another question to ask of you. We've been asked on this UI build to consider adding RSS ...
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 ...
5
votes
5answers
531 views

How to present information about multiple warehouse locations? eCommerce

I have a design decision that I would like some feedback on. I have an e-commerce store for electronic products. I am based in the UK and ship products from my location, this means I can show the ...
12
votes
7answers
1k views

How to make it obvious the contents of one table are based on the selected row of another?

Given a dialog with two grid-style tables, what's the best approach to visually showing that the selected row of the left table is what populates the right table? The best I can think of is an arrow ...
22
votes
3answers
4k views

Is there a visual glossary of (Windows) UI controls?

Some days it seems every member of my team calls each control by a different name. Is there a good resource, preferably with images, for what the official name of each control type is? I found a few ...
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 ...
3
votes
2answers
109 views

Display related images along with the main image

Let's say I've got one screen that has 10-20 images. Each of those will have up to 4 related images. I would need to display the related images along with the main image. Any suggestion on how to ...
1
vote
4answers
1k views

Creating beautiful User Interface Designs [closed]

I usually have a hard time designing a good UI for my applications/websites (especially the websites). Are there any tricks to this? Are there good books that can help/guide me? Or libraries eg. ...