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)

1
vote
1answer
310 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
399 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
4answers
642 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
3answers
209 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
2answers
416 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
2answers
205 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
110 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
366 views

Why has web annotation so far been a failure?

It seems that through the use of browser extensions, web annotation could provide an awesome way to 'add more channels' of data to an existing web resource. Given the limited technical challenges, and ...
1
vote
2answers
489 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 ...
26
votes
5answers
2k views

Why aren't Gmail-like “on-page” dialogs more popular UI solutions?

A few months ago, Gmail gave us the choice to switch to a new UI, with many new features (...) including an "on-page-docked" window. I personally find this piece of UI very useful as it allows users ...
4
votes
2answers
392 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
186 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 ...
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
1answer
275 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 ...
3
votes
2answers
214 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 ...
3
votes
0answers
815 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 ...
4
votes
2answers
175 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 ...
1
vote
2answers
151 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 ...
0
votes
2answers
117 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
316 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 ...
2
votes
1answer
391 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 ...
3
votes
1answer
173 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 ...
1
vote
0answers
107 views
3
votes
2answers
604 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 ...
1
vote
1answer
113 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 ...
1
vote
2answers
125 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
427 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 ...
2
votes
3answers
238 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 ...
4
votes
3answers
412 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 ...
1
vote
1answer
276 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
620 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
110 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
230 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
182 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
157 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. ...
1
vote
2answers
171 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
602 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?
3
votes
4answers
566 views

Using a joystick on screen

I recently got a request to design a UI that features a joystick as one of the critical UI elements. It's not for a touchscreen or handheld; the app will run on a standard desktop. This means this ...
0
votes
6answers
962 views

How to present multiple options

I have a very simple application. It has three different options to explore some data, then it displays those data on a different view, which is a level deeper in navigation. It has some breadcrumb ...
2
votes
4answers
203 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 ...
41
votes
6answers
3k views

How can I highlight errors when bright red is the main color of the brand?

I'm working on a mobile website for a client whose main brand color is red. The website header and headings are all red. CTA buttons are red too. How can I effectively separate errors (mostly in form ...
3
votes
1answer
358 views

How should I divide my site between B2B and B2C?

I've spent about 3 years trying to answer this question myself, so I thought I'd give you guys a go. Here's the situation: My company provides training services. You can either (i) book a course ...
1
vote
0answers
69 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
275 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 ...
19
votes
2answers
3k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
11
votes
2answers
709 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
12
votes
5answers
642 views

Is it okay to use breadcrumb navigation on some pages and not on others?

Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper. Is it bad practice to only implement breadcrumbs on some of the pages?
2
votes
3answers
144 views

How to enhnance thumbnails resizing?

We have a standard thumbnail browser interface in a desktop application which (for our discussion) resembles much to Windows Explorer. Something like this: download bmml source – ...
0
votes
2answers
1k views

How best to display top-down decomposition data (hierarchical) with in place-editing and child addition?

We have an HTML/CSS UI where there exists a top-most item (root) - you click that you get a text box to enter some content and save. It shows up as indented/styled child of the parent. Basically the ...
1
vote
1answer
127 views

Presenting categories management to the user

I'm creating a page in my webapp which should be for displaying and managing the categories. As you can probably tell I don't have much experience about user experience so I came here to ask. I have ...