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

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

Floating Or Flat Mockup?

While Designing a mockup for an App or a concept, I find it difficult to choose between Flat Mockup and Floating Mockup. I'm interested to know why Floating Mockup gives a more 3-dimensional look and ...
0
votes
1answer
62 views

Tight space lot's of data to display how to handle?

I don't have great UI experience so if you think my mock-up is wrong let me know. From a Service Status page I am retrieving the following data: Incident Creation DateTime (When the incident created)...
0
votes
2answers
57 views

Is it right convention to put tabular view in the pop up

In our modal we need to showcase two options.To delete and edit the projects. Just wanna know if it is right convention to show tabular view in the pop up modal.
-1
votes
0answers
22 views

Alternative to Flash MX with HTML5 [on hold]

I want to make a auto run for a CD/DVD, and my prefer to do that is HTML5, But also Flash is acceptable. Previously I used to do that with Flash MX, Which created Flash files dynamically and visually. ...
-2
votes
2answers
27 views

Starting references [on hold]

I'm a front-end developer that want to improve my understanding about UI/UX in general (colors, typography, layout placement, etc). Any material to start?
0
votes
1answer
19 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
2
votes
1answer
47 views

Nomenclature for all parts of a progressbar

I'm looking to get a name for all off the different parts of a progressbar. e.g. Loading [ =====> ] 1/20 (5%) done I want to know what name can be given to the following parts: "Loading" ...
0
votes
1answer
52 views

ERP system for staff admins - managing complex information tree

I'm re-creating an internal ERP tool to manage user license, sales and customer information for a desktop 3D cad software. So something similar as an admin portal for Autodesk employees to manage user ...
2
votes
1answer
151 views

Design graphical user interface

I'm about to design a GUI for creating/editing a filter. A filter can have one of the following types: Text Object name Object type Object attribute The following is a draft of a possible design: ...
2
votes
1answer
55 views

Designing interactions and UI for synchronous action with long processing time

I have a synchronous process that is trigger by a user action and the process can take more than 10 minutes. While it's being processed, the previous UI that user triggered from and the previous data ...
0
votes
2answers
100 views

Why are there exit button provided by application?

Why do a lot of applications provide an exit button in addition to window title one and Alt+F4? I can understand it if: Application is full-screen one (no window title) Application can run in ...
2
votes
3answers
176 views

Is there a name for this type of progress bar at the top of screens?

Lots of applications and sites (particularly SPAs or sites with lots of data to load such as YouTube) have a progress bar that is displayed at the very top of the screen. Does this have a special ...
1
vote
1answer
64 views

Stacked Bar Chart Movement User Experience

I have three friends Bob, Sam, and Maya. We all deposit some of our pocket money together to the electronic wallet. On tough time we can move money from each other accounts as Bob can transfer money ...
1
vote
2answers
104 views

'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user

I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
2
votes
1answer
101 views

How to choose a color combination for main header and sub-headers for better UI and UX?

I'm always confused about the BG (background) colors or a header and sub-header of a website or an app. There can be at least 3 options to choose BG for them: 1. A dark color for main header and a ...
2
votes
3answers
149 views

Designing new interface for a legacy web application

Current situation: We have a legacy web application. It is been in development for 5 years and already has many customers. It's a very critical and also expensive product and its customers are big ...
4
votes
2answers
198 views

Why is this text, that fails WCAG accessibility guidelines, subjectively easier to read than text that passes?

A The smaller text here passes WCAG 2.0 contrast accessibility AA guidelines. B The smaller text here fails WCAG 2.0 contrast accessibility AA guidelines. In a usability study comparing the images ...
1
vote
0answers
38 views

Resetting password as software company staff admin (not user admin)

I'm building a tool for users to manage their account which includes user licenses and admin levels for teams (think like Adobe Cloud), but also an admin for our staff tech fix account issues. On the ...
3
votes
5answers
328 views

How to ensure that buttons look clickable? [duplicate]

I always notice that my designs look good but buttons and other clickable elements don't look clickable. Can you provide any tips or links that can help me?
82
votes
9answers
15k views

Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?

I would like advice on whether a disabled button is better than no button for a certain UI. Basically, the regular (experienced) users can either comment on an issue or close it; the users with ...
0
votes
2answers
51 views

How to structure navigation with many similar items?

So I have an app on the google play store currently (https://play.google.com/store/apps/details?id=com.euandeas.RowerStuff) which has calculators in it for rowers. I currently have free essential ...
0
votes
1answer
24 views

How to show a segmented control and multiselect buttongroup at top of a list

I'm struggling on how I can present the following to my users and that they understand how it works: In a desktop app, we have a 'Recent' phonecalls list. This list shows all calls that came in and ...
0
votes
1answer
185 views

Are there rules for warm and cool grey tones be used together in UIs? [closed]

I am currently working on redesigning a web app and want to reduce the amount of colors used, espcially the lot of different grey tones - warm and cool mixed up as accents for UI elements and the ...
1
vote
2answers
87 views

Should the 'Reset' or “Reset to default” button be made disabled before any updates are made

Should "Reset settings" or "Reset to default" be disabled if the user has not made any updates/changes to default settings?
1
vote
1answer
53 views

Natural language search with boolean inputs?

So I'm working on a project which allows a user to type in a query using natural language as follows: Some of the keywords turn into tags that can be clicked/interacted with to access an advanced ...
0
votes
1answer
68 views

How to name different data display types?

I'm working on this specific system where we're allowing users to save search data for future re-use based on 3 criteria: Save based on searched term (eg, if I searched for "Foo", the user will save "...
4
votes
2answers
197 views

Experimenting with modal design

Hello UX'ers I work as a full time UI/UX designer in a smaller company. We are currently going through a major re-design phase and one of the biggest addition we are adding to our platform is "step ...
1
vote
1answer
73 views

Functional animation in icons

We are all probably familiar with the use of animation in very specific scenarios when it comes to display of system states such as the loading animation. However, the recent trend of animation in ...
1
vote
2answers
49 views

Representing the Footer in the Dashboard

I want to design a dashboard and I have a great deal of elements in my homepage footer such as: List item Contact us About us Some services Pricing Social media Copyright ... Is removing the footer ...
19
votes
5answers
3k views

How to overcome feature blindness

I work on a product called AwesomeAds, a marketing platform that specializes in kid industry where users can create an ad campaign and monitor the performance of their campaign (engagements, budget ...
2
votes
2answers
133 views

How to present a tree in which objects may appear more than once?

I have a window showing a number of objects that can be individually hidden or recolored. Accordingly, in a sidebar each has a checkbox and a color swatch that launches a color picker when clicked: ...
0
votes
1answer
78 views

Two 'directions' in form

I'm creating a form that has a 'split' section, where the user either has to fill in 'Section A' OR 'Section B'. These sections are quite large, with around 6-7 fields in both. Another requirement I ...
3
votes
3answers
87 views

Grouping problem

I need to design a commercial information form for a project. Client section is read only data and is loaded with select button. It opens a search dialog and client and receiver data are loaded. I ...
3
votes
4answers
107 views

Select every Nth element or N element input

There is list of things, for example books. User selects which books should be highlighted. We do not know how many books there are, so user uses index, for example: The second book should be ...
0
votes
1answer
81 views

Search box with clickable keywords?

I'm working on a search box in which the user will be entering keywords that can be clicked/interacted with. For example, say, a user types in "Fender Guitar", the words "Fender" and "Guitar" will be ...
0
votes
1answer
39 views

Most user friendly way to present exclusive archetypes with nested configuration options

I'm currently implementing a UI for a configuration application. The typical user would be an employee changing the configuration parameters of some client software (like theme, available features to ...
2
votes
4answers
228 views

Modal close button style

I am looking at a redesign proposal for a close button on a modal window for a responsive web/mobile application. I have my own thoughts on this but would like the UI/UX community to weigh-in. ...
2
votes
1answer
55 views

Problem with a Product Specification/Data Point that is User Generated (Range may vary)

This might be a bit hard to explain but hope you can understand me. I have this current problem. Let's say I have website that is for a database of sports drinks/water with product information about ...
0
votes
2answers
58 views

Designing with html vs a vector application? [closed]

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
71 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
51 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 ...
0
votes
1answer
108 views

Most user friendly way 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
73 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 ...
1
vote
1answer
81 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
80 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
146 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
100 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
62 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
49 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
24 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?