Questions tagged [gui-design]

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

Filter by
Sorted by
Tagged with
3
votes
5answers
614 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?
88
votes
9answers
16k 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
91 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
3answers
112 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
195 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 ...
2
votes
2answers
142 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
101 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
77 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
236 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 ...
2
votes
1answer
85 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 ...
2
votes
2answers
108 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
139 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
92 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
91 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
120 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 ...
-1
votes
1answer
108 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 ...
1
vote
1answer
55 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
345 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. ...
3
votes
1answer
68 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
63 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
107 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
0answers
115 views

(ui / mobile) Designing communication tool without “instant messaging” feel

I am working on the app within medical industry. The purpose of the app is to connect patients and Healthcare Professionals and allow for the communication, downloading special packages with extra ...
0
votes
2answers
62 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
vote
1answer
162 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
90 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
2answers
138 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
141 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
226 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
150 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
71 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
74 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
111 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
80 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
59 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
1answer
65 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 ...
1
vote
3answers
212 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 ...
1
vote
3answers
223 views

GUI for a weekly schedule

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
0answers
66 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
84 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
73 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
88 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
109 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
2answers
400 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
106 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
50 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
95 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 ...
1
vote
1answer
219 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
189 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. ...
4
votes
3answers
304 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 ...