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
1answer
92 views

How is the UI of DADA-DADA.net built? [closed]

DADA-DADA.net How is the interface of this site built ? What's going on here ? Any hints would be appreciated. Thanks.
4
votes
1answer
197 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 ...
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 ...
0
votes
1answer
43 views

Designing date inputs that can also be null

I am developing an application in which administrators can report absence for people. Absence can be planned absence, like a week of conference or so, this would be entered with a period. Eg. two date ...
2
votes
4answers
375 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 ...
0
votes
1answer
80 views

Best practices for providing help in complex web applications [closed]

I would like to know if there is any consensus on the best way to provide help in complex web applications (online banking in my case). The web app contains dashboards, scrollers with table content, ...
3
votes
6answers
461 views

Drag and drop direction

I am designing a function where the user is able to drag items from one list and drop them in two others. I was wondering which direction is indicated for that action. In the first case, the list with ...
0
votes
1answer
73 views

Long description in tooltips

I'm working on a project that has tooltips for some buttons. These tooltips contains very lengthy description and those are client requirements that cannot be changed. These tooltips take a ...
0
votes
2answers
51 views

What can I do if my website don't need menu or sidebar? [closed]

I want to show the user cards. Between 1 to 100 cards. The user can open existing card, or create new card. In the new card he can type a text, and click save. That's all. How to design it? I think ...
0
votes
2answers
88 views

single select checkbox?

I have a set of data, let's say it is price: [$0 - $100] [$100 - $200] [$200+] A user should be able to make a selection, but then should be able to deselect something. My initial thought is "I ...
0
votes
2answers
67 views

Is there such thing as a boostrap theme that is like “turbo tax” (walk user through series of questions) [closed]

I am looking for a web design/template/kit that would look similar to what Turbo Tax is doing. By that I don't mean that I want the same design in shapes and colors, but I mean having a predefined ...
1
vote
1answer
30 views

Filter by area - how to include items with no physical location?

I'm designing a filter component for a listings site. Within the filter component, users are able to filter by area by selecting/ unselecting checkboxes - pretty straightforward. The items to be ...
6
votes
1answer
163 views

How to build UI/UX for aircraft? [closed]

Currently, I am the student of CS in aviation. My project is about research in UI for board system (Boeing). Now I have the necessary technical documentation and examples of current interfaces (to ...
62
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 ...
2
votes
2answers
62 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
1k 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 ...
4
votes
3answers
228 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 ...
0
votes
3answers
175 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 ...
1
vote
1answer
2k 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 ...
0
votes
0answers
70 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
36 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
66 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 ...
1
vote
2answers
59 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 ...
2
votes
1answer
190 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
168 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, ...
0
votes
3answers
60 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
0answers
83 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
109 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
110 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
2answers
104 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
82 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
105 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 ...
0
votes
2answers
152 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... ...
1
vote
1answer
57 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 ...
7
votes
2answers
497 views

Material Design guideline for Google Map's side pane?

Here is what happens when you click on an icon in an "old-style" Google map: You get an InfoWindow, and clicking "more info" opens a new tab with a google search of the icon's subject. Here is ...
5
votes
5answers
362 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 ...
6
votes
5answers
325 views

In a form, is Switching between advanced to basic a good idea?

I have a web page/form which users have to fill in before clicking the 'proceed' button. Same old story I guess. It looks like this: report name: [...] report type: (*) PDF ( ) HTML ...
3
votes
6answers
566 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
2answers
85 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 ...
2
votes
2answers
363 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 ...
316
votes
20answers
25k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
6
votes
3answers
211 views

Choices for users who don't read

I'm building a touch UI for a timesheet program. Requirements: 1) Record the start and end time of a break. 2) Determine if the user is leaving the work place for their break (for safety reasons ...
0
votes
0answers
27 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
91 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 ...
6
votes
2answers
190 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 ...
0
votes
0answers
44 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
48 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 ...
0
votes
2answers
95 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 ...
17
votes
4answers
1k views

Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?

My work involves designing the interface for quizzes taken by college students. When designing for quizzes, what would be the easiest arrangement to read for my users: horizontal, "square", or ...