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

Designing an expandable UI with plugins

I'm working on a game server, that will allow mods and plugins to be installed. I am also working on a creation kit, or content management suite, to aid in the design of various aspects of the game ...
0
votes
1answer
33 views

Material Design Icon to represent spots left at an event [on hold]

I'm looking for a material design icon to represent the amount of spots left at an event and struggling.. Any help would be verrry much appreciated. Thanks!
1
vote
2answers
16 views

Save untested connection when testing is possible?

I have an admin console where I can add configure different data sources for my web application. The page looks like this : Some of my queries are : What is the ideal scenario for test and save ...
0
votes
0answers
44 views

Better UX for categorization and setting up parameters

I'm building a UI, and I couldn't find a better/more intuitive solution for putting elements into categories, and then setting up parameters for those elements depending on which category it belongs ...
1
vote
1answer
48 views

Compact Tableview

I'm currently working on a web application that includes a kind of table where each row can be expanded and collapsed, respectively. I added the picture below that you can see what I mean: Now all ...
27
votes
4answers
3k views

Is there an obvious way to signal that an action leads to a confirmation?

For instance, a "Delete" button leads to a confirmation message of "Are you Sure - Yes / No". Any tips to make people aware of the fact that clicking on "Delete" isn't a final action. EDIT: I ...
1
vote
1answer
62 views

UI/UX for Comparing items based on parameters side by side in an Android App

What is the best UX/UI for comparing three to four products based on certain set of parameters in Android app. The audience is predominantly an Android phone in portrait mode. Basically users should ...
22
votes
1answer
2k views

What is the information that's always present in a toolbar called in UX lingo?

I remember reading about this type of information displayed in a toolbar before, but I can't recall or find it on the web. Ideas?
1
vote
0answers
40 views

What's the key information in a cashback UI

I am building an interface where users view details about cashback they receive for x. The cashback is supposed to be re-used within the application for ordering x again. As I understand it, the ...
5
votes
4answers
160 views

How to distinguish between progress and consumption visually?

I am working on a product that shows how much time the user has consumed . To represent this visually I have used a reversed progress bar but it still feels like a progress bar , increasing. Are ...
3
votes
1answer
60 views

Web tools to show a comparison between two values? [closed]

I would like to compare two values and show a comparison (or a variation) between the two values. Here is an example in my desktop app: This app is developed in Delphi so I don't have a lot of ...
0
votes
2answers
96 views

What are the advantages of websites (eg:Gmail) not using a cursor:pointer for interactive elements?

Taking the example of Gmail, when you hover over "Sign out" or "Add account" buttons the cursor is instead of Is there any particular reason behind that? There are clear drawbacks (less ...
0
votes
1answer
35 views

Rolling calendar view - choosing a start date

I'm currently building a web app that allows users to register as course attendees. Obviously, one can't register for past courses, and we would like to prevent registration in courses beyond two ...
1
vote
1answer
97 views

Best resources for modern mobile app UI design? [closed]

I am a product manager for a mobile app on iOS and Android. The app is called RockMyRun. It's a music streaming service for the health and fitness market. Our design principles are bright colors, flat ...
1
vote
0answers
32 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
28 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
145 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
244 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
98 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
99 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 ...
0
votes
1answer
78 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
65 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
92 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 ...
0
votes
0answers
4 views

Best way to choose a color to display text above a full color background [migrated]

I'm trying to create a simple color chooser GUI with a box on the right that displays the chosen color. However, I've noticed that black might not be the best color as it would be invisible with a ...
0
votes
0answers
20 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 ...
44
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
89 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
47 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
31 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
61 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 ...
13
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
0answers
84 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
31 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
63 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
60 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
59 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
137 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
41 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
65 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 ...
1
vote
2answers
63 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
75 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, ...
88
votes
14answers
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
69 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
48 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
85 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
57 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
22 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
157 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 ...