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
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
414 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
232 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
401 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
256 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
588 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
107 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
225 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
180 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
155 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
162 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
586 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
564 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
939 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
200 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
337 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
272 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
707 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
634 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
126 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 ...
7
votes
1answer
118 views

How should a dangerous action be presented to the user? [duplicate]

Consider a simple spyware detector that detects a suspicious activity by a program and needs the user to decide, whether it is OK or not. I came up with the following dialog. download bmml ...
0
votes
2answers
174 views

How to unobtrusively add item to a current scrolling list?

I'm developing an app that fetches lists of items from a web service. I cache the responses for quick fetching, but I don't know how to handle displaying new data. When the user is scrolling through ...
3
votes
3answers
118 views

What to display during a 'buffering-type' problem: play or pause?

I'm developing a music streaming app. All's good, except I'm hung up on what to do when the music is playing and the network connection fails causing the stream to buffer. Should I keep the button ...
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 ...
-1
votes
1answer
103 views

What is the name of the function that causes a page to rise above another when scrolling? [closed]

What is the name of the function used on websites to make your second page appear to rise above the first and where may I find this particular plugin? I understand that this is jquery functionality ...
0
votes
2answers
119 views

Need Usability Questions for application with black schema

I'm in marketing, and we are about to beta a desktop application with a black user interface. There are areas that have red text on black, blue text on black, and the menu bars are a dark shade of ...
0
votes
0answers
71 views

What default font to choose for desktop applications? [duplicate]

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 ...
4
votes
4answers
1k views

Best type of UI specifications for UI design?

I've had some problems handing over specifications that were wireframe designs + explanation of elements, to UI designers/artists. What tended to happen was that the first few screens created were ...
3
votes
1answer
546 views

Applying the Windows UX Design Guidelines for Layout and UI Design consistently

There are many potential threads to this question I want to ask, but I will just limit it to two aspects from this example: Firstly, in the Insert Picture Dialog there are five different types of ...
-1
votes
3answers
828 views

Applying the golden ratio to a form layout

This is my main form: and I wanted to apply a golden ration grid to its layout..so I did that but still I am not sure what does that mean? so from what I see ( below) what should I understand ?! ...
15
votes
9answers
2k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever it's possible (firefox allow this, as well as xterm and emacs). I know that placing a ...
2
votes
2answers
280 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
0
votes
1answer
422 views

Pressure-sensitive touch screens: What uses do you envision? [closed]

The pressure-ignorant touch screen is an anomaly, a transitional technology that must inevitably give way to something better. The pressure-sensitive screen allows devices the physical button's ...
7
votes
5answers
373 views

Help panels inside application

Are there good UX reasons for not putting a "help panel" within a web application? (one that can be shown or hidden). Most applications open help in a different browser tab. I'm thinking of just ...
19
votes
7answers
1k views

Solving the “accidental confirm” problem with dialog boxes

The scenario is all too common: An application brings up a dialog box while you are typing, and you hit the space key before you even realize what's happening. The dialog is gone and you have no clue ...
5
votes
3answers
415 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? ...
7
votes
4answers
1k views

Is there a well known ASCII character meaning “edit”?

When working with a UI that relies more on text than on icons it's common to find + to mean Add, - to mean Delete/Remove and X for Close (or also Delete/Remove). But is there a common character ...
4
votes
2answers
194 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 ...
1
vote
2answers
124 views

Display Old value vs New value

I write an import software. I want to display values that can be imported, right next to the current values. I thought about a datagrid like this ...
15
votes
4answers
1k views

In GUI/UI design, why is the clock on the right?

I've been trying to design a new User Interface for the Desktop, while at it a friend has told me about his thoughts on UI design and we had a discussion about the placement of the "clock". In ...
3
votes
2answers
305 views

User access level grid - idea for gui

In my software application, multiple users can be created and every user belongs to a single Department. Users can add tasks to other departments. For example, the accounting department can add a new ...
-1
votes
1answer
250 views

What does the 4 symbol on the top-right signify? [closed]

I have seen web modal windows to have the 4 symbol on the top-right. Can someone point me to what it represents? I guess going back, the modal box being used in Wikipedia for notifying successful ...
13
votes
5answers
9k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
2
votes
1answer
2k views

Master details form in Android

I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common. In this moment, I have something like this: ...
5
votes
2answers
770 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 ...