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
58 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
358 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
95 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
431 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
89 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
133 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 ...
3
votes
0answers
120 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
428 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
77 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
61 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
84 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
45 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
171 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
66 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
146 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
203 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
171 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
173 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
355 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. ...
2
votes
3answers
242 views

Include UI Play/Pause buttons even though remote contains same functionality?

I'm working on a tvOS application that plays videos. On the bottom of the screen are a set of buttons I've created; Previous, Next, Pause, Play. Coming from an iOS background I'm so used to creating ...
0
votes
1answer
97 views

How can I simplify this task screen for mobiles [closed]

The Dropdown option are: All, Monthly, Weekly, Daily The second row shows the current date range. If you select weekly, it would show "7. Sep-13. Sep". You can swipe left or right to change the date ...
1
vote
1answer
98 views

Are there any internal human interface guidelines of successful products freely available?

Many human interface guidelines for the design of apps for iOS and OS X are available. But I'm searching for internal guidelines for something like Adobe Photoshop or Autodesk 3DS Max. I realise that ...
1
vote
0answers
122 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
0
votes
2answers
264 views

What's the best way to offer hour selection to users in this design?

I've been trying to define the best way to show hour selection on this design. We want to offer very time focused services to business travelers, so time must be relevant on the homepage. We design ...
6
votes
4answers
615 views

What is best UI/UX solution for displaying taxonomies hierarchy in simple grid list(table view)?

Overview What we have in this release of our eCommerce software (e shop), is a simple table view with filterable search and pagination in an admin panel for managing product taxonomies. Taxonomies ...
2
votes
2answers
98 views

Control that changes state automatically and needs to be a part of a form. Any ideas?

I need an example of a control that changes its state automatically once a condition has been satisfied. I need to use such a control to allow admins to set a flag at the user level that would ask ...
1
vote
1answer
51 views

How to create interfaces in a graphics editor for responsive grid systems considering that they aren't pixel-perfect? [closed]

Any responsive CSS grid system uses long decimal point percentage values for columns' width (e.g. "16.66666667%"). I don't understand how to lay out the grid in Photoshop, because elements of the ...
1
vote
2answers
98 views

“Create new” VS “Add to exisiting” what order

We are introducing a new feature for our customers. By clicking on the bokmarking symbol the user is able to save an item to a list. The user starts out with a "default list", but may create as many ...
3
votes
1answer
100 views

What's the best way to indicate that the pop up blocker may stop the user from performing a simple task?

I have an application where user have the option to open all selected items in a new windows. Unfortunately, if the user is running a fancy new-age browser that blocks pop-ups, he doesn’t realize his ...
3
votes
2answers
85 views

Truncation design solution for a search result with more than 1000 authors

Three things: In recent years, we have seen a steep increase in the number of papers with authors in excess of 50, and a particularly notable spike in reports whose author counts exceed 1,000 and ...
0
votes
3answers
122 views

How to accommodate more items in the same UI

I'm looking into a change request from a client which requires the following. Have a look at the visual below. The clients would like to be able to show more then 5 of the blue boxes (these show ...
2
votes
1answer
180 views

Improvement tracker or: How I Learned to Stop Being a Jerk to the User

I'm planning a program (not sure if it will run on smartphones or just PC ) to keep track of user defined task and it's progress. I want it to be less bossy, but still give the proper incentive to ...
1
vote
2answers
127 views

Is iOS's spell checker good UX?

When I was user testing, my test subjects would often have typos (which is fine), then iOS's usual "spell check" pops up with the right word intended, and I found people clicking it to implement ...
1
vote
3answers
169 views

How to intentionally make an action difficult to do?

How can I 'hide' ('minimize'? not sure of correct terminology), or otherwise de-emphasize a certain action? I'm working on a desktop app that has code management features and we want to make pushing ...
2
votes
1answer
139 views

What could be used instead of checkboxes for filtering a list of items for desktop software

What could be a better way of showing a filter like this? Multiple checkboxes could be selected to show the filter options. Is there a better way to represent this filter for a desktop software ? ...
5
votes
3answers
285 views

Multilevel Navigation - Enterprise Application

I'm offering a design solution for an enterprise level applications navigation system. Currently the user can navigate by drilling through a series of parent and child menus. There are up to 5 levels ...
4
votes
2answers
168 views

Enormous and unwieldy Windows Form

I have this ugly interface in WinForms that is both character-limited and slow. The basic idea is that it needs to be a dynamically sizeable 2D array. Each position in the array can be set ...
0
votes
0answers
9 views

Will voice based interaction kill GUI? [duplicate]

Voice and audio based interaction together with natural language input have the potential to fast track user to get to their target goal directly. Much like how instead of browsing through sections ...
1
vote
1answer
136 views

Schedule time UX

What I am trying to solve from the above screen shot is scheduling update. With the new update "to" field is optional, and not required field and also the UI and wording is confusing as when Run ...
2
votes
1answer
98 views

General GUI Development: Acceptable tooltip string length?

I'm putting the finishing touches on a GUIDE (MATLAB) developed GUI. I wanted to add tooltip strings to help the user but I don't want to overwhelm the user. Here are some examples of tootip strings ...
2
votes
1answer
116 views

CMS: Best way to arrange a large number of fields? [closed]

I'm redesigning a CMS and I wanted to gather some opinions on what makes the best user experience for my particular dilemma. Here it is: The CMS controls a marketing-focused website for large ...
3
votes
3answers
147 views

What should happen after soft deleting a record?

Scenario as follows, example is an online survey (policy is to not hard delete anything): You open a survey from the survey list. On the survey, for admins only, there is a special Tools menu in the ...
1
vote
2answers
200 views

should a dropdown toggle icon be up or down?

I keep hitting this issue and wonder if there's a hard and fast anwser: On a dropdown widget, should the icon be up or down on either state? For example when down should the icon be pointing up to ...
1
vote
1answer
110 views

Best way to show registration date

What is a better approach when presenting customer registration date to a user of a crm, "active for...." or registered on mm/dd/yy? if the better approach is "active for...", i am having difficulty ...
4
votes
4answers
332 views

Does the position of icons in buttons affect the user?

I sometimes get in a bit of a muddle around which is the best position for an icon within a button i.e. left of the text or right of it. I was wondering if there is an easy way to determine the best ...
1
vote
2answers
131 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
19
votes
5answers
1k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
0
votes
1answer
75 views

Help with “haggle/barter” feature on mobile application

Overview I am working on a mobile app that has a feature which allows the buyer and seller of a good/service to debate the price and exact nature of a transaction. The process of this transaction ...
2
votes
2answers
126 views

Tooltips, where to place?

We have an internal, json editor web application. It is extremely form heavy, basically pages worth of one dimensional tree structured nested forms. Think something like this, but bigger and some ...
10
votes
1answer
287 views

In Google Maps, why did Google use back arrow icon instead of “X” close for search results list when its clearly a layer on top of the main interface?

I've been getting into Material design lately, and I really liked one of the material concepts, and thats to think of the UI in X,Y,Z axis. But noticed a discrepancy with what might be extremely ...