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
0answers
60 views

Best way to create responsive sidebar content [closed]

I'm working on a project that I would like to be responsive so it can be used on mobile devices. A major part of this project is a content-design area that has a lot of "tool" options and parts that ...
1
vote
0answers
48 views

Where can I find best practices for user interface design and layout of smartphones and tablets? [closed]

Phones and tablets have an expected UI - when you power on the device, you see a background overlaid with icons for your apps. It's become ubiquitous for any smartphone and tablet. How can I find ...
4
votes
4answers
184 views

Is top navigation an accepted pattern for mobile devices?

I have always found the bottom nav bar to be one of the worst UI conventions in common practice, as it is a violation of information hierarchy. Of course, the hamburger menu is also universally hated, ...
3
votes
3answers
271 views

Should I write a title next to a button icon?

Is it necessary to write what a button is if you have a picture? This is a very general question, and I think the answer to that would be: It depends how clear the image is. So my question is if the ...
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 ...
1
vote
1answer
190 views

How can I improve this master detail/grouping UI?

In my application, I have to represent a Work Order entity that has N Work Order Sections and each section has M sub-items. Currently, I'm representing this like so: Each Work Order has a bunch of ...
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 ...
10
votes
4answers
2k views

Counter in a corner of a button

I'm creating a user control which is essentially a wide tile-like button (think Windows 8 "wide" start menu tiles), but in the upper-right corner there's a darkened area which contains a counter. This ...
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 ...
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 ...
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 ...
0
votes
3answers
100 views

What could be a better workflow for this software installer step?

I have written an installer for a piece of software. It requires another piece of software in order to run (the .NET Framework, which is already installed on the majority of Windows machines). If not ...
1
vote
2answers
57 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 ...
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 ...
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 ...
3
votes
3answers
370 views

Interactive or graphical representation of decision trees

Looking at coming up with some new concepts for decisions trees that can be used/adapted for both mobile and desktop views of a web application. Just wondering if we have evolved from the classic ...
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 ...
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
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.
0
votes
1answer
64 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 ...
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
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
3answers
74 views

How can I summarize the contents of a mathematical matrix in a single text field?

Here's a question that pertains to UI design, but for an application geared at a more technical audience. In my application, users can assign an object properties of several types. These types ...
2
votes
2answers
93 views

Page navigation help for business application site

I'm making a UX/UI for email service provider software and I'm stuck on how best to do the navigation/controls for this page style: first, you view your email campaigns second, you check a box ...
0
votes
1answer
100 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, ...
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 ...
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
183 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 ...
2
votes
2answers
79 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%...
0
votes
3answers
215 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
82 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 ...
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 ...
1
vote
2answers
67 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
247 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
88 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
86 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
110 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
113 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
223 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 ...