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)

2
votes
2answers
56 views

Suggestion List via list-box

I want to provide a suggestion list via list-box, it is not a search-suggestion. User can choose an item from suggestion list which will then copied to a input textbox. How to make it clear to user ...
3
votes
3answers
993 views

What is the best approach for showing a button hierarchy when there are multiple buttons?

I am working on the UX/UI for a large web application. My question is regarding the button hierarchy. I have done a bunch of research but can't find any good UI examples that deal with this issue. ...
0
votes
1answer
54 views

Should I inform the user a slider actually has a margin?

I have a configuration dialog that contains a percentage slider: The user can set a range of 10% to 90% on this slider (don't ask why). In reality, the user is actually configuring a range with a ...
0
votes
3answers
170 views

Should I place a product picture on the left or on the right?

I'm customizing an ecommerce solution and I noticed that most people would place product pictures on the left, but I wonder if there is a reason behind it. I would like to have my pictures on the ...
0
votes
0answers
61 views

Filters on a list

I have a multiselect DropList which would have usernames as its items as shown below : I need to add two levels of filters with one dependent on the other. As an example first level of filter would ...
1
vote
1answer
35 views

Select template or provide filename - which comes first

Let's say I have a dialog used to create new files. I have to choose a template (Article, Task, Story) and provide a title and a filename (which can be automatically computed from the title). My ...
0
votes
1answer
59 views

How to tackle browser's back and forward buttons/arrows?

What is the general UX rule followed wrt to navigation that a browser provides. I am developing a web based tool.I would be definately be enabling navigation to different screens within the tool, I ...
61
votes
9answers
7k views

How can I best display a blank space character?

A web app I'm writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W ...
1
vote
2answers
47 views

How should I allow cron expression input?

I need an input in a website where users can input something in a cron expression style, eg. Every friday at 3pm What would be the best ui system to implement this? Are there any conventions ...
4
votes
3answers
219 views

Reducing data entry density

Here's a common situation: you need to capture input from the user about some complex entity, so you have a data entry field for every possible attribute of the entity: And the tabs each have even ...
3
votes
1answer
71 views

Usability testing of GNOME Shell?

I've searched around the internet in vain for usability studies that would validate the controversial design of GNOME Shell. Has anyone else had better luck or would know where to look?
1
vote
0answers
82 views

Why would a designer want to use a hamburger menu in a complex application? [closed]

If you compare the screenshots of gedit 2 and gedit 3, there's very clear that there are differences between the design paradigms. It seems to me that the designers of gedit 3 have placed aesthetics ...
3
votes
2answers
107 views

I'm writing an app for developers - should I use “proper” MiB, or just MB?

In short, the app I'm writing is a tool for accessing data stored in databases and backend systems. Part of this is displaying the size of any files stored there. Given this will (predominantly) be ...
2
votes
1answer
107 views

Is this clear enough for the user?

I am working on a program where many options have sub-options, and it is possible to have different values, or a 'master' value. Currently there is a checkbox dedicated to it, but I was planning to ...
2
votes
1answer
162 views

How to design a form with lots of possible values

I am working on a technical application, used in the industry. I have been asked to redesign the GUI for it, but I am having trouble. The program is basically just a way to set the values for a large ...
2
votes
3answers
166 views

Too many decision points?

I would love some advice on how to make this window as clean as possible. There are a lot of buttons and I'm trying to figure out how to display everything elegantly, keep it simple for the user, ...
2
votes
2answers
96 views

more details icon with or without labels?

i am working on the product details (PDP) page for ecommerce website , in the Information Section on the PDP (to the right of the main product image)for some information i need to add more details ...
1
vote
3answers
72 views

Selecting elements from a list box

I have a list box that with a lot of items as follows : I want to enable multiple selection on this list box and carry over the selected list items into a separate bucket : Now I want to find the ...
0
votes
2answers
93 views

Table Pagination

I have a standard table with around 1500 enteries as shown below : How do I capture the fact that I want to migrate on a particular page(for eg say page no.13) without having to click multiple times ...
5
votes
2answers
98 views

Support for conversational user interfaces

Reading some of the more recent articles on Medium about conversational user interfaces seems to suggest that this is already an emergent trend that will set the scene for future interface design. ...
0
votes
3answers
54 views

User Group Assignment Layout

I have a UI that allows admins to manage what groups a user is in. Currently the list of groups are listed as columns in a grid, stacked horizontally, and the list of users are stacked vertically. ...
1
vote
1answer
56 views

Design of multipurpose form

Im designing a multipurpose form. Im working on a Windows Application to manage team schedules. We got a a visual component to represent the events of each person in the team. Something like a ...
0
votes
2answers
84 views

Is it a good idea to give different sizes of fonts in mobile site?

I am sorry for not being clear. This is about an article page content font size, yesterday I asked my dad to read the article from a website but he couldn't read it properly because of the small font ...
5
votes
5answers
343 views

Is instantaneous response to user interaction always the best choice in a GUI?

I've noticed a hint of something in the most satisfying GUIs I've interacted with. I'm not sure if I'm imagining this, but sometimes I think there's a small (almost undetectable) delay between my ...
0
votes
0answers
25 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
1
vote
3answers
89 views

The visual order of list control and content, which should be shown above?

In many software, there is a list and a view panel. A user can select different items in a list to see different content in the view. For example, when you open Gmail, on the left you see a list of ...
3
votes
6answers
558 views

How to explain that choice of UI library and framework should be made after the design of user experience

Pretext Most UI frameworks or libraries (that I know of) provide components and layouts in a declarative manner with the underlying implementation as a grid with hooks for extending the ...
0
votes
0answers
43 views

How I make a start screen, without a linear path, that let the user choose 3 items to act on?

A start screen of an app can present you with one choice, usually in the form of a menu, or a screen with big buttons (example: Smithsonian app) Or two, for example an action, and what you want to ...
0
votes
2answers
92 views

How to choose appropriate loading animation?

I am currently working on a project in which some screens require loading animation. Based on the information displayed after loading, I want to select the loading animation. There are several cases ...
0
votes
2answers
45 views

Ask user to input UTC timedifference

We are developing a new device, and we although we have an automatic time server that helps the device to set the time, timezone and time diference (UTC) automatically, for whatever reasons, some ...
6
votes
2answers
186 views

Best way to make many boolean selections

I'm making a tool that crops images at various sizes. Currently, I use checkboxes to show the different sizes, but this will grow unwieldy when I add more crop sizes. What's the best way to show ...
1
vote
2answers
132 views

How to make user realise the Drag Drop functionality

I searched a lot but I did not get any solution. Brief Description I have a website which has some elements which are clickable and rest works on drag and drop funcionality. Everything works ...
1
vote
1answer
37 views

Automated/smart checkouts - should there be a limit?

I am currently redesigning the UX of an online checkout. I know there are possibilities to automate a fair bit of form filling for registered customers, but I get the feeling that this can be too much ...
0
votes
1answer
46 views

How would I display a numeric component stacked with other components without looking likes its out of place?

We have multiple component types which stack on a form, the majority of components look OK (there is a lot of wasted space on most..). Currently its looks something like this: Once there are ...
4
votes
3answers
144 views

Best design for a list with 8 fields for numeric input in a same row

I'm designing a web application where a user needs to add more then 15 football players in a list. For each player user needs to enter values in 8 different fields in each row. It is usually about 50% ...
0
votes
0answers
60 views

Menu options in a document-oriented Windows desktop app

I am preparing a prototype for some Windows desktop app that allows users to open a project (document) and work with it. The users have mostly Windows 7, with a chance to get Windows 10 sooner or ...
0
votes
2answers
150 views

What's a good way to show an article has been read?

I have a news app & site. It's educational, so the idea to encourage users to read lots of items. What are good visual design markers to indicate an item is read? Things I can think of are... ...
2
votes
2answers
109 views

Should I place link in Android title bar?

This is more of a design issue/question. In iOS version of application on main Login screen we have all fields for login functionality and we have "About" link in top right on title bar. That is ...
0
votes
0answers
35 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
1
vote
1answer
48 views

Advice/resources asked for designing a sort of “tasks to complete” layout

I'm creating a site where a user has to perform several tasks on his own. The theme lies close to a market place site where a user puts something online for sale. Think about uploading images, ...
0
votes
3answers
242 views

What design pattern is best for highlighting a required user action?

I have a summary page which documents a customers details. The customer is able to edit/change these details on a new page. Upon returning back to the summary page they still need to submit the form ...
3
votes
3answers
152 views

Do I need an extra checkbox column in the table

I have a table of students with their subjects. On the first column I can set a checkbox to select a student OR all subjects on the same row. Then I can click "Remove Students" or "Clear Subjects" ...
1
vote
2answers
133 views

How to choose a suitable colour between dark/light areas?

I'm trying to design a user interface that indicates which tab is selected, using the material design style: Interestingly one of the few things I don't like (and that I'm struggling with my ...
0
votes
0answers
30 views

Effectively handling a service booking process

I am having 3 problems outlining the user interface flow of my mobile application's booking component, and was wondering if anyone could offer some advice. These problems were spotted during 1-1 ...
7
votes
4answers
294 views

Best way to allow entry of shop open hours

I am looking for a control or a method such that I can allow the user to enter the working times of a shop for each weekday on a web page. For instance, the working time for Wednesday is: 06:00 AM ...
1
vote
3answers
186 views

Should Front-End UI and Back-end UI be designed by same person?

I'm currently looking for freelancers to redesign an ecommerce website and I was wondering if it's better to have the same person design frontend and backend UI or if it's better to have a frontend ...
1
vote
1answer
95 views

Should I refresh the ui data under a modal dialog

I have a list view of students for a selected class 7a. When I open the "Manage classes"-dialog and Delete class 7a should I do an instant refresh in the background or would it be better to do the ...
1
vote
1answer
78 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
1
vote
1answer
76 views

Improving “set appointment time” and “number of people attending” UI elements on booking form

I created the UI above to help facilitate the booking of various services. However after testing it on several users, a number complained about the form's "lack of guidance". They did not understand ...
1
vote
1answer
81 views

GUI elements in conflict Field Search, FAB button and Menu bar

I'm building a webApp with mobile support, and I'm facing a big issue when dealing with mobile screen and it's size limitations. It's important to note this webApp isn't about a single company. It's ...