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)

5
votes
3answers
280 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
5
votes
3answers
2k views

Best way to display a currency picker for an ecommerce site?

I've just converted an ecommerce site to support multiple currencies rather than just one and was looking for any feedback or experience in how to display the fact that the site can now be viewed in ...
5
votes
3answers
1k 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. ...
5
votes
3answers
119 views

Is it OK to use 'free' in a tax subtotal?

we are designing a checkout page and in the subtotals area we have a breakout for tax, shipping and discounts. We use the term 'free' rather than '0.00'. So, for example: Subtotal: $140.00 Tax: ...
5
votes
2answers
519 views

Correct ordering position for 'Yes', 'No' and 'Not now'?

What is the correct position for the 3 buttons: Yes - No - Not now (or Yes - No - Later) is it Yes - No - Not now or is it Yes - Not now - No This will be on a windows 7 windows application, on ...
5
votes
4answers
798 views

Alt key shortcuts anymore?

Do standard users use Alt key shortcuts for controls such as buttons anymore? eg. an OK button could have a shortcut of Alt-K which would be the same as pressing it. Any control on a form or window ...
5
votes
2answers
208 views

How to make this 'Enable SMS' more intuitive

People seem to be missing this 'Enable SMS notifications' link at the top (which i can understand), I'm just looking for a suggestion as to how to make this more intuitive while still keeping the same ...
5
votes
4answers
324 views

Are side borders abused or they are actually useful?

Lots of desktop applications and websites add a border at the edges of the application area. Some are clearly made for a good reason. For example, a left and right side border on User Experience.SE ...
5
votes
3answers
808 views

Jumping progress bar or running process indicator?

I'm developing a process with a predefined number of steps to complete so while process is running I can know how far the process has gotten and how much is there still to be done. My process ...
5
votes
2answers
384 views

How would you classify UI/UX issues as show stoppers for product release?

The question of which UI/UX issues should be considered as showstoppers when releasing a product to the market has always been of interest to me. I am curious to get some thoughts as to how would you ...
5
votes
4answers
720 views

Form input types for fast data-entry?

So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
5
votes
4answers
930 views

rectangles Vs rounded corners of text fields on mobile

Do you think there is a difference in perceiving text fields which have round\rectangle corners ? My goal is to establish a convention that round corners are fields which the user can enter input and ...
5
votes
3answers
547 views

Best way to deliver “mockup tool kit” to engineering team?

I've recently assumed the responsibility of shifting the design culture at a very technology/feature-focused company. (Our "product" is a web portal that customers use to manage the lifecycle of ...
5
votes
3answers
654 views

What is the UI pattern used for managing people in Google+ called?

I've tried to find more info on this particular UI pattern Google+ exposes, and I'm sure I've seen it before, but still, I haven't been able to find references to it. If you go to the Circles section ...
5
votes
5answers
1k views

Suggestion for Critical Application GUI Font

I create a critical software (which affect safety), on the GUI, I need a font that has clarity & clear typeface which is very readable, mostly that font will be displayed at height of ~18px, do ...
5
votes
6answers
398 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 ...
5
votes
4answers
684 views

Software startup screens [closed]

I know there is advice (and very good advice at that) to generally not have startup/welcome screens in software. Our software I think has a legitimate need for one, our free download is served from ...
5
votes
2answers
516 views

UXD Methodology - Best practices for identifying a Global Navigation Toolbar implementation

I am part of a large webapp project, but a small UX team (we just went from 1 to 2, a few weeks ago). We were brought in terribly late in the process, to the point where there was literally no chance ...
5
votes
2answers
202 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 ...
5
votes
5answers
304 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 ...
5
votes
3answers
238 views

Transition to new Design, offer a 'Classic Mode' or not?

I redesigning a GUI of a programm, that is in use by customers for several years. Now the icons should be replaced with more simplified versions (like Metro style) and also the design regarding the ...
5
votes
6answers
4k views

What default font to choose for desktop applications?

Finding the right font for an application seems to be an art. There seem to be many standards. Arial seems to be used in most applications I have seen, Segoe UI is the standard for Microsoft Windows ...
5
votes
5answers
167 views

Is it okay to have a login requiring users to first select from multiple services?

We have two services with logins on a page. Should we consider having a single login box which asks users to select which service they want to log in to before hitting the login button rather than two ...
5
votes
3answers
388 views

Refresh button on a website

Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below? First I thought it's a good idea, but know I start to think it's not so ...
5
votes
1answer
389 views

Price plan table with multiple payment options

I have a pricing plan table with multiple payment options. I'm not sure whether it is best to place the pricing options in a drop-down (and fire off the submit on the "onchange" event) or simply have ...
5
votes
4answers
278 views

When are shadowless icons preferred over shadowed icons?

My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version. By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon. I ...
5
votes
2answers
316 views

How to best embed a search-as-you-type feature into an input field?

In an intranet UI, when creating or editing a news post, the user is able to attach a file to the post. This is done by selecting the file which can be found through either: a file name search ...
5
votes
4answers
2k views

I'm looking for good examples of Welcome pages, and any good theory on how to go about it [closed]

Kind of a discussion based question, but bare with me anyway. I am working on a web app that provides reporting. It makes reporting fun, honest! I am struggling to design the Welcome page. It's a ...
5
votes
2answers
395 views

Convincing importance of a great UI [duplicate]

We have a good set of algorithms which are the core of our business. Our product itself works mostly as a plugin inside other workflows. There is web based UI which is used by some of our customers ...
5
votes
2answers
272 views

How to present filters graphically?

I'm creating a UI which allows users to specify filters, such as Age > 18. Until now, this has been quite straightforward as all it required was a simple layout as shown below: However, besides ...
5
votes
1answer
156 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
5
votes
2answers
358 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 ...
5
votes
2answers
195 views

How can I design navigation that also represents timed progression through stages in a process?

I am designing a system with the following characteristics: Users view challenges that require them to submit a response The challenges are broken up into 4-5 stages (e.g. submission, voting, ...
5
votes
5answers
288 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
5
votes
5answers
425 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 ...
5
votes
2answers
3k 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 ...
5
votes
3answers
304 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 ...
5
votes
2answers
190 views

Choice Box or Tabs for multiple contents in a view [duplicate]

I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories. Would it be preferred to sort them in ...
5
votes
2answers
259 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 ...
5
votes
4answers
658 views

Multiple Items Settings

Are there any known design guidelines for allowing users to apply the same settings to multiple items at the same time? Also how can I make it clear which items have the similar/same settings? As a ...
5
votes
2answers
294 views

How should hamburger menu open in mobile apps?

I have seen many mobile apps which currently use hamburger menu as sidebar menu as it is very convenient and user friendly. Now, we have started to use it in our mobile apps design and it is very ...
5
votes
1answer
161 views

How to indicate that settings have been modified?

A button ("Filter by") allows the user to select a subset of all choices. After the user configures a filter, how should I indicate that a filter has been configured? I've thought about adding text ...
5
votes
1answer
352 views

What are the requirements from a multi-row tab control in order that users will be able to intuitively tell which tab is active?

In the implementation in Visual Studio 2010's "Tab Well" (a feature of the "Power Tools" extension), pinned tabs can be multi-row, non pinned tabs are in one scrolling row. In Firefox's "Tab Mix Pro" ...
5
votes
1answer
189 views

How long to keep an Undo option available?

I'm working on a medical decision support app, taking certain actions in the app may result in legal consequences, therefore I'm adding an Undo. It's a single step incremental Undo and if not used for ...
5
votes
2answers
756 views

XML editor design indents XML without tabs/spaces - disadvantages?

I've developed an XML text editor that indents XML using a 'floating' left-margin rather than the more common tab or space characters. Indentation is updated continuously and only relies on the XML ...
5
votes
5answers
3k 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 ...
5
votes
1answer
404 views

What does a folded corner mean to a user?

Lately I've noticed an increasing amount of folded corners as UI and/or decorative elements on several web pages. However, it seems most of the sites seem to differ in what they want to convey with ...
5
votes
1answer
209 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 ...
5
votes
3answers
235 views

Using application bar in data forms?

I am developing an application for Windows Phone. Asking some of my friend to test it I realized the way I designed data forms and the application bar behaviour is very annoying. The form design ...
5
votes
1answer
221 views

Any recommendations on dealing with wizard screens with wildly different amounts of content?

I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...