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
60 views

Widget for combining combobox and textfield

At present, I have a UI for selecting a particular bible passage in an application like so: The user selects a passage by selecting the book from a combobox, and then writing the chapter-verse ...
1
vote
2answers
212 views

What is this particular piece of a GUI called?

What is the dividing line between the directory tree and the right-side view called? Specifically, what is the name of the "grab it and slide/resize" function? I'm trying to make this in wxPython ...
1
vote
4answers
252 views

Dead-simple way to let a user select multiple time ranges

I've been brainstorming about this problem for over a week now and cannot come up with a sensible way to do it. Basically, I am building a component the purpose which is to let a user select a series ...
3
votes
2answers
152 views

Resource recommendations for designing graphical + command line interfaces?

Perhaps one of the most prominent examples of a combined GUI + CLI is AutoCAD. AutoCAD has reached the point where (almost?) everything that can be done with the CLI can now be done with the GUI too, ...
0
votes
0answers
25 views

When is it appropriate to use effects in window headers?

If one had a function that accessed a specific window's header and changed it's color, At what times is it best to use such an effect to alert the user of events occurring? I was thinking window ...
0
votes
1answer
42 views

Best Practices for Service Catalogs? [closed]

I'm working on a website redesign for a company that has a lot of b2b products & services. Their current solution is very content heavy (overwhelmingly so) and involves a very linear approach to ...
0
votes
0answers
22 views

Using lines to separate list items - good or bad [duplicate]

The picture below is showing three different lists with separating lines. Should we better use alternating background colours?
10
votes
5answers
703 views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
3
votes
1answer
93 views

What is the best solution to solving nested, referenced documents?

This question was a little ambiguous and I apologize for that, so here's a little context: You have a list of updates displayed in a table. Each update has an ID associated with it. When you click ...
2
votes
1answer
143 views

Logo Usage: Rule Breaker or Acceptable Practice?

I'm working on an user interface to help users select a car. To help the user narrow down the list, cars are segmented into Japanese and Foreign. The user can then choose a company/make to see ...
2
votes
2answers
91 views

Viewing data from a web application in Excel - is this feature an “Import” or an “Export”?

I'm developing a web application that presents a large amount of data in a grid. One of the features we are adding to this application is the ability to view this data in Excel. My coworker and I ...
0
votes
4answers
137 views

How can I indicate that a certain action is either already done or waiting to be done?

In my app, each player performs a task called a Skill Set, levels 1 - 8. A team leader can view all the players on the team to see each task status, which can be: Incomplete Complete and has not yet ...
1
vote
1answer
170 views

Displaying Master/Detail Panes/Linked Lists

I'm trying to determine what the best approach is for displaying a master/detail list. I've taken the approach where the details are displayed in a pane that is adjacent (to the right) of the master ...
19
votes
9answers
2k views

Marquee or Ellipsis for song name in music player?

I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...
1
vote
1answer
119 views

How can I make this menu have multiple depths?

This is for a bookmarking application that should be easy for anyone to use. Right now it is very simple and has only tags. But I want to be able to import bookmarks. And in most cases bookmarks can ...
1
vote
6answers
197 views

How to indicate active option

I'm working on a web that there is a requirement to create a field that the user must select one option from two given. For aesthetic reasons and consistency, we are using a couple of boxes that the ...
0
votes
1answer
51 views

Moving process designed for web interface to a mobile interface

I am currently moving a process designed for a web UI to a mobile UI and was wondering how the remaining steps (ie from step 2) could be translated to a mobile UI whilst reducing the number of user ...
2
votes
2answers
79 views

Is it a good idea to play a [mute] video in the splash screen

I am developing a health and fitness app. I am currently showing a video of a lot different people gymming in the splash screen and personally like it there. I was quite surprised that most apps ...
1
vote
3answers
69 views

Column Headers in a mobile App

We are designing a task-oriented mobile Inspection App to be used by inspectors on the field. Attached is the Dashboard with all inspection requests. Is it a a good Mobile UX/UI practice to show the ...
0
votes
1answer
115 views

How about freezing the first row and column?

User may be lost when faces the massive data in a large table, how about freezing the first row and column? so that the dimensions and metrics are always reachable. questions: It would narrow ...
0
votes
0answers
71 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
1
vote
3answers
195 views

What is best way to show the select box data which is long(almost one line sentence)

I have list box to show the select box data which is long(almost one line sentence). I cant make list box which look very big. For all sentence I have can use some code(Say for 'Sentence1' I can use ...
1
vote
1answer
109 views

What are the best ways to show the statistics of Hours? [closed]

I found one of the good option which Google is using "Popular Times" in Google Maps for the store searched. Below is a GIF showing a quick demo: Any other idea or option can you suggest which has a ...
2
votes
3answers
193 views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
0
votes
0answers
41 views

Help regarding creating an interface for privacy settings

I have create a demo interface/solution so that users of Facebook, Twitter and Flickr can manage their privacy settings in all three of these networks easily. It could be something like Hootsuite. ...
1
vote
2answers
93 views

How to show row related information

I have a grid of selectable rows. Each time a user selects a row a new panel will come from the botton of the page to show its related "Events" and "Comments". This way they'll be able to access ...
1
vote
1answer
94 views

How to display two different responses (together on the same screen) to a single request

I'm designing the interface for a software for digital signing (with legal value in Italy). The software has a function to verify if the sign is valid and I could have more than a single response. ...
0
votes
1answer
58 views

How should a single task in linear process be presented to a mobile user?

I have a multi-step process that a mobile user will repeat many times. They are familiar with the steps. As an example, imagine an app for a courier, where the tasks are: Use the app to accept an ...
0
votes
3answers
85 views

What would I call a user changeable field?

We have a system that allows a customer service representative(CSR) to create a note on a customer. Sometimes these notes are very similar in nature or wording. I am programming a few forms that ...
2
votes
2answers
156 views

Modal Windows on Large Screen: Align dead center or from the top of the screen?

We all know that we should use modal windows when there are steps the user needs to do before the task can be completed. Using a modal window instead of a full page allows users to maintain the ...
2
votes
3answers
130 views

Web chat button on every page or select pages?

While I would typically research this until blue in the face, Allas I cannot find any specific research dedicated to this topic: Our company (Gas and Electricity provider) is deliberating whether to ...
1
vote
1answer
64 views

What info to include on a summary page of a web app that manages user accounts?

We are currently making a website that allows the IT department to manage various user accounts, plus their permissions. There are 100+ internal users and a couple thousand external users. Each user ...
4
votes
3answers
365 views

Intuitive All On/Off GUI?

Currently, I have a Server that has many different modules (Audi A1, Audi R8, etc.) with 4 different states (RESET, Monitor, Closing, and On). Each module also contains 6 data points that change over ...
1
vote
3answers
101 views

How to show entire webshop assortment in a “change item” button for a bundle?

I am trying to figure out a good interface for a ”complex” problem. I am working on an e-commerce solutions that sells what they call “Kits”. Each kit is in essence a bundle - or perhaps even closer a ...
2
votes
6answers
591 views

Ideal color palette for 24 colors?

I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
1
vote
1answer
102 views

Sorting many Text boxes in a form [closed]

I was wondering what to do regarding a form I have that's looking pretty messy and complicated. There quite a few elements in it and it just looks bad... I removed the labels: I feel one of the ...
1
vote
6answers
151 views

IP address with port input

I'm working on a desktop application which requires to enter an IP V4 address plus a port to define an UDP socket (port is an integer value between 0 and 65535). This is a scientific operation, users ...
4
votes
1answer
187 views

Allow user to manipulate objects in 3d space using touch screen

Our app Iyan 3d, lets user to create 3d animation using their Touchscreen Mobile devices. We are targeting the casual market so we are trying to find the easiest way to allow users manipulate ...
3
votes
5answers
551 views

What is the Button's Unpressed and Unhovered State Called?

What is the proper name of the state for a button that is not hovered and not pressed? I need it to properly describe this state in the code comments, named constants, etc. I first used the word ...
2
votes
2answers
93 views

Do we really need a page to indicate that introduction slides are about to begin?

I am designing a mobile app. To make users aware about the app concepts, I am adding few slides (pages with dot indicators at the bottom). These slides will appear when the user opens the app for ...
0
votes
1answer
64 views

Editing a list that can be filtered while editing. Save edits that are not visible?

We have a long list with accounts for which users can set permissions through checkboxes in this list. But users can also filter the list (say with a search query). But what if a user sets ...
1
vote
1answer
91 views

Workout app, what is wrong with these interfaces? [closed]

I have a workout app where you have a training session, and you add/edit individual lifts. I got feedback from people that the interface is very clunky, but I can't see what is wrong with it? Are ...
2
votes
1answer
48 views

Vertical titlebar with windowshade button

I have some panels that are sometimes oriented vertically and sometimes horizontally. When they're vertical, the title's on top with two square buttons [ - ] windowshade and [ x ] close. The title bar ...
1
vote
2answers
184 views

Circular context menu on hover

I'm working on a mouse-centric user interface in a desktop application. The target audience are people savvy with computers. The main element of the user interface is a circular button that doubles ...
0
votes
1answer
73 views

Questions regarding the structure of a mobile payments screen

I am currently working on the payments process of my mobile application. Before asking my questions, I wanted to give a brief overview of what I have done so far. Payment Summary On this screen, ...
0
votes
1answer
164 views

Best way to show tables with less data

We have several pages that display data in a tabular format. We have a standard table design that we follow that has footer which includes pagination. What I would like to know is when we have less ...
0
votes
0answers
245 views

Best way to display date and time range in android listview

This is currently my screen. Is there a better way to display the date and time range within an android listview if you already have 3 lines on the left and only 2 lines on the right side.
2
votes
1answer
227 views

Approve/Reject workflow for User Reviews

User generated reviews must be reviewed and approved by an administrator before they can be published across our network. The interface may also serve to allow administators to search for specific ...
1
vote
1answer
177 views

Does dark theme implies security in an anti-malware app? [closed]

We are developing an anti-malware android application and some of the colleagues insist on using a dark theme for application UI because: Many other anti-malware applications like DU, Avast, Avg and ...
2
votes
2answers
362 views

Feeds UI Design

I am building a website which requires the feeds facility (like what you have in Facebook or Google Plus). Facebook uses single column feeds, Google uses multi column feeds which are card based. ...