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
992 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
979 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
4answers
357 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
503 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
389 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
13k 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
1k 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
595 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
309 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
253 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
114 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
366 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
788 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
877 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
219 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
386 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
5answers
362 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
3answers
339 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
593 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
1k 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
753 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
796 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
1answer
348 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
629 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
452 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
291 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
534 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
214 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
728 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
519 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
423 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
3answers
339 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
2answers
629 views

Best design to display a school timetable

I'm trying to figure out what is the best way to display a school/subject timetable. When designing a timeline it's sensible to use time as columns across which will indeed define activities across a ...
5
votes
1answer
132 views

Is there a common practice for cases of very delayed responses?

I'm wondering what the behavior should be for an interaction in which the user sends a query but the data reply takes several minutes (more time than in probable for the user to look at a loader or ...
5
votes
4answers
251 views

Interested in why the “Sign In” options are sometimes so trivially designed compared to the “Sign Up” option?

Over the past few months I've noticed a lot of big name websites that seem to trivialize the "Sign In" design in comparison to the "Sign Up" design, which is much more centrally located, and usually ...
5
votes
5answers
8k 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 ...
5
votes
3answers
259 views

How to make textual messages in an internal company web app casual and interesting?

I'm planning to develop a web application for our company's internal use. So I need to design the UI of the application in a casual way. My intent is to make the system interesting. An example of ...
5
votes
1answer
4k views

Typical Android app behavior for deleting data from a list

I am an app developer but not an Android user. My app is a baseball card collection management tool. The main screen displays the list of baseball cards which the user has entered into the database. ...
5
votes
2answers
260 views

Is it better to mirror a real-world system for specialized users?

I'm designing a web interface for a control-center kind of thing that's extremely information-dense because it controls a fairly complex system. To an outsider, it's kind of been like trying to make ...
5
votes
2answers
366 views

What is the best way to communicate that certain functionality is currently unavailable in an application [duplicate]

Let's say there is some feature in an application (accessed via a button) that only becomes available once a number of criteria are met. Off the top of my head, there are 3 options here: Hide the ...