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
33 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
52 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
59 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
21 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
23 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 - ...
3
votes
5answers
249 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
70 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 ...
1
vote
2answers
78 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 ...
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 ...
0
votes
1answer
37 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 ...
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 ...
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 ...
-1
votes
0answers
48 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 ...
4
votes
3answers
285 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 ...
11
votes
3answers
369 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
0answers
37 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 ...
5
votes
5answers
268 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 ...
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 ...
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 ...
2
votes
2answers
61 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. ...
1
vote
1answer
74 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
5answers
41 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 ...
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 ...
0
votes
1answer
63 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
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, ...
0
votes
2answers
76 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
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 ...
2
votes
3answers
153 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 ...
-1
votes
0answers
29 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 ...
0
votes
0answers
48 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
52 views

Where to put the global and local navigation?

I'm not really sure where to put the local navigation. The YELLOW box is a list of devices that the user can connect to, and could have anything from 1 to 1000+ items in it. The RED box is ad/info ...
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 ...
0
votes
1answer
48 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 ...
1
vote
1answer
82 views

Change long “continue without saving” button to say “skip”?

I'm working on a project and I found what I think is an issue. The product is a kind of web editor. After making some changes, I go to change the page and get a confirmation dialog that says: "Page ...
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 ...
1
vote
3answers
121 views

Ideas for mobile, tablet, desktop or web for app that in a first step consists of lots of data entry?

With a friend I am making an app that basically consists of one big calendar in which data can be entered. The app will be a sowing calendar which can be used to enter the months in which you are ...
0
votes
1answer
63 views

Android Design Principles? [closed]

Hi I am getting started with building Android apps and I think I am getting good at coding, but now I need help with the design. So can you please help me by suggesting any tools or books where I can ...
4
votes
2answers
94 views

Distinguish between Time and Duration selection

We have a mobile app, which on the same screen, has a means to select Time and a means to select Duration; like this: Time Left Home is a time of day Planned Work Duration is duration Both of ...
1
vote
1answer
53 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 ...
27
votes
12answers
3k views

Will using “X” for both “close” and “remove” cause confusion

I'm working on a shopping cart design. I'm currently using "X" to mean both "close" and "remove" in the interface. As shown in screenshot below. Will this cause unnecessary confusion? For quick ...
0
votes
1answer
51 views

Best way to populate multiple lists from a shared data source

I'm trying to design a UI wherein a person is moved from a list of people into one of four mutually exclusive groups. Each group needs to be shown on screen (there are typically less than 15 people in ...
0
votes
1answer
114 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
vote
3answers
589 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 ...
2
votes
3answers
194 views

Should I use a separate icon if the response will be slow?

I'm currently building the UI for a webapp where users can refresh various bits of content. The speed of this refresh depends on the type of content. In most places this is a very quick operation (max ...
0
votes
2answers
70 views

Client wants to remove footer on certain pages, should I?

I have a client who insists that we remove the footer from certain pages under the guise of 'the footer will distract people and they will leave the site/not finish the journey'. To me, this sounds ...
0
votes
1answer
194 views

Minimalistic UI Versus Too Many Choices, Modal Bootstrap

I am currently in the process of building a website for a larger company that allows someone to reach out to different servers at various buildings. Each building has one server and multiple PC's that ...
1
vote
2answers
70 views

help redesigning table options

I've been asked to look at the design of a table that has buttons at the end (highlighted) Obviously these options should be at the head of the table where they can be seen straight away by the ...