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
1answer
619 views

Blank slate invitations - best practices

Blank slate invitations (a term taken from the book Designing Web Interfaces) are inline invitations/instructions on how to interact with the UI - primarily aimed at novice users. That is, e.g., when ...
6
votes
2answers
200 views

When to leverage spatial inconsistency?

I want to know when you should and shouldn't leverage spatial consistency/inconsistency in an interface. For example, the new Android update changed the location of the Clear All Notifications button ...
5
votes
5answers
612 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
5
votes
5answers
2k views

What UX implications should I be aware of when designing an enterprise website/intranet on SharePoint

We are currently weighing up the for-and-against in relation to whether to use SharePoint or an arguably better suited ECMS. I am looking to gather compelling evidence both for and against SharePoint ...
5
votes
3answers
465 views

Is it better to 'XOR' or 'shade' text that is highlighted?

What is the best way of displaying highlighted text in a text editor? I know of shading, which simulates what a physical highlighter does: And 'xor' highlighting: Are there any other methods? ...
5
votes
1answer
4k views

Why does the mouse cursor switch direction over line numbers in programming IDEs?

When you mouse over line numbers in IDEs, such as Visual Studio or Notepad++, the mouse cursor is flipped horizontally. I can't think of a reason this would be a ubiquitous user interface decision. ...
5
votes
3answers
1k views

How could the Golden Ratio be used to improve form layouts?

I designed this but it looks ugly to me. What are your suggestions to make it look better? I also would like to do some golden ratio calculations for its width and height but couldn't figure how its ...
5
votes
2answers
1k views

What affords scrolling?

Besides the obvious: Scrollbar Touch interfaces (especially mobile ones) A sign saying "You can scroll here you know!" This for a desktop application.
5
votes
3answers
446 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
5
votes
4answers
364 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
5
votes
4answers
505 views

What makes a user want to engage heavily into the application? [closed]

I have recently been working on a desktop application, however I don't think "what" the application does is really important for this discussion. When I ask what makes the user want to engage in the ...
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 ...
5
votes
5answers
367 views

Is instantaneous response to user interaction always the best choice in a GUI?

I've noticed a hint of something in the most satisfying GUIs I've interacted with. I'm not sure if I'm imagining this, but sometimes I think there's a small (almost undetectable) delay between my ...
5
votes
5answers
16k views

What is the iOS alternative to a radio button?

There is a radio button in android and WEB but what is the best alternative in iOS? And please don't say segmented control becuase it's not working in my case. The case is a list of items 3-6 which ...
5
votes
5answers
2k views

Multi-range Slider for Budget Allocation

I'm currently designing a slider that will be used to allocate a fixed budget to different channels. I posted some shots of the current design below. Right now, it's possible to simply drag the slider ...
5
votes
1answer
605 views

Date picker whereas day doesn't matter

The main goal is to the user be select dates or a range of dates in a table. The day doesn't really matter much, while the year and the month does because it's the time between the analysis of the ...
5
votes
4answers
319 views

Is the absence of a visible scroll bar confusing when asking users to agree with license terms?

This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...
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 ...
5
votes
4answers
256 views

What is the technical term or common name for this widget?

What would you call the UI element that allows a user to add and remove elements from a collection as the favourite / ignored tags widget on the homepage of any stack exchange site does?
5
votes
3answers
311 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
3k 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
2answers
120 views

Support for conversational user interfaces

Reading some of the more recent articles on Medium about conversational user interfaces seems to suggest that this is already an emergent trend that will set the scene for future interface design. ...
5
votes
4answers
380 views

Does the position of icons in buttons affect the user?

I sometimes get in a bit of a muddle around which is the best position for an icon within a button i.e. left of the text or right of it. I was wondering if there is an easy way to determine the best ...
5
votes
4answers
1k views

Where to place the '< Back' link or button?

I am building a simple transactional site with two step process both on web and mobile (responsive). Target users both male & female age from 30-40 relatively tech savvy. First page is a ...
5
votes
3answers
124 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
843 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
3answers
918 views

What is the usual way to specify a GUI?

What is the typical or most effective way to specify the design decisions and interaction patterns of a specific application's GUI? I began to realize I do not really know what the parts of a precise ...
5
votes
4answers
1k 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
221 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
387 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
1k 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
3answers
354 views

Click *Show More* to get one more option

Lately, several companies that I have seen have a show more button which simply shows just one option. An example of this can be found here: https://getadblock.com/pay/ Would it not be simpler to ...
5
votes
2answers
599 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
1k 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
2k 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
758 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
2k 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
4answers
820 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
4answers
1k views

How should a multi-state toggle slider with more than two states be implemented?

The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. When it comes to more than two states, the ...
5
votes
1answer
376 views

Improve Design for Master/Detail View

I'm trying to put together a design draft for a UI in a business application that will allow a user to view a list of documents that will be published to recipients in one or more departments in a ...
5
votes
2answers
638 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
4answers
515 views

Maps with Multiple Heat Maps and Other Data

We're about to embark on a small project that requires us to plot various data on a map. Some examples that we need to put on the map: Population Income House Prices Crime Etc Examples 1-3 could ...
5
votes
3answers
367 views

Multilevel Navigation - Enterprise Application

I'm offering a design solution for an enterprise level applications navigation system. Currently the user can navigate by drilling through a series of parent and child menus. There are up to 5 levels ...
5
votes
3answers
299 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
2answers
558 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
5
votes
5answers
219 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
771 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
529 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
295 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
432 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 ...