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)

7
votes
4answers
479 views

Ideal control design for boolean flags?

So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
-1
votes
1answer
59 views

Relational query (few parameters selector) more user friendly

I am working on GUI of one website which is selecting data from database. User can enter one or two values if wants output above/equal/lessequal and less etc. or/and certain thresholds. Current idea ...
0
votes
2answers
211 views

How to make a good UI for picking dates period?

I have a website form in which user can enter details of a flight he wants and my website will scan flight companies to find a flight that matches user's criteria. One of the details user should ...
3
votes
2answers
363 views

Assigning to multiple groups

While there are plenty of "assign to blah" topics here, I'm not sure that I've seen this exact case. Apologies in advance if this is repeated. Building out a new website, with quite a lot of ...
1
vote
1answer
303 views

Why are UISegmentedControl's height a default of 28 points?

Why are UISegmentedControl's height a default of 28 points? Apple says to make an icon or UIButton not less than 44 x 44, yet their UISegmentedControl has a default height of 28 points? (And it's not ...
4
votes
1answer
251 views

First character of table column name in upper case

I have a table with the following column descriptions.: | Titel | bisheriges Ablaufdatum | neues Ablaufdatum | |:-----------|-----------------------:|:-----------------:| | First | ...
0
votes
2answers
611 views

Alternatives to Sub Tabs / 2 sets of tabs (Android)

I'm trying to follow Material Design as best as possible, and I think on one page of the guidelines it says not to use nested tabs. But I'm finding it pretty difficult to find an alternative. In my ...
2
votes
5answers
246 views

Does grey always represents disabled condition?

Recently I updated the style of our admin module of a web app. The buttons were redesigned and new colors were introduced for various states. In various sections, I have the small question mark icon, ...
3
votes
5answers
563 views

Should a 'delete image' button be on the top-left or top-right?

I am working on an application that allows status updates related to the application. It is very similar to posting a Facebook status so I have been using a similar layout to their posting screen. ...
4
votes
1answer
103 views

Are there interface design principles that apply to mobile user hand/thumb positions?

Whilst on the train I observed a number of people with mobile devices but what was quite obvious is that no two person held their devices in the same way. On first thought it seemed rather surprising, ...
5
votes
4answers
493 views

What makes a user want to engage heavily into the application? [closed]

I have recently been working on a desktop application, however I don't think "what" the application does is really important for this discussion. When I ask what makes the user want to engage in the ...
3
votes
1answer
229 views

Showing Notifications on the UI on main page of Website

I want to show the notifications as response of every user action (e.g. configuration added in database, cant load data for selected conf. , server disconnected etc) on my website's main page. What ...
0
votes
1answer
52 views

How to make it clear to users, that they can write on our platform?

I have build a publishing platform where users can write. I have the problem, that for "logged out" users it doesn't get clear, that they can write on eese (http://eese.com) Here are some ...
2
votes
2answers
123 views

What label would best describe sorting items by due date?

I have a list view of jobs that need to be sorted alphabetically by name, or numerically by due date. Currently sorting is done by toggling ascending or descending sorts for these attributes, but ...
1
vote
1answer
205 views

Should I display progress bar for completed jobs?

I have a webapp with list of background jobs (interface is similar to this template). It displays progress bar on each job. Queued jobs have indeterminate style, running have some percentage and ...
1
vote
1answer
154 views

Displaying sub-filters in menus

I'm struggling with this issue: I'd like to know options on how to CLEARLY display a sub-filter option in a menu. To better explain: the problem is that I have a set of data that will be filtered ...
0
votes
1answer
74 views

Disabled state that cannot be changed; Hide or Show?

I have a privacy setting during a Creation wizard that contains two options via ratio buttons: Public and Private. By selecting Private, the user can later to change this setting to Public in an Edit ...
2
votes
5answers
8k views

What is the iOS alternative to a radio button?

There is a radio button in android and WEB but what is the best alternative in iOS? And please don't say segmented control becuase it's not working in my case. The case is a list of items 3-6 which ...
3
votes
3answers
224 views

Designing a popup notice for a game

To put this question in context, this is for a (mouse-driven) ui-heavy game. During this game many popup windows will appear. They are mostly non-interactive, just displaying updates on various ...
2
votes
1answer
48 views

Two objects which can be disconnected and then connected?

I'm creating a GUI for a program which maps keys from an external device to keyboard keys. The process is: [Waiting for keyboard key] (Shows a blank key) Press a keyboard key (Now blank key has ...
3
votes
3answers
164 views

How best to label a column that contains values of different units?

I am presenting tabular data. One column represents the size of a shape, however the shape itself may be a line, area, or volume. So size values can be in units mm or mm2 or mm3. However, I only ...
2
votes
1answer
84 views

Where to find sizes of Windows 8 UI elements?

In the Microsoft UX Guidelines the is a lot of information about best practice, interactions, and so on. But where to find information about space between controls, what width and height of the ...
10
votes
6answers
1k views

Convey to user that they can input absolute numbers or percentages

I have a quoting form in which I want users to have the ability to add a discount. The discounts can be added as percentage or absolute values. My current design is a text field and a dropdown for ...
7
votes
3answers
1k views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
1
vote
3answers
147 views

Color Emotion Naming Convention Standard?

So I'm using one of the UI frameworks for a project I'm working on and I notice that there's a general naming convention for use of specific colors that are represented as moods. e.g.; Assertive ...
1
vote
5answers
103 views

Presenting both information and validation errors in the same form?

Can I show the 'info' and 'validation error messages' in the same page. Could you please give me your comments? Attached screen shot.
2
votes
2answers
513 views

Using card UI where should a set of actions go? (Share, details, info)

I'm using card UI for a project and while some cards maybe we in a row or a column many make up a grid. The issue is some cards have one action like "share" while others have 2 or 3 actions. I want a ...
1
vote
1answer
73 views

Search results - adding “hide” capability alongside “favorite”/heart

If you were to add a "hide this result" capability to a site like Airbnb, how/where would you do it? i.e. you search and get dozens or hundreds of results and start to drill down into them. While ...
3
votes
2answers
705 views

Best UI for an school attendance mobile web app

I have never designed user interface before. And I have very little experience with front end technologies. This is my first opportunity where I have to make an interface for a mobie web app where the ...
0
votes
2answers
282 views

Material design for “insert image” editor action

I'm developing an online document editor using Google's Material Design. The editor has a toolbar with actions such as Bold, Italic and Insert Image. When tapping on Insert Image the user shall be ...
0
votes
2answers
228 views

Report/SQL Builder - Nested conditions

I'm working on a project which will let a user create reports by building up numerous rules, so they can see the data they're interested in. The UI needs to be powerful yet simple. The Balsamiq's ...
11
votes
3answers
896 views

Is it bad practice to remove fast forward and rewind transport controls on video player?

I have the opportunity to customize a video player for an iOS/Android mobile app and am considering omitting the '<<' (rewind/skip prev) and '>>' (fast forward/skip next) controls. My thought ...
1
vote
2answers
143 views

How to visualize percentages on a table

Sorry if this is the wrong SE site, but I thought it made sense. I have these tables for my web-application and one of the entries is a score, 0 - 100. 0 through 50 are okay so I don't do anything for ...
3
votes
3answers
255 views

Are bright colors needed to entice users to a simple UI (e.g. productivity apps)?

This is a screenshot from a windows store productivity app called OneCloudDrive. As this is a productivity app, I have tried to keep the UI simple and pleasing to eyes. Is this really a correct ...
1
vote
0answers
103 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
-2
votes
2answers
126 views

Product UX vs Project UX [closed]

As we know there is a common false assumption that UX means just the interface But according to that article UX means totally different. Let's suppose if UX means interaction then how we will ...
1
vote
1answer
1k views

Website Hierarchical / Dropdown Menu Best Practices?

I'm trying to understand the best way to communicate to users via website navigation menus, and in particular multi-level menus. As the world is going more mobile, so goes the web. Websites are ...
1
vote
1answer
372 views

Standard margins in iOS for info display

I've read the iOS Human Interface Guidelines at least 2 times today, but I don't find what are the guidelines for spacing or margin between views. I come from an Android guidelines perspective where ...
4
votes
3answers
420 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
3
votes
1answer
237 views

Best way to represent time related event during a day in a graph

I want to represent time-related events graphically (bars/chars/graphs, etc). I have a log in the administration panel, the data is login times for admins, so each admin has online-offline ...
2
votes
5answers
138 views

Is it a good idea to make file path edit box multi-line?

I think it might be useful to make file path edit box in my program multi line, because file paths can be quite long, and when they don't fit the user has to scroll text left and right with cursor ...
3
votes
2answers
182 views

Denoting multiple values for the same checkbox or radiobutton

I have a screen where the user can select multiple students and can click on edit. When he clicks on edit, the following happens - All users have the same value for a field, so that value is shown ...
0
votes
2answers
131 views

Allowing users to directly edit column widths in a responsive environment

I'm building a CMS using Zurb Foundation with a direct edit philosophy, eg as much as possible users should be able to drag to resize or move elements etc. I prototyped it at desktop resolution, and ...
3
votes
2answers
212 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
2
votes
3answers
165 views

Focus state for Split Button?

What will be the action if the "Tab" key is focused on the split button? a. both the "A" & "B" gets focused. b. "A" gets focused first and "B" get focused on next "Tab". c. only the "A" get ...
0
votes
1answer
69 views

How do I make it obvious that a question must be selected in order to filter a components list

This is a data analysis tool. The user poses a question, and then adds data analysis snippets that helps answer that question. On the left of the page, there is the list of questions and a field ...
3
votes
1answer
367 views

Tabbed content vs Scrollable list

Let's say I have a web content builder and I am adding a tab element with multiple tabs. This can be also accordion element, or any kind of web element with multiple child elements. Is it a better ...
4
votes
3answers
2k views

Material Design for Web apps?

I'm working on an admin portal (angular, jquery, bootstrap..) and I'm pretty comfortable with bootstrap and I think that the bootstrap designs are pretty cool. Now, my colleague insists on changing it ...
0
votes
2answers
248 views

Suggestions and references for a modern-looking and clean UI? [closed]

I'm working on the UI of a single-page application that allows users to manage (add, edit and remove entries) information about their products. The interface must be capable of presenting hundreds of ...
0
votes
2answers
103 views

Should I add more colors? [closed]

I'm developing an UI for my application and since we're in 2015 a lot of people really like flat/minimal UIs. Take a look at the screenshot of my UI and tell me if I should change it, I think there's ...