Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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 ...

0
votes
2answers
41 views

Designing with html vs a vector application? [on hold]

I have some ui I'd like to design. I'd like to get to the professionalism of art that is found on sites like dribbble.com. I eventually just need an image for the design I make. I'm just wondering if ...
0
votes
2answers
51 views

Display the values of a boolean criterion and which one it takes

In the app the user is profiled according criteria. Let's say a criterion has 2 values : Aerial or Ground. What would be the best way to display the value of this criterion ? The value of this ...
0
votes
2answers
49 views

How to map out user actions with connected features?

I am dealing with a new feature for our dashboard and I am trying to map out all the user's possible actions and connect them to features we have so I could see if we are missing something and improve ...
-1
votes
0answers
42 views

What is the law in India about similar GUI application? [on hold]

I have developed a web application which looks like the another popular application. The layout almost looks same as the other application, but there is a difference in the icon and other UI. I can ...
0
votes
0answers
46 views

How to represent radio button with sub options

I'm working on a settings section where the user needs to pick a radio button (or a segmented control) and each option generates a set of multiple options that can be selected in any combination. Lets ...
0
votes
1answer
33 views

How to reduce ambiguity between the use of 'Remove' and 'Delete'?

This question came up while I was reviewing some UI design concepts. I was thinking about what the difference is between the word 'Remove' and 'Delete' in an application that is used for creating and ...
0
votes
0answers
26 views

Example of Good Cross-Platform App but Native UI [closed]

Wondering if there are any good examples of apps that work cross-platform but are designed using the native platform's standard UI patterns. Many apps are often specific to one OS, such as sketch. ...
1
vote
1answer
25 views

Is there a recommended size for embedded maps or videos?

Basically what the title says. I know that anyone can do what they want, and I also know that the embedded content can be integrated in a responsive way, thus maintaining its original proportion. ...
0
votes
3answers
74 views

Does it make sense to have a Back button on Step 2 of this particular wizard?

Step 1 of this wizard must be a Sign Up form. In Step 2 and the rest of the steps, we list down some questions to ask the user. In Step 2, does it make sense to have a Back button? My thinking is ...
1
vote
3answers
130 views

What is the best alignment of the main container in a dashboard?

What is the best alignment of the main container in a dashboard if just a little content is displayed? Let's say the dashboard has a classic structure - header, footer, sidebar and the main container ...
0
votes
2answers
36 views

How to differentiate two type of Map pins

Greeting Fellas, I was working on a requirement where I in a map I need to differentiate b/w two pins. 1 - Normal fuel station 2 - Partnered fuel station I should show this two on the map with ...
2
votes
1answer
59 views

Use top-looking arrow when navigate between screens [closed]

When I was designing something in Adobe XD I thought about an icon which will display in search bar to go backwards in app. My activity uses slide up to open another activity with search bar. Let me ...
0
votes
1answer
23 views

Best practices for designing a terminal logging experience

The first 4 pictures below (#2 is also animated on the link) are examples of CLIs. The 5th picture is an image of the Heroku logs. The last picture is what you normally used to see in programs you ...
0
votes
1answer
21 views

How do you show a current table row selection when there's multiple table pages?

How do you show that a table row (data choice within that row) has been selected in a multi-page table if you are viewing another page within the table that does not contain the selected row?
1
vote
1answer
24 views

Access control where a user can belong to multiple groups with multiple permissions?

For example we have: User1, User2, User3 Group1, Group2, Group3 Permission1, Permission2, Permission3 User1 belongs to Group1 where it can do Permission1, and Group2 where it can do Permission2 ...
1
vote
3answers
67 views

Why not let users change settings of disabled features?

Most interfaces don't allow changing settings of a feature that's turned off or disabled for whatever reason. Users can change the settings if they turn the feature on or if it becomes available. Why ...
0
votes
1answer
48 views

Data layout for a contract

I have visualised a contract. And previously there were less data, so it was like this: It was pretty nice, but then we added some more data, and my boss said to regroup it logically (left and right),...
0
votes
0answers
21 views

Managing nested items using Dashboard

I have a dataset of nested categories which needs to be managed using a dashboard. Now I have been struggling a lot to design the UI for managing the Categories. Please suggest me a UI design ...
0
votes
1answer
62 views

Best way to ask frequently used infromation?

I have a requirement for a web form (desktop) where user is asked to enter "Three Frequently Dialed Numbers (Last 30 days)". What would be the best way to handle this? Three different input fields or ...
0
votes
0answers
86 views

Web-equivalents to Traditional Paper/Book Pages and Footnotes

A book or paper traditionally can have these features: Heading or title page Table of Contents Pages Chapters Parts Footnotes Sidenotes References Indexes Lines Sections Paragraphs ... It is divided ...
0
votes
2answers
54 views

Is horizontal scroll usable in mobile view?

When building a responsive view of a page with a grid of content boxes, is it a good solution to use a horizontal scroll? Imagine page layout with a header, main column of content (680px) and a ...
0
votes
2answers
39 views

GUI - Weekly Shcedule

I am currently working on a weekly schedule for sport teams and everything have been going smoothly UX wise. The UI part, for some reason, is a bit more tricky for me this time around. The creation ...
2
votes
1answer
50 views

Alternatives to Justinmind for mac [closed]

For a long time, I have been using Justinmind on my Windows laptop to define complex cases in prototypes using conditions and events. Is there any similar tool for Mac that supports handling of ...
0
votes
2answers
72 views

User interface design comparison test

I need to elicit quantifiable responses to two designs. One is the live design, the other is a prototype, so I cannot evaluate directly via usability or ease of use. It has to be via Q and A. Anyone ...
0
votes
2answers
38 views

Best way to denote possibility of refreshing an image which is embedded in text in Android

In an Android application, I have to display images during texts. For example: So image must be a part of text without border, shadow, ... or with button effect. Problem is that sometimes image does ...
1
vote
1answer
43 views

Best way to display offset position in direct manipulation design software?

I'm thinking on how to solve for an application that uses real-time positioning to project images. It uses a beacon (same as motion capture) that is hidden and sewed into a person clothes When the ...
1
vote
1answer
84 views

Which colour to choose for 'updated' field?

I'm designing a user interface, which will contain fields that the user can edit. Each field can have 4 states: Unchanged (field has the same value). Added (field has a value, where it didn't before)...
1
vote
1answer
60 views

Best way to make an “easy, medium, hard” picker

I'm trying to create a website where you can get questions based on different settings. One setting is difficulty. For now, let's just assume that I have divided a lot of questions based on difficulty:...
0
votes
2answers
87 views

Gray prototype type look when data is not loaded [closed]

I have noticed recently that many sites use a gray prototype type look when loading data on page. Exhibit 1- Google drive Exhibit 2- Facebook Exhibit 3- Medium Can some one explain what library is ...
0
votes
1answer
44 views

Is it acceptable to change the context of the application by switching ribbon tabs?

Our application has several "disciplines" for which there are various commands grouped as tabs in a ribbon. Is it acceptable to automatically change the context of the main window, i.e, what is being ...
2
votes
2answers
61 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
0
votes
1answer
56 views

Good examples of UI patterns for data assembling

I'm particularly interested in Node based UIs and I have a few questions: 1. What are good and elegant services in your opinion that use these pattern to create complex outputs? (I really like how ...
4
votes
3answers
111 views

Opinions needed on a dashboard design [closed]

Here's a VERY stripped down version of a dashboard design with some changes to protect it and the company it is for. I need a few opinions. 1) We currently have an ongoing debate over notifications. ...
3
votes
3answers
279 views

How to show a huge amount in a small pill?

I have come across this challenge where a developer is asking me as to how to show a large account balance in a small pill. In case of webapps, we show ellipsis and tool tips in order to show the ...
0
votes
2answers
83 views

Website dashboard design(guidelines to follow)

We are currently having landing page as below. There are 'x' number of entities, each entity is displayed as a square,4 in each row All the information related to that entity will be displayed inside ...
4
votes
2answers
170 views

UI issue for Add, Edit and Delete experience

First question on UX, so let me know if need to add more details. I have a budget module where user can add budget detail and later they can edit those detail. Budget Add Page So this form is ...
1
vote
2answers
106 views

Appropriate padding percentage between buttons

I'm laying out 5 buttons programmatically on the screen. So for example, the screen is 1000px wide. I'm dividing 1000 by 5 and get 200px for a single button. Since this is for mobile devices, it can ...
3
votes
2answers
89 views

Radio buttons with a long label in a small space

I have 5 radio buttons among which the user can choose: DTP, MMR, POL, HIB or HEP B and a small space in which to show these buttons. The problem is that the labels are not very explanatory. If the ...
2
votes
1answer
95 views

Are tabs a good fit with data that have a cause and effect relation?

Tabs are used to show content that: A.is not needed to be shown simultaneously and B.has a relation with similar hierarchy (like different chapters of a book) In the following case this web tool ...
0
votes
2answers
248 views

Put large table and form on one centered layout

I'm currently developing a quite complex and growing website that has centered layout. These are some of the layout rules: Table width are 768px in default, but if not possible (overflow) the table ...
0
votes
2answers
31 views

Dynamic selector answers

Background On a step, we have two selectors. "Travellers outside Wingly" depends on "Offered to Wingly". It works that you have N number of seats and you can share them or select that some seats will ...
3
votes
2answers
73 views

Allowing users to select all items except few

I have a list of country names (eg below) I want the user to be able to either select a few countries or, select all countries except a few. Now, this can be done using a select all button by ...
3
votes
1answer
111 views

UX for selecting complex set of nodes from 2-level, dynamic, moderate-size tree?

What is a good UX design for letting a user select a complex set of nodes from a 2-level, dynamic, moderate-size tree? (I say a 2-level tree, but to be more accurate, the implied root could be ...
2
votes
4answers
110 views

Where to place icon on a card with only text and an icon?

I have a list of cards where each card has a text content, an optional title, and one or more optional icon indicators. The exact use-case is not important but as an example, the user has a list of ...
3
votes
2answers
116 views

Transit app - button or toggle?

I'm designing a prototype for a mobile app that allows you ask for help inside a public transportation (bus or streetcar). The goal is to alert all passengers that someone needs help inside the same ...
0
votes
1answer
59 views

Any alternative for dual listbox control? [closed]

Is there any alternatives or other approaches - from UI perspective - for dual listbox element? In general I'm used to apply the Dual Listbox (as described in the example). The Dual Listbox should ...
5
votes
1answer
147 views

What is the pattern for displaying the state of a thumbs up thumbs down button pair?

I'm looking for a pattern that clearly lays out how to make the pair of buttons look clickable (or tappable) in the following states: Nothing has been selected yet One of the two options has been ...
5
votes
1answer
201 views

Display a bunch of buttons on one page

I currently develop an app in UWP and I need to display some buttons on a page. All of those buttons are neccessary and I want them on the same page because they are for maintanance/debugging of a ...
0
votes
0answers
49 views

Usability of 3D icons for 3D software

I'm experimenting with 2D interfaces for 3D design and spatial interfaces and I'm looking to know whether there are any studies on the usability for them? Note: I'm not talking about 3d icons in ...
4
votes
2answers
69 views

How do I design an admin window for cascading dropdown data?

I am designing a window in a desktop app that allows the user to drill down to a specific problem using five cascading dropdowns. The first is general (eg harware or software), the second slightly ...