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

What is the name of the two sections at the left and right of this “classic” Web UI?

This question may sounds weird but I was wondering myslelf if the two sections at the left and the right of an UI had a special name (like header or footer for the top and the bottom parts). ...
5
votes
2answers
120 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. ...
28
votes
7answers
25k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
3
votes
2answers
115 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
0
votes
1answer
126 views

Proper UX on a Widget dropdown menu

I am designing for a piece of web-based software that has a drag-n-drop functionality for "widgets" that can be placed in one of three columns. Over the 2 years of development the list of widgets ...
45
votes
14answers
9k views

Best color to display hot/cold but also on/off

I'm not really sure about some colours of one section of the application I am writing. Basically, I need to have a section that displays if something is ON/OFF, but also HOT/COLD. Now, usually, I ...
2
votes
2answers
96 views

Intuitive representation of “increase priority”

IGNORE THIS BLOCK We have a grid, each row represent a pending download. By default, downloads will proceed top-down, first row first, second row after that, etc. We want to put a column ...
1
vote
2answers
198 views

Best practice GUI for a report designer where there is a many to one relationship to the data

I'm having trouble finding any best practices for a report designer when you have some data elements which repeat multiple times within a single report. Every report design best practice seems to ...
3
votes
1answer
83 views

Sort Icon placement

I am introducing a sort feature for a few elements such as: Name Import Code Site Priority I did some Googling and the general concensus is that an icon should always be placed to the left of a ...
0
votes
4answers
256 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
0
votes
0answers
21 views

Intuitive UI for query having boolean operators(lookin out for latest design patterns and referrences) [duplicate]

I am looking out for suggestions on creating a user interface where one can create certain policies based on some conditions. As an example : (Person A or Person B) cannot talk to (Person C) provided ...
2
votes
2answers
116 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 ...
1
vote
2answers
56 views

Table Elements Placement

I have a web application where I need to show certain data in tabular format.I have certain queries from a UX perspective based on my diagram below : What should be the ideal placement of elements ...
3
votes
1answer
34 views

Paste address into relevant contact fields

I'm looking for an intuitive UI interaction that allows both: entering contact information as the following fields: First Name Last Name E-Mail Address Phone Number pasting multiple or all of ...
14
votes
5answers
1k views

Is it better to start app UI design for iPhone 5 or 6?

This question drives me crazy, as well as my dev colleagues. For which iPhone screen resolution I should begin designing so during development it easier adapts on other devices? Usually, I start ...
1
vote
2answers
67 views

Some advice needed on working as a UI designer in a app dev company

A week ago, I managed to get a job in a app dev company. They create apps based on clients' needs. Before that, I'm a general graphics designer who also does some app UI mockup but it's for in-house ...
89
votes
13answers
11k views

A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?

I'm working as a front-end developer. I used to work on JavaScript technologies. But when it comes to UX and about choosing colors and stuff which I'm not able to understand well due to color ...
1
vote
1answer
33 views

Column header name suggestions

I have a column in a table with each cell being a toggle switch (on/off),what would be an appropriate header for the column? Right now I have just called it as state
1
vote
2answers
80 views

Naming convention for “admin” UI and “public facing” UI

I have a social network kind of app that has two dramatically different interfaces: The admin part, where the owner administers the account The public facing part, what all users sees I need to ...
12
votes
3answers
1k views

n-to-n selector UI [duplicate]

I am looking for a name of one specific UI element. I have unsuccessful tried to identify it before but this attempt failed. What I am looking for is an n-to-n selector where items move between two ...
2
votes
1answer
147 views

UI doesn't look great [closed]

I like web design, I have built some web sites. However I think there is a common problem in my UI style. I think my designs don't look good, and are dull looking. Here is an example site/form I ...
0
votes
2answers
67 views

Implementing different levels of drag/drop functionality?

I'm working on a tablet app for a motel. Initially, the app was going to be tested on one floor. Essentially, the app would be used to move guests from one room/bed to another room/bed. As you can ...
0
votes
1answer
63 views

Should the design/appearance of an application a part of a usability test?

So i was wondering, i developed an application (android) and put alot of effort in creating a user friendly and visual appealing experience for the user. Afterwords i held a small usability test ...
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
215 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
161 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
46 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
407 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
99 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
497 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
81 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
53 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
91 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
79 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
33 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
182 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 ...
63
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
78 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
55 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 5%...
4
votes
3answers
246 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
181 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 ...
2
votes
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
80 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
83 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
66 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
220 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
171 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, and ...
0
votes
3answers
71 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. ...