We’re rewarding the question askers & reputations are being recalculated! Read more.

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
1
vote
5answers
201 views

What would be the best way to show 3 actions on the bottom half of the page

We are confused as to which of these UI should we go with to as we have three actions relating to the content on the bottom third of the screen. Three buttons are: 1. Write to Device 2. Load from ...
0
votes
1answer
37 views

Animations and complex graphics required?

Hey guys I need some suggestions, I am developing a domain website on health care where specialists surgeons doctors who treats specific health problem. Is having animations,sliders, gradients makes ...
1
vote
1answer
51 views

Hiding the keyboard in a mobile app with a chat

I'm having some trouble hiding the keyboard in a mobile app with a chat hover the main UI (3). On iPhone, this action is usually done by clicking on the zone (3) or dragging down. But in my ...
1
vote
4answers
113 views

Is it correct to delete a button that opens a section, when the section is open?

In a particular scenario, I have a button in the main window of application that, when pressed, opens a specific "command" section. When this section is open, is it correct to delete the button that ...
1
vote
3answers
101 views

Should a cross platform desktop application use a uniform UI and design language across platforms? Or entirely native UI and design language?

I'm designing a cross-platform, desktop engineering app. I'm wondering whether I should make the apps follow native design practices (a la MS Office) or use the same ones for all platforms (a la ...
1
vote
3answers
164 views

Correct way to show that software is connected to an instrument?

Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too. I am developing a desktop software that manages some particular ...
5
votes
3answers
483 views

Do people actually use the zoom buttons on a map?

Between touch screens and scroll wheels, are the + and - zoom buttons on a Leaflet map really necessary? I'd really like to remove them if there's no significant case for keeping them there. Not just ...
1
vote
1answer
65 views

What are the correct steps to build a SaaS B2B company UX experience?

I'm currently working for a SaaS B2B project in a specific niche, and this is my first experience of a kind. On of my first toughts is to have a consistente user experience throughout the customer ...
0
votes
0answers
49 views

Combining two panes into a single one?

I am working on a UI design which has two left panes: the first shows the type of project that the user works on (i.e. custom web application, Shopify, Wordpress and so on)... the second needs to be a ...
0
votes
0answers
13 views

Jumping between different but similar record types

We have an application which shows the details about a customer. However, some of these customers are related to each other, for example, one might be the parent of the other, or they are all refered ...
0
votes
2answers
63 views

Fit Large Text in a Quizz Layout

I'm trying to make a Quizz section for my app in android the problem is that it may have large Texts in it and i want to make it easy to read and to answer i came out with this design but i think ...
1
vote
1answer
109 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
0
votes
2answers
76 views

What is recommended spacing between controls for a fat finger friendly interface?

I have tried searching anything related to fat finger friendly sized controls and spacing between. I could only find that it is a common rule to make controls at least 44 pixels big (from what I ...
0
votes
1answer
72 views

Reusable named colors list to use across all mobile apps?

I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
33
votes
4answers
4k views

Multiple options vs single option UI

On the dashboard we are building we got 2 sets of options users can pick: Multiple options (checkboxes) and single options (radio buttons behavior) while the look of the components is similar, ...
0
votes
1answer
53 views

Nonmodal pop-up vs application-modal pop-up [closed]

I am not sure whether the "join our mailing list" pop-up shown when the page "https://www.lemonadela.com/" first appears is considered a Nonmodal pop-up or a application-modal pop-up. Could you ...
0
votes
1answer
29 views

Suggest Visualization for Control line & Waning line

I need to show 100's parameter & its current value with respect to Upper/Lower Control value and warning value. Each parameter has different Control/Warning line. If value is close to warning ...
0
votes
0answers
37 views

Mobile-first design for many-to-many relationships

I am trying to figure out the best mobile-first design for many-to-many relationships. For example, a list in which the elements contain drop-downs with multiple-selection, e.g. check-boxed items? Let'...
1
vote
2answers
153 views

Should I show database-generated IDs to the user?

I'm working with a UI where users can create records that represent people. The user enters multiple fields (Name, Age, Married status), but I'm wondering how I should display duplicate data. It ...
0
votes
1answer
40 views

Sidebar positioning on mobile - review form

I'm updating a review page where users are asked to leave feedback on their recent course purchase. Students who purchase courses on our site don't instantly get access to their course. Some users ...
1
vote
2answers
52 views

Primary contact indicator in table

Let's suppose we have a table that shows a list of users and their basic contact information. First Last 1 | Phone 1 | Address 1 ---------------------------------- First Last 2 | Phone 2 | Address 2 -...
1
vote
2answers
117 views

Can Alt key alone be used as a modifier in web apps? Eg: alt + >, alt + k, alt + a

I am working on a chat application and it is a web app. I tried mapping few keyboard shortcuts to Alt + modifier in Windows. To my knowledge, I didn't find any application using only Alt as a modifier....
0
votes
2answers
170 views

Making complex UI easier - User License [closed]

I have an admin portal for a Staff / Tech Support to check USB Dongle license information and help customers solve problems The client interface is much simpler, but due to legacy data and how the ...
0
votes
0answers
39 views

Help to design an UI for object placement in AR using Y axis?

I'm designing an AR furniture placement app, similar to IKEA Place, and I'm struggling to design an interface with good ux for the placement of a ceiling lamp in the Real World. As different ...
0
votes
1answer
59 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [closed]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...
0
votes
4answers
207 views

Is there a program that can select a set of 5 to 10 colors based on a few main colors?

Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color. I know the art students will understand color theory enough to do ...
0
votes
1answer
63 views

How to decide dashboard's general buttons when having multiple clients with different colors each?

I have this project, where I have to implement text, raised and ghost buttons depending on the different sections. It's kind of a wizard-style app, with a dashboard with steps to complete and submit. ...
4
votes
3answers
228 views

Deletion: Require two clicks instead of confirmation?

I have an idea regarding deletion buttons... The usual idea is to either present confirmation modals or allow undoing. My idea to avoid accidental destructive actions is a little bit different: ...
1
vote
4answers
488 views

Best UI for items with assigned percentage

I want to get my user to create a list of items. Then each item in that list needs to have a percentage assigned to it. The tricky part is that the percentages need to add up to 100%. So let's say ...
0
votes
1answer
138 views

How can I show a document preview alongside a form in a responsive way?

My registration form requires the user to input Information A and Information B , which are printed on documents only they have access to. Since I have to make the form responsive for all kinds of ...
0
votes
1answer
47 views

Twofactor fields, email code + authenticator code. One page or two pages for input?

I have a user action that requires both a mobile authenticator 2fa code, and also a copy-paste from an email (a code). I'm trying to determine whether it would be best to have a single dialog view ...
2
votes
1answer
248 views

A mix of single and bulk delete

I'm working on a UI that will allow users to save thousands of records. They also have the ability to organize these records into Projects. In the main records screen, we allow bulk delete - ie: you ...
0
votes
1answer
209 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
-1
votes
1answer
50 views

How to add other info to main page of mobile app?

This is what our app looks like: For each row I would like to add the amenities for the particular gas station (ie. "parking", "bathroom", etc). For example, "Rocket Fuel" has parking, bathroom, and ...
0
votes
0answers
31 views

track size on interactive map

Im designing shiptracks on an interactive map(openstreetmaps) (see example image). there is a distintion in size and color to indicate what type of track and what kind of size the track is. But now i'...
0
votes
0answers
58 views

What Problems are solved by having the Find option(s) nested under the “Edit” menu in web browser applications?

This really threw me for a loop when I was looking for the Find option in Safari on macOS. In Chrome, for instance, on both Windows and macOS, Find is located on the top level of the three dots/...
17
votes
6answers
3k views

Simplify an interface for flexibly applying rules to periods of time

We have a module in an application where users define time periods for different criteria that will be used later to filter some lists. By default each criterion applies any time. Its validity can be ...
-2
votes
2answers
89 views

Preview of an widget setting in a modal

I got this problem with setting up the modal for a widget preview. Lets say I want to edit a widget and Im opening modal with the widget settings. The problem is, the preview makes the whole modal ...
2
votes
2answers
447 views

Why can't you copy and paste files in FTP software?

This is something always bothered me, and a simple search on Google shows millions of results on the subject, so it seems to be a real issue: why can't you do simple file operations such as copy+paste ...
0
votes
0answers
45 views

Log File Viewer Web App: Auto Scroll Options

I have a small web app to view log files on remote servers. One feature is to emulate the UNIX command "tail --follow", where the display updates each time the log file is appended. Initially, I had ...
0
votes
1answer
102 views

What is the best form element for multiple number inputs? (Days, Hours, Minutes)

The user will input the Days / Hours / Minutes. Should it be 3 sliders, or 3 input fields, or something else? The design is on on desktop and tablet.
2
votes
1answer
122 views

Is there a name for the way Excel scrolls through cells?

I have noticed that while scrolling horizontally in Excel, it jumps to the start of the next cell without stopping in the middle of a cell. Is there a name for this type of scroll behavior?
1
vote
0answers
46 views

Should textbox labels be above or to the side of the textbox? [duplicate]

At a former employer, the interface guidelines strongly insisted that the labels for form elements are always above the element citing that It's more natural to follow It's easier to translate since ...
0
votes
0answers
28 views

Input for Duration/Time Delta

What would be the best widget for duration/time delta? The duration can take days, hours, minutes, seconds, or a combination of those. Some use cases would be the length of a song or video, playlist, ...
1
vote
0answers
64 views

Best way to design custom apps to plug in Microsoft dynamics 365

We are a small team of 2 customizing a Dynamics 365 for our ~100 people company. Using built-in customization tools from dynamics for basic forms and actions works (fairly) great. However, for more ...
1
vote
2answers
76 views

What is a best way from the user experience point of view to list questions and answers (FAQ)?

At the "Questions and Answers" or "Frequently Asked Questions" (FAQ) section it is often fashionable to have collapsing/expanding sections for each question and answer. Is it still the best way to ...
2
votes
4answers
155 views

Are icons in business software helpful?

me and my team are working on a re-design for an internal software, that people within our customer service do use to track shipments in real-time. I am thinking about a way to efficiently show ...
3
votes
3answers
113 views

what transition to have between two screens when there is where minor change in content?

I have a series of files that the user can look into. User can open any file and view the file and user can navigate using arrows to view the next file and problem I am facing is where there is very ...
2
votes
1answer
92 views

Why CRMs have two views - one for companies and one for contacts?

Why these the structure is separated? Why not one search only that when you click on a user it goes to profile page and when you click on the company you go to the company page? or one company ...
2
votes
1answer
100 views

Screen with multiple list crud

I have a screen with CRUDs For example: I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...