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)

3
votes
1answer
547 views

Best UI approach for a assigning tasks in a workflow to users

I'm working on a workflow-kinda application where a project leader is required to assign tasks in the project to users. Following are the key inputs to this requirement: The users are selected by ...
2
votes
2answers
492 views

How to indicate an item can be double clicked?

What is an effective way to indicate to a user that an item can be double clicked? The product I am working on allows users to drag icons with single click and open these items with a double click. ...
1
vote
1answer
322 views

In Final Fantasy games, why are your characters on the right hand side instead of the left hand side?

I found this history of Final Fantasy on reddit and it mentions about Final Fantasy 1: it was one of the first games to adopt the right vs. left fighting style. Other games in that genre had ...
3
votes
3answers
453 views

How to move from persona/scenario to wireframes?

Backstory Working on a large project rebuilding a complex web application that currently lags well behind the competitive offerings. Stakeholders are keen to go 'scorched earth' on the approach i.e. ...
4
votes
1answer
415 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
1
vote
3answers
223 views

Why don't operating systems reserve a fixed amount of resources for the GUI? [closed]

Personal computers today are usually hundreds of times faster, and have thousands of times more memory then the computers in the time when operating systems with graphical user interface started to ...
2
votes
3answers
2k views

Why doesn't Mac OS X use Pointing Hand Cursor instead of Arrow Cursor on Toolbars and Tabs?

I want to understand the rationale behind Apple's design decision of not using Pointing Hand Cursor on clickable areas such as Toolbars or Tabbars of applications' user interfaces, and even buttons. ...
2
votes
2answers
483 views

Is the indeterminate checkbox state a Microsoft UI pattern only?

A quick look through online search results show that the indeterminate checkbox state does not seem to be a very common UI interaction, yet Microsoft has persistently stuck with it and are probably ...
1
vote
4answers
1k views

Examples of hierarchy in data tables and their usability

Has anyone come across data table UI design/patterns that also show some form of hierarchy? I am trying to think of examples similar to Excel, but used in web applications or mobile apps because it ...
1
vote
1answer
117 views

How can Gmail-like “on-page” dialogs be improved to facilitate long form writing?

Caveat: I was inspired by this UX.SE question, and have reused an image from it. Recently, gmail has switched its "reply" function to use an "on-page-docked" window. Responses to this new UI have ...
1
vote
2answers
580 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
4
votes
2answers
448 views

Advanced search query builder on smart phone

I'm developing a Windows Phone 8 app where all the pages are in portrait orientation. I have the problem of designing/porting this kind of a GUI to smart phones: download bmml source – ...
0
votes
3answers
209 views

save, save as, load, reload buttons

I need to add those 4 buttons: Save (the current settings) Save as (a new setting files) Load (a new setting files) Reload (reset the settings to the last saved) I don't know how to graphically ...
2
votes
2answers
3k views

Where can I find some inspiration for mobile game user interfaces?

I'm trying to develop a game on a mobile platform and I'm having a lot of trouble developing a diablo-like equipment screen. I'm having trouble fitting all useful information on one dialog. ...
1
vote
2answers
212 views

How can this calendar widget use case be improved to be more intuitive for users?

I have to implement a calendar widget that triggers within a table. The use case I was given was the following: If the user clicks an empty cell, today's date gets populated. If the user clicks a ...
1
vote
1answer
321 views

Best suitable multiple select with optgroup UI element

My website has a drop-down list that displays all countries, grouped by continent. A user has to select all the countries he needs, as shown in the following figure: The main issue here is the user ...
4
votes
2answers
198 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
3
votes
0answers
939 views

Two state button guide - for non-UX designers [closed]

I have been reading way too many posts on toggle buttons, flips, switches and it seems like a clear guide to design an unambiguous button is needed, rather than just advice for people on how to fix ...
3
votes
2answers
245 views

How to handle multiple versions of same application with different set of features

Imagine you have two versions of the same web application. Lets call them v1 and v2. The use of the two versions is the same. V1 is an older version which is extremely flexible and customizable but ...
0
votes
2answers
125 views

Suggestions for how to consolidate multiple admin areas into one?

I have been given the task of consolidation multiple admin sections of an app into one. Each admin area is a large page which contains form elements. To achieve this I am considering the following ...
1
vote
6answers
329 views

Best way to present sections of information

I'm working on a form that will be used to collect pieces of information on a person. The information has two main sections, "identifying" information like name, DoB, etc. and the second section is ...
34
votes
8answers
6k views

What is the purpose of having a clock on the desktop?

It is common for a clock to be placed somewhere on the desktop - in Windows, it is on the taskbar. But why do designers do this? It makes sense on a phone, for example, but when on a computer, I ...
3
votes
1answer
193 views

Where should the «clear» button should be in a popover with multiple-choice drop-down list?

In a popover for a touch interface, I have to include a drop-down list where the user will find more than 500 multiple choices to select from. What would be the ideal position (and microcopy) of a ...
2
votes
1answer
442 views

Best practices for a 'refer a friend' feature

I have been asked to design a referral feature on a site. The site is a non-profit that contains services for parents around children with learning disabilities. The referral aspect is for parents to ...
11
votes
3answers
1k views

Looking for independent usability study of the Microsoft Fluent UI

I have been trying to gather objective feedback/response on the design of the Fluent UI ('Ribbon') interface. Apart from one study by Forrester which was commissioned by Microsoft anyway, and various ...
1
vote
0answers
112 views

Difference between interface design and GUI design [closed]

Is interface design the same as GUI design?
9
votes
3answers
11k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
1
vote
1answer
117 views

Include Insurance Turn On/Off

I have a form that asks travel agents if they want to include insurance for multiple guests. A checkbox is best for on/off, but I'm not 100% confident with my labeling. A few options are: Guest ...
3
votes
4answers
1k views

Where can I find an official set of iOS (specifically iPad) icons and stencil sets? [closed]

Android have an official set of icons, fonts, colours and stencils, that can be downloaded from their website. However, I have come to design for iPad and I can't find an official download. Do I need ...
1
vote
2answers
127 views

Tips for a “New Project” dialog

I am designing a new project dialog for my Database deployment application. The dialog should present the user with the list of possible project types (On the screenshot these are on the left column: ...
0
votes
2answers
511 views

Search,results and detail on same page

I'm working on the the UI on a course fee search system. One of the requirements that came out from the discovery stage was the ability for staff to quickly find course fee information from a set of ...
4
votes
3answers
447 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
2
votes
3answers
249 views

Should a login page have links that send you away from the form?

I'm designing a login form and wondering if the header and footer on the page get in the way of logging in. Maybe I'm being too fussy, but wondering if removing the primary navigation links from the ...
1
vote
1answer
341 views

Design of location & tag based filtering

I'm no UI expert, but I'm working on a experimental pet project that consists of an interface to search "items" (could be events, real state, etc. doesn't really matter) by location and tags. I ...
0
votes
3answers
788 views

What are best practices for blocking UI when application is busy

I'm writing a web app using Twitter Bootstrap with PHP on server side. My app makes regular ajax requests via jQuery and i want to disable certain parts of the UI until the server completes processing ...
4
votes
1answer
116 views

Differentiating between 'register your business' and 'register yourself as individual' - best practice?

I have searched around here and looked at How should I divide my site between B2B and B2C? which doesn't quite resolve the specific issue we have and am hoping someone may have some ideas around this? ...
0
votes
2answers
261 views

Display notes section in table of data without making the table huge

Im developing the ui that uses a table based layout for listing items, it needs quite a detailed notes section, the obvious thing would be just to have an input in a similar way to a cell in a ...
3
votes
2answers
193 views

What is the right way and time to signal validation problems to the user?

I'm developing a GUI-based desktop application. In one dialog, the user can enter a couple of numeric values. The set of values must always pass certain validity checks. As an example, suppose ...
4
votes
1answer
173 views

Default text for optional dropdown menu

My app has a dropdown for a "Reason." Most users will/should select a reason but they do not have to. We could have the default choice be Select a reason... to increase odds of people picking one. ...
2
votes
3answers
806 views

How can I design an effective GUI for labels and values for an Android Tablet?

I'm trying to create a simple GUI for an android application that will primarily be used on tablets. I have portrait and landscape screenshots of my current GUI. Note that this is literally the only ...
1
vote
2answers
152 views

How to design a 'Search for Duplicates' GUI in an Image Cataloging Program

We have an image cataloging program in which we have a database holding the already cataloged images. Let's call them "The Archive". Of course, everyone wants to keep the Archive clean, hence we ...
1
vote
2answers
215 views

How to best assign primary and secondary styles for multiple functional buttons?

I have a page that opens to a search bar with a search button beside it. On hitting the search button, a listing will appear below that section. There's a button at the bottom to submit after ...
14
votes
4answers
685 views

What, as a rule of thumb, is the maximum tolerable time the UI thread is blocked for?

The title basically says it all. The question is not too easy to google: What is the maximum time I can block the UI thread without creating a noticeable 'lag' in the UI from the user's perspective?
6
votes
7answers
1k 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 ...
3
votes
2answers
762 views

Best Practice when dealing with long user first names in UI

For the app I am currently developing, I have a vertical navbar which contains the main menus required for the user. One of the menus is for User Admin, which is a profile picture with the User's ...
2
votes
4answers
211 views

Improving design for item review site

I am currently working on a site in which the main goal is to provide a very easy and fast workflow to review an item, make some notes, and submit it. All the fields included in the below image are ...
0
votes
2answers
250 views

UI options arrangement, various ways

I have the following interface for image modification where there is a preview and the user can set options from a tabbed interface. The problems with current interface are: There are ...
4
votes
4answers
712 views

iOS Global Tab Bar Navigation - Reset navigation “stack” when switching between tabs?

I have an iOS app that uses a tab bar global navigation scheme (UITabBar), with 4 tabs. Some users are getting confused when they go from Tab A, to Tab B, and then back to Tab A, where they see the ...
1
vote
0answers
70 views

Android: best way for user to choose from 100s of options [duplicate]

I have an android app that needs some UI improvement. The user has to choose a name from a spinner (dropdown), which initially only had about 20 elements. This was fine, but now the spinner has over ...
1
vote
2answers
298 views

Why did browsers get rid of the standard menu across the top and now have one button in the top left corner?

It used to be typical of most computer programs to have File, View, Options etc. across the top of the application window. I have noticed that, starting with browsers, many programs have gotten rid of ...