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)

2
votes
4answers
103 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...
0
votes
2answers
61 views

Gui: Naming menu and commands

I look for guidelines for naming menu or button commands, should they convey the command operation or could be more conceptual and idiomatic (in the context and direction of the software usage) For ...
0
votes
0answers
68 views

Navigation - Using expanding divs

BACKGROUND: I'm redesigning an internal finance app that will be used by expert users. By expert I mean that the users will be using this app for hours every day. The problem stems from mission ...
4
votes
2answers
302 views

Two different views and a link

I am working on a web page where a data entry can be viewed in two different ways: a table view or an interactive view. Also, there should be a link that takes the user to a "compare" page. I am ...
14
votes
2answers
1k views

Good UX for a form

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
0
votes
3answers
161 views

How would you test your ui/ux design decision in the fastest and cheapest way?

I was at this interview for ux designer position and my interviewer asked me that if your colleagues didn't agree on your design, how would you defend it? Then I said I would test the design in ...
0
votes
1answer
73 views

Can not design window to be used both for inserting and reading data from database

I am working on a financial software which has a lot of data to be entered into database. I have managed to design user interface for entering data on my own, and my employers are satisfied. ...
1
vote
4answers
103 views

Meaning of message dialog icons - demand a prerequisite

In GUI, there are different icons which we can use in message dialogs such as (Warning, Exclamation, Error, Information ...). My general question is the application of each of them. But my specific ...
1
vote
5answers
382 views

Graphical alternatives to mini-language to operate on large sets

I am currently collaborating to a draft proposal for a new system where the main goal is to plan and then manage "assets" to satisfy "needs". An example (intentionally vague) - let's suppose you want ...
4
votes
3answers
176 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 ...
3
votes
4answers
223 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 ...
0
votes
2answers
68 views

How can I accentuate values in this form to aid fast visual identification?

My web app has a need to display multiple values. Right now I find it hard to visually discern quickly. Observe UI Observe minimized html: <table> <tr> <td>gpm</td> ...
13
votes
4answers
846 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
0
votes
1answer
57 views

Reliable references for known user interface practices [closed]

I have this problem, that I cannot find the studies, where there are said the facts that we all know, for example: http://en.wikibooks.org/wiki/GUI_Design_Principles information in this page - are we ...
1
vote
1answer
83 views

Positioning the same confirm button for 3 different panel displaying situations

I have two panels that are hidden/showed depending on the value of the "State to assign" dropdown. I've been doubting about placing the Confirm button: In a fixed position, for example: the bottom ...
0
votes
0answers
18 views

How to produce Mobile User Interface front-end page screenshot? [duplicate]

I need to realize some prototypes of (web/native) user interfaces (UI) layouts/screenshot, mainly for mobile phones/tablet (Android/iOS/Windows Phone) also for desktops/laptos (web). A solution ...
0
votes
1answer
79 views

Start an activity when a barcode is read

I am designing a Point of Pay, as in a Point of Sales, pretty much the same functionality. Someone comes with a payment slip containing a barcode and the cashier will scan it, and the system can ...
0
votes
3answers
134 views

Where to put Settings button in App with endless list scrolling

I am currently working on an App for both iOS and Android for phones. The main screen of the app has a header with the option to select different feeds. Below is a list that has endless scrolling to ...
1
vote
2answers
88 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
4
votes
5answers
473 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 ...
1
vote
3answers
129 views

Best place for grid/list toggle button?

I'm working on an effort to introduce a grid/list toggle, and we can't decide on where to place it in the page. My vote was for the top-right, but the client wants to explore other placements. Is ...
11
votes
3answers
418 views

What is the benefit of anthropomorphizing a UI?

Earlier I withdrew some money from the cash machine and at one point the screen read: "Hold on, I'm contacting the server". The designers of the system had chosen to infer through the language ...
0
votes
1answer
122 views

Show or don't show the currently selected option in menu or dropdown

Let's say you have a dropdown where a user can choose a color. I'm currently comtemplating whether or not to use the following scheme. When a user selects a color, that color disappaers in the sorted ...
2
votes
2answers
197 views

Usability of vertical split bar to resize splitted view

I have a program with an interface that is much like jsfiddle, specifically the vertically draggable inner "bar" that lets you resize between the size of the left panels and the right panels. I ...
5
votes
5answers
311 views

Should a user be prevented from making an invalid selection or denied with an error message after the fact?

In my UI, there is an icon for ‘Open File’. When user clicks this icon, a normal file browser window opens. The user selects a file by browsing through the computer. The user should only select ...
278
votes
20answers
20k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
4
votes
3answers
332 views

Can not reorganize large number of controls on a form , in a visually appealing and efficient way

I am software developer that has a job to create database for storing contracts. Contracts have annexes and construction reports ( I don't know how to translate this better, English is not my native ...
1
vote
2answers
129 views

User and Role management is a mess

At the local level, the system admin can add add/remove/modify users and user groups. At the same time, we have an internet based user management system. The device is registered to the cloud account, ...
14
votes
4answers
2k views

Is there any recommended control for triple options like YES / NO / NONE?

I'm designing a user opinion page where the user has three choices. For instance, if the question is "Is it suitable?" the three options could be "YES", "NO", or "NoIdea". In this case, what control ...
0
votes
0answers
61 views

Horizontal scrolling widget for mobile webpage?

I'm looking for a widget that is similar to what the iphone uses as a datepicker (found here), only horizontal. Does anyone know what this would formally be called? I've been looking all over and ...
0
votes
1answer
67 views

Displaying PC's Not Online to the User Via Website

I am nearly done building a web site that allows a user to pick a set of files that he/she wants from a list of computers.Right now I'm displaying a modal popup window with checkboxes representing ...
1
vote
1answer
113 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
0
votes
1answer
84 views

Displaying information on minimalistic long panels

I had a question about displaying information on long panels. For example, the first is an empty panel and the second is what I'm doing right now: The main issue here is that putting text ...
2
votes
2answers
100 views

Dealing with overlaps in dynamically changing positions

My question is similar to this one. I have a line graph made using c3js. When the user alters some parameters through sliders, the line will be replotted. I have also created a custom legend (per ...
1
vote
5answers
123 views

Which user input validation approach is better: preventing or explaining? [duplicate]

Scenario: let's say we are talking about a simple form, which contains the following field types: All fields are mandatory. Number: only digits are allowed. Text: text must not exceed the maximum ...
1
vote
2answers
43 views

How to handle change in data types and relevant data values against it

On my UI, user can change data type from drop down menu and enter a value against it. User can also change data type and data value at anytime. Now let’s say, user has selected String data type and ...
0
votes
2answers
89 views

Design conflicts between different target groups

I am working on a design for a travel agency. Their main target is elderly people (60+). The site should also apply for the second target group. People (late 40’s – 50+). The client also want to ...
1
vote
2answers
112 views

How to indicate a disabled core functionality?

How should a certain action be disabled, when the user has run out of necessary permissions to perform that action? Specifically, I am designing a search engine where each search may take up to an ...
9
votes
6answers
2k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
0
votes
1answer
117 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
11
votes
5answers
2k views

Language selection: top or bottom of the page?

A client has the requirement to provide translation options on their website, most likely using an automated solution like Google Translate. A colleague and I have been discussing the best way to ...
0
votes
1answer
204 views

Is top-tab bar anti-single-hand operation?

Some Design such as Android Design suggests that we place the tabs in the top. It will be very cool to swipe to change a tab to another close one. But when it comes to more than Three tabs, it will ...
2
votes
3answers
217 views

What are some alternatives to dropdowns and wizards for multi-level options?

I am trying to design user interface that allows a user to select out of multiple workflow options. The options list is fixed but has more than couple of options. It's important for the user to be ...
46
votes
13answers
4k views

Is there a better character than the asterisk to indicate a modified document?

In Windows applications it seems to be a common way to indicate modified, unsaved documents with an asterisk * character. E.g. this is how Visual Studio .NET 2012 indicates a modified document: ...
0
votes
0answers
30 views

Different animations (or ausent) on complementary actions

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
1
vote
1answer
226 views

Activating/deactivating functionality with additional settings

I'm working on an application which is split up in several features which can be activated or deactivated. The user can activate or deactivate the functionality but when activated he has to fill some ...
0
votes
0answers
60 views

Should dates be displayed with a time entry?

I'm working on a project where there are numerous time entries for a given a record. The times are stored in the database as timestamp, however for display and editing it's clutter to display the ...
0
votes
0answers
33 views

Indicating user-independent updates

I have a system with many users, who can edit data and I distribute those updates on the fly to all logged on users of the system, so they don't have to explicitly load them. I do this to increase ...
1
vote
3answers
652 views

Can't properly redesign GUI to get better user experience

INTRODUCTION: I am a junior software developer tasked to implement an informational system without assistance. Due to a tight deadline I was unable to design a UI that provides a great user ...
0
votes
1answer
77 views

How to improve UI within a form, where a field can change type, based on data you want to enter

Goal: I want to have a input field that changes its name and value based on what the person wants to enter. Scenario: I have a form that currently goes like this: Some Data input field ...