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
0
votes
0answers
18 views

Time picker with blacklisted times

What would be a good design on an app for a time picker, incremented by 30 min with some blacklisted times? So for ex. 9:00am, 9:30am, 10:30am 12pm, 12:30pm etc. checked all over for inspiration, but ...
3
votes
1answer
48 views

What's the difference between Welcome screen, Getting Started screen and Start Window?

Microsoft Office has "Start Window": Visual Studio also has "Start window": This is an example of welcome screen: And this is a getting Started Screen for LabView: What's the ...
8
votes
4answers
13k views

Difference between caret and chevron

Is there any functional difference between a caret and a chevron? Our discussion is about what should we use for dropdowns and accordions and whether they should be different.
-1
votes
1answer
57 views

UX pattern for implementing calendars

In my recent development I am required to implement a calendar view which is having month view for each month for given date range. See below. I have already done the programming part. It is required ...
0
votes
0answers
30 views

Should task based interfaces be implemented all-the-way or partially where it makes sense?

We are considering implementing task based interface for our new application. What we are not sure about is should we stick to it consistently for all of our screens or should we leave CRUD screens at ...
1
vote
2answers
86 views

Segmented control at the bottom of the screen in iOS

Is this a common pattern to put a segmented control at the bottom of the screen? I've seen this only in the native iOS 13 Photos app. This is a segmented control on the screenshot below, right? If ...
1
vote
2answers
88 views

Are there services out there that allow you to easily upgrade or downgrade?

I noticed that in many different types of products and services that offer a few different subscription plans, upgrading is easy. Downgrading, on the other hand, is a bit discreet. In most of them, ...
1
vote
1answer
76 views

How to express multi condition rules with flow diagram or truth table

I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE. I have tried to represent it here in table format. Variable ...
0
votes
0answers
19 views

Microsoft Dynamics 365 [closed]

I'm new here so forgive me if I'm not as specific or detailed I would like to ask for advice with anyone here who has experience on Microsoft Dynamics 365 What are the do's and don'ts of the CRM ...
2
votes
1answer
138 views

What's the point of responsive/adaptive design in doing UI?

I apologize if this is such a bad question but I have zero clue about web or UI design. I'm a graphic designer but I was tasked to just design a website using Photoshop cause that's what I'm familiar ...
1
vote
1answer
50 views

Browse and select from a list at the same time

We're looking for a way to cut down on pogosticking - users popping back and forth between a summary view and various detail views. One pattern we're experimenting with is pager arrows, for when users ...
0
votes
0answers
20 views

Help on designing for e-ink displays [closed]

I would be grateful and I would like to ask for help - "Is there some kind of online course or materials that covers all about designing for e-ink displays? I do not need a tool cover. I need ...
2
votes
3answers
154 views

Why render designs?

How do you use mockups, specifically high quality mockups (not wireframes), in your design process and why/would you recommend them? I'm a developer, in the past my product owners would sometimes give ...
1
vote
3answers
90 views

How to display unavailable items with icons?

I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
3
votes
2answers
202 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 ...
0
votes
1answer
54 views

User interface feedback for minimalist product review page [closed]

I'm a novice currently learning user interface design in my free time. I am currently designing a minimalist product review page for the mobile phone. I would like to get feedback or suggestions on ...
4
votes
3answers
13k views

Standard headshot and thumbnail dimensions and width/height ratio

Is there a preferred size and ratio for images that represent a headshot/mugshot of a person? I have a project where we're taking photos of people, generate thumbnails, store the thumbnails and print ...
0
votes
3answers
71 views

Users aren't sending us feedback rating

we just launched a beta version of a website, where we included a feedback rating system. A question, five stars and a comment box. However, in three weeks, we had 0 feedback. Analytics show people ...
3
votes
2answers
1k views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
4
votes
5answers
5k views

What is the Button's Unpressed and Unhovered State Called?

What is the proper name of the state for a button that is not hovered and not pressed? I need it to properly describe this state in the code comments, named constants, etc. I first used the word "...
1
vote
2answers
165 views

How to support a “Save draft” to a wizard approach when the user takes a long time to complete a step?

I have simple user workflow, in which the User has to complete the process sequentially. But the step 2 might take a day or more to get completed. In the Current UI, If user decides to complete the ...
1
vote
2answers
82 views

How to design the following part without any user confusion?

I've a wireframe that looks like following. I've removed the non-essential parts for the sake of brevity. As per the above image, table has two columns Start and End date and other 3-4 columns. Since ...
3
votes
3answers
175 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 ...
3
votes
2answers
131 views

What is the name of the user interface and font in this picture?

This simple, terminal-like user interface was once popular in operating system installers. I recall it being used in the Windows 9X and Windows XP installers, but I recently noticed that the Debian ...
1
vote
1answer
175 views

Android UX/UI guidelines for smaller vs larger screen size and pixel densities

I'm an Android Developer that's not all that well versed in UI/UX design principles. In the projects I work on, I find that the biggest issue is accounting for the myriad of screen densities and sizes....
86
votes
11answers
24k views

How can I best display a blank space character?

A web app I'm writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W ...
2
votes
1answer
136 views

Use inline table editing or multiple rows of dropdowns?

What is the preferred approach when the goal of a page is for a user to edit some values of multiple combinations? Inline editing in a table or multiple rows consisting of dropdowns and inputs? The ...
1
vote
2answers
247 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. ...
5
votes
2answers
57 views

Why do the dividers in the iOS settings page not go all the way to the left?

The designers at Apple seem to have made a deliberate decision to make the dividers in the iOS settings page not span the full width of the screen. What makes this better than full width dividers?
0
votes
1answer
60 views

Can Task-Based UI be considered to be slower in context of complex enterprise apps?

Question Are there studies that prove overall user performance degradation when interacting with Task-Based/Driven UIs in complex enterprise web applications and domains? Use case Considering, ...
0
votes
1answer
118 views

Laying out radio buttons and text area in a dialog

I have a dialog where I need to lay out radio buttons and their corresponding text and icons, and a text area. This is my current dialog layout, where the colors denote the icons. Note that the last ...
0
votes
1answer
47 views

Should I align multiple search boxes horizontally or vertically?

Which UI/Ux is better? horizontally placed search boxes or vertically placed? I am trying to understand which pattern is good in terms of UX/UI and reducing the user's effort I am thinking in a way ...
-12
votes
2answers
711 views

Designing password entry to provide hints

Should it be way that the interaction is designed for password field in any web form or login page? Can it be the right way to showing total number of character of a password while user enters it? ...
4
votes
2answers
226 views

Neutralize strong colors

My client has a fixed branding color schema, so I can't change its colors. He asked me to design an accordion component, where the header part is going to be blue color and in the header, I should put ...
0
votes
2answers
371 views

Best UI pattern to allow the user to assign 1 level nested items to two groups

My issue is something similar to this one - Best UI pattern for letting a user assign items to groups I am looking for a good UI design for mapping items between 2 groups (only one-to-one mapping). ...
0
votes
1answer
52 views

How to decide which state is on and which is off in a checkbox

There's a program that draws various types of horizontal lines that anchor to other horizontal objects that are usually a little bit tilted. Some of the lines, by default, are completely horizontal, ...
3
votes
1answer
63 views

What to do with an empty bottom menu bar on mobile?

I am helping design an app that has different functionality available to different users. These different modules are made available through a bottom menu/nav bar. However we have some users that will ...
4
votes
1answer
126 views

What is the best way to clear text inside a text box?

Usually When using expandable text boxes there isn't a way to clear them unless having a reset button underneath which won't work very well when displaying information in a grid. What do you think is ...
1
vote
1answer
865 views

What is this called in GUI? A “panel” that contains tabs

I have a feeling this answer will depend on everyone's opinions and which design spec they follow. However, maybe it will give me a broader perspective. I have a "panel" (as best as I can describe). ...
2
votes
3answers
108 views

Selecting between two options in smartphone app?

We have a smartphone app for pizza places, and a user can select to see "delivery" or "carry-out" and, separately, the closest or the cheapes. These are the two options I've found: ...
1
vote
0answers
107 views

UX for Range Control within a Carbon Footprint Tracking App

I am working on redesigning the UX for a carbon footprint tracking app. The issue is when it comes to letting users select miles travelled via airplane, car, bicycle etc..with airplanes, the data ...
1
vote
2answers
63 views

Use of lines or Text Boxes

I am currently designing a financial app, which is more trendy and user-friendly, the use of lines or text boxes ?
2
votes
6answers
565 views

How can I improve add entry tab?

I'm making a UX/UI for Telenor software that we are developing as summer project. How to do the navigation/controls for this Software style: I'm stuck on how best to do the Add Entry for this tab. ...
3
votes
3answers
194 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
2answers
82 views

iOS App with two states and mostly different content categories

I’m working on a medical iOS app for university. Our users are usually 55+ years. I’m currently struggling with the navigation flow of the app. We basically have two states, pre and post-surgery. ...
2
votes
2answers
672 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:...
1
vote
1answer
291 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
295 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 ...
0
votes
2answers
58 views

Apply theme customization on a financial app [closed]

I am designing a UI design for a financial app, can a user apply different themes to change between colors of the UI, so what themes are best suited for this feature?
1
vote
2answers
55 views

What is the name for component of menu board in front of home slider app

What's the name / the called for the component of menus board in front of home slider app. Usually it's contains of several feature services/action of the app. I mark with red frame on this image ...

1
2 3 4 5
51