Questions tagged [interface]

An interface is the point of communication between user and system, allowing for input to the system and feedback to the user.

Filter by
Sorted by
Tagged with
0
votes
0answers
28 views

Promo code applied UI

I'm currently working on the UX/UI for a flight app. The promo has to be applied before searching as only certain flights are on promotion. Once the Promo is applied I am having trouble displaying to ...
2
votes
1answer
40 views

Library of terms for interface (interactions and designs)

I'm studying interaction design (via a Swedish uni) so am having some difficulty finding English terms for different interactions and interface designs. Terms like lightbox popup and modal overlays. ...
0
votes
1answer
73 views

Why do most interfaces rely on sticky top bars instead of sidebars?

Most web interfaces have the classic sticky topbar + 2-3 columns layout (just like StackExchange). Some but few websites use a different approach and, instead, have a collapsable sidebar (i.e. ...
13
votes
2answers
2k views

When to use the gestalt principle of common region?

The image below, which can be seen on this medium article uses lines to separate various graphics, but could also use different backgrounds, which is something pretty common when designing dashboards....
0
votes
1answer
32 views

How to design interface for backups that users can restore to

I am currently working on a system for our application where users can restore to backups done previously. The current setup is that the system backups everyday when automatic backups are on. Now our ...
0
votes
2answers
44 views

Is there any term for an interface in which an application runs another application?

Is there any term for an interface in which an application runs another application? For example, one website rendering UI from other website within its frame.
0
votes
0answers
29 views

Show option is both required and previously used in dropdown list

I realize this is probably not the best way to handle the problem, but I need to shoehorn in a solution to a previously existing design - and a dropdown list was used. In this situation there are a ...
0
votes
1answer
112 views

Why often exists a divider line between between a sign up and a login form?

Why is it needed a divider line between these two forms? Isn't proximity enough to group each individual form elements and make each a group? Or is it needed because, since they are sharing the same ...
1
vote
2answers
112 views

How can I best display a three-way toggle (show, show all, and hide)?

I'm creating a filter for a search and I am wondering how to best approach this interface. I have a bunch of events in a database and my website displays certain events based on the user's criteria. ...
11
votes
5answers
4k views

Why most footers have a background color as a divider of section?

Why most footers have a background color as a division from the other content of the page? Wouldn't it be enough if they just used enough whitespace to separate? For example nielsen norman group: It ...
2
votes
3answers
115 views

How can I promote a child website?

We have 2 websites - let's call them website A and B. Website A is about event management and website B is about sustainable events, so they are very similar, albeit with slightly different themes/...
1
vote
1answer
79 views

How to take rules as inputs from user?

I am creating an automation tool which helps users in automating various tasks such as sending top-performing products, outlets, etc. I am stuck in the planning phase as what kind of user interface I ...
0
votes
2answers
78 views

Differentiating pages/views which contain similar data

Consider profile information views for different user/item* groups. These profile information views all contain and display similar data and the aim is to keep a consistent layout between different ...
0
votes
2answers
60 views

Best way to let user select something underneath another an object

For an application I'm developing I've been thinking about an aspect of the UI. Imagine I have an application that lets me draw shapes. I can select drawn shapes by clicking inside of them. But there'...
0
votes
1answer
70 views

monthly payment and single payment in the same place

Good morning, I'm doing a payment area, where the user can buy a monthly product and a single purchase product, the project owner demands that the payment be the same for both forms, it can be on ...
0
votes
2answers
89 views

What is the best user interface widget for ternary data?

In a form design, wizard people can define mark fields and then state how important there are. Some fields will always be in the form (for other purposes). However, for one such field a person can ...
4
votes
3answers
239 views

How can I represent something good for user and bad for the business in a graphical way?

I have this interface which is a stepper that asks user for several medical conditions. Based on the results, we have 2 final options: if result are bad, user will benefit from the business' service ...
0
votes
1answer
51 views

Suitable header for search quicklinks

I'm working on a design for a site that helps users calculate how much tax they will have to pay for a given salary. I've included some quick links underneath the salary input, but I'm struggling to ...
2
votes
2answers
120 views

Groups vs notebooks

I'm working on a note taking app. One of the feature is that you can group the notes in a folder like manner in which one can create. subgroups inside groups and more subgroups and put notes/notebooks ...
1
vote
3answers
201 views

Is it ok to allow Steppers or incremental buttons to remove items?

I read sometime ago that it is bad UX if the system allows the user to remove an item (for example, form their cart) if he uses numeric steppers down to 0. Should the system allow this or stop at 1 as ...
-1
votes
1answer
253 views

Should I use SVG or PNG for Xamarin Forms for iOS and Android? [closed]

If we use PNG - for iOS we will use @x1 @x2 @x3 size per image (which is just a click a way in zeplin/sketch). Android - around 5 image sizes, meaning we have to maintain 8 PNG images per graphic ...
-1
votes
1answer
68 views

customer selection: find or create

I'm working on a form to create offers for our customers. Sales is currently creating loads of duplicates because the search performance is poor and they are rather hitting the create button than look ...
1
vote
1answer
44 views

What are pros and cons of showing header in login/register pages?

As far as i remmeber, i have seen header(contains logo and site menu) in login page/register page. Sometimes i haven't seen them. On what facts it is done?
-1
votes
1answer
49 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
1answer
61 views

I am developing a food applcation for hungry and needy people please suggest me name for application [closed]

Please suggest me names that shows application is for hungry people food.
-2
votes
2answers
88 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
368 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 ...
2
votes
1answer
111 views

Why is there a small gap between the usb port and laptop skin? [closed]

I've noticed a small gap between the point the USB port starts (metal part) and the external surface of the laptop or PC. You can clearly see it in the picture. . Thanks
1
vote
1answer
107 views

How to design navigation/interface for multiple input dashboard

I'm working on an update to an app with a dashboard. The dashboard has three "inputs", if you will: a location (defaults to the root location for the app) from a predefined set; a specific year of ...
2
votes
2answers
113 views

Best compact way to indicate a range of possible results determined by dice rolls?

I'm currently adapting a board game into a video game. In the original rules, dice rolls are indicated as # + #. The first number indicating the number of dice to roll and the second indicating what ...
2
votes
1answer
191 views

Is “UI Event logs” a thing?

working on a "Google/AWS Cloud management console" style web-app where I need to "make UI better". I recently noticed a pattern in zocdoc app where if you click the arrow on date selector 5 times, ...
2
votes
2answers
202 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
3
votes
3answers
198 views

Does the quality of a web interface generally degrade with the growth of market share of the business behind the web site?

I have this observation of mine, that good (usable) user interfaces on the web are usually at their best upon the launch of the web site and some time after that, and then, as soon as the business ...
0
votes
3answers
113 views

Walkthrough to explain unusual information

I am designing a medical application related to physical rehabilitation and I have hit a wall. I have several screens in which the user will do several physical exercises - their rehab training. The ...
-1
votes
3answers
98 views

Telling the user what to do in specific step of the form

I have a form in steps, The user should fill the required data in each step to be able to go to the next step and this is working fine. But there is a step that some users don't know what to do in ...
3
votes
3answers
169 views

How to display a user’s score overview when values often tend towards the maximum?

At the end of the day, my users get a score ranging from 0 to 100 depending on how healthy their meals were. 100 being the perfect score, most users following a healthy diet get more than 80 every day....
1
vote
2answers
84 views

Does changing colors to visualize different categories make sense?

In order to show more information in as little space as possible I thought of changing the gradient that's underneath depending on the category of the ad. Purple to pink gradients show services and ...
2
votes
1answer
272 views

How to design simulation of a user interface for UX/UI evaluation? [closed]

I want to design to a simulation of a User Interface for usability testing, e.g. the User Interface of the Car showing speed, rpm, and other indications. I may want to stop the simulation after a set ...
2
votes
2answers
72 views

Need an interface for rapid selection without losing focus on primary task

In my application, the user needs to listen to a transcript of a conversation while taking notes. But the user ALSO needs to be able to indicate in some way when the speaker changes. I have the note ...
0
votes
1answer
115 views

Keyboard Shortcut For “Delay”

I'm currently building a web application which does task management. A very common function is to "delay" the current task, which means it will be postponed until some point in the future. There's ...
5
votes
4answers
391 views

Displaying Opening Hours

I'm designing a website for a client that has some irregular trading hours. Some days they remain open until 2am, others they close at 10pm. They want these hours displayed on their landing page, so ...
3
votes
3answers
334 views

How do I call this type of UI widget?

I designed this but what would be a proper name? Data-table, info bar, list? When you click on each item of the list, it displays information on the right side. Programming wise it was not done as a ...
1
vote
3answers
70 views

How to make an inheritance relationship understandable?

In my educational game application, there are teams and the players on those teams. Historically, players could play any game they want (classic mode), but now I'm implementing a feature to limit the ...
0
votes
1answer
95 views

How to facilitate multiple options whilst emphasizing 1 option in particular?

In this screen we have six options which can be toggled to suit the users preferences. All of these preference options are necessary to the product. However, in 90% of use cases the users will only ...
3
votes
3answers
298 views

What is the name of this control?

Can anyone suggest a name for this control? It's designed to display nested hierarchical data, in the same manner as a TreeView control. However, unlike a tree, it can only expand one "branch" at a ...
1
vote
2answers
150 views

What would be the reverse of 'Read more' on an expandable/collapsable block of text?

I'm currently working on a page which features a block of text. This block of text can differ in length, depending on the users search term. On mobile I've decided to truncate the text and include a '...
4
votes
2answers
85 views

Filters to show books including genres & excluding genres

Scenario: A website has a list of ~10,000 books A user would like to discover a book they might enjoy via genre (there are 15 to choose from) He ticks a checkbox to show only books that include the ...
1
vote
3answers
64 views

Representing different level of interface in an app

I have one app which populate interface based on the choice of user. User has exactly three options to choose level of features/complexity/difficulty. My question is what would be the best approach to ...
1
vote
1answer
164 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 ...
0
votes
2answers
88 views

Should add and remove actions have the same style?

I have a prototype with the following icons. Add button and remove button are different. Do you think that this is the best approach? Or would you use the same style for the buttons. Image attached.