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)

0
votes
0answers
3 views

Where to add “Save All” and “Restore All” buttons on existing UI?

I am trying to decide/figure out a good location for Save All and Restore All buttons. Right now, I have a single Save button per row, which actually updates the values of the fields behind the ...
1
vote
2answers
31 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 ...
0
votes
0answers
18 views

Panel Design - Votes [on hold]

I am designing a small panel for a wallet. It consists of only two data points: 1. Wallet name (text), 2. Wallet balance. I have created two samples as shown below. My request is to suggest which one ...
0
votes
2answers
19 views

Display related location points on a map

I'd like to display an array of various location points, that share the same group. I've been tasked with designing a visual UI that houses a Bing Maps screen and displays several (location based - ...
1
vote
2answers
76 views

Chat Windows Within Web Application - PopUp or Floating Div?

I'm working on a web application. The application is already built and deployed to clients. It runs on a wide range of internet browsers. I am tasked to add chat functionality to the application. This ...
3
votes
5answers
244 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
69 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
361 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
96 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 ...
1
vote
2answers
140 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
264 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 ...
270
votes
20answers
18k 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
270 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 ...
0
votes
0answers
40 views

Combining local and cloud storage in browser app

I am redesigning the GUI of a browser app (HTML+CSS+JS), a graphical editor kinda. Currently it runs locally, i.e. files are never stored on or retrieved from a server or the cloud and there is no ...
0
votes
1answer
116 views

Menu selection state for presets with custom dialog

Say I have a menu which controls a particular property. Four of the items are presets, the 5th can be achieved with a custom dialog. So initially the menu is: Item1 Item2 Item3 Item4 Custom... For ...
0
votes
1answer
36 views

Toolbar + selection + options all on the same screen

Is this the best way to put all of these on the same page? EDIT: More info... this function is used to search recorded video. I have: Camera list A quick search or Date/Time search options for ...
1
vote
1answer
379 views

How can you best filter table data: sliders, text input, or a combination of both?

I am designing a data web page (where most people viewing that page is looking up the data) for a game fansite and one part of it looks like this download bmml source – Wireframes created ...
0
votes
1answer
31 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
2
votes
2answers
314 views

When should I ask for the title of a YouTube video and the title of a resume?

I am designing a web site where candidates can upload videos and files. Candidate can upload videos from YouTube and they have to give the video a title and do the same thing for a file. They have to ...
-1
votes
0answers
47 views

Why has Google decided to use custom scrolling on its new Inbox website? [closed]

Does it add a better experience for the user or does it help Google to have more control over the information presented to the user? Or just something else? What is the logic behind this decision to ...
1
vote
2answers
96 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
2answers
147 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
0
votes
0answers
34 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
62 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
71 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. ...
1
vote
2answers
313 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
0
votes
1answer
73 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 ...
0
votes
1answer
313 views

Design UI panel

I have a dashboard screen with one of the panels as below; So as you can see there are different fields and corresponding values. Now I need to design/update the same panel to consider the ...
2
votes
2answers
60 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 ...
0
votes
1answer
45 views

Switching between live/ recorded playback modes

The mobile surveillance app I'm working with has two modes: Live mode and Recorded mode. Live mode streams 4 camera feeds and allows the user to control their PTZ (pan, tilt, zoom) functions. ...
2
votes
2answers
108 views

Include/Exclude interfaces

I am trying to design an interface where the user can choose to include certain items from a long list and also exclude certain items. The usual interfaces that I see are of this type This interface ...
1
vote
5answers
40 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
33 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
160 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
2answers
75 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 ...
0
votes
2answers
264 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
2answers
103 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
1k 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
99 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
178 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
151 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 ...
0
votes
2answers
38 views

Transfer Files Across Network to FTP Site

I've designed a website to transfer files from PC's to an FTP site. However, some of these files are large in nature and I try and display update messages to the user about what's going on in the ...
44
votes
13answers
3k 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
22 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
215 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 ...
5
votes
5answers
1k views

What are some reference works for capitalization in UI text?

I'm currently in the process of updating the language files for a large web portal. Over time, a lot of inconsistencies have crept in, and so in different places you might see contrasting: Titles > ...
0
votes
1answer
113 views

Link between UX/HCI/Graphics?

I've been reading up a lot on UX lately. The terms computer graphics, HCI and User experience keep coming up together. Could someone explain to me how Graphics, HCI and UX are all linked?
-1
votes
0answers
28 views

google error handling page UI is old?

I was just fooling around modifying google's search url and tried the following: I found that typing:https://www.google.co.in/?q=hi inserted the text 'hi' in the text box then i did ...