Questions tagged [web-app]

A web app(lication) uses technologies such as javascript, CSS, and HTML5 and is executed in a web browser.

Filter by
Sorted by
Tagged with
17
votes
6answers
3k views

Intuitive dialog for choosing whether to close and lose changes or keep editing

It's a pretty simple use case. I have a modal with an editable form. If the user enters something into the form and then tries to cancel, we want to warn them they have unsaved changes, which they'll ...
1
vote
1answer
47 views

Are mandatory notifications GDPR compliant?

I have designed a notification center for my app. I would like to make sure users can't turn - off some types of in-app notifications: comments and replies. Our app should be GDPR compliant. Is it ...
0
votes
1answer
46 views

Different onboarding experiences for different personas?

I want to design the onboarding experience of a project management platform that is similar to Asana or Monday for example. I want to leave an optional guide for users on how to start creating certain ...
0
votes
1answer
38 views

Browse and select files from already uploaded files within the web application

I am building an web application. There are a big number of files (>100) already uploaded in a web folder (different from current flow). I want to let the user select to browse a few of them (<...
0
votes
1answer
66 views

What should happen if a social login user tries to reset their password?

On my webapp, I have normal users who signup with email/password combination I also offer signup via Facebook, Google, Twitter... Let's say you are a social login user who logged in via Facebook on my ...
0
votes
0answers
51 views

What is the best practice to invite user to access the web application?

Currently, I am planning a web app that will be something like Google Forms, though with a different model. I'd really appreciate any opinions you have regarding better UX and a more sensible approach....
1
vote
1answer
139 views

Table (in the modal window) with actions which require another step

I have a modal window with a table of items. Items have different statuses and the user can change the status. For example, from Not shipped to Backordered. The problem is when yo have the item ...
2
votes
1answer
43 views

Visually hidden labels, usability, accessibility and WCAG 2.1 compliance

I'm trying to understand how visually hidden labels fit within the accessibility and the WCAG 2.1 spec. It seems to me that as long as an input has a programatically associated label (whether that be ...
1
vote
1answer
100 views

Is it OK to mix dark and light backgrounds in an app?

I am designing an app that is 90% light themed. Except for this one action where user has to create a document of sorts and has to fill in some information. I felt that this was a crucial part of the ...
0
votes
1answer
55 views

Multiple time and day input (web)

I am currently working on a web app that requires the HR of a company to input the reporting days and time of all the employees into the system. The system requires the following information: Work ...
1
vote
1answer
125 views

What are the specs for a top bar in a web application (1440px) according to Material Design?

I'm new to UX design. As a fun project, I'm designing a calendar web application while referring to Material Design. I can't seem to find anything about the top bar specs for web apps on the Material ...
1
vote
1answer
43 views

Specific name for a collapsible bottom drawer menu?

I am looking for examples of this, because I eventually want to use it in a long scrolling Jupyter notebook - however, when I use "collapsible bottom drawer menu" in search, I mostly get ...
3
votes
1answer
51 views

Should a SaaS Documentation portal be personalized?

Should a documentation portal for a large SaaS company with multiple applications, that has all the docs for all the apps in one docs portal, switch to a curated/personalized view after a user logs in?...
1
vote
0answers
60 views

How do I use an infinite scroll table and print it

I am working on a legacy application that shows data in a table with infinite scroll. The data could be up to 5000 rows or more, but the users are only allowed to load 20 rows at a time. This is how ...
0
votes
1answer
85 views

Grouping in-app notifications based on where they come from, who triggered them, and what the actions are

I'm working on a project where I'm defining the UX for web in-app notifications. The app is quite similar to task management apps, kind of like Asana, Monday, etc. Now for example, if we have a user ...
2
votes
1answer
39 views

How to handle responses from a slow external service?

I have an interface for data processing (standard CRUD). I'm going to connect a new action which will send a set of URLs to a linkchecking service. These sets can be between 50 and 20,000 URLs and as ...
2
votes
1answer
92 views

What are some modern examples of "steps involved" UI user patterns?

I need to create a UI element for my website that illustrates how the main process works, using some steps. The element will have the header "How It Works" followed by three steps. However, ...
23
votes
7answers
5k views

Should my webapp's tabs use browser tabs or an in-page tab?

I'm currently working on a web application where the pages will open in different tabs. And I'm curious which UX is better: A) tabs that open directly on the application page B) tabs that open as ...
2
votes
0answers
45 views

Company internal tool with SSO auth [closed]

I am developing on a web project for the company I work for that uses SSO to login. You can't use the tool if you don't log in. The app will be available to everybody(dose not require company VPN or ...
2
votes
1answer
78 views

Multiple screens vs single screen

I am designing an online assessment tool where candidates need to be authenticated before they start taking the assessment. The flow is like: Start assessment -> proctoring guidelines, system check,...
0
votes
0answers
39 views

What title could differentiate an "Inventory" page (containing items on-hand) from an "Ingredients" page (containing a full list of existing items)?

I'm making a recipe app with an inventory. When making a recipe, the user can add ingredients from an included list of available ingredient. If the users cannot find an ingredient, he can add a custom ...
0
votes
0answers
76 views

Designing for responsive medium/big screens for SaaS products Best practices

Consider a SaaS web product that has users mostly on medium/big screens - from small laptops and tablets through large screens (15"/17" laptops and small/medium desktop screens) up to big ...
2
votes
1answer
83 views

UI for customized grouping

I'm building a lean CV (resume) management system (web-based) for HR people. Some users want to group CV by position, some like to group by skills, some like school, .etc, some even think of their ...
4
votes
2answers
117 views

Communicate that an object in the toolbar cannot be added to the document a second time

I'm working on a toolbar containing objects that can be dragged into documents. You can also click on these objects to add them to the document. Some of these objects have restrictions and can be ...
1
vote
1answer
56 views

Visualize Date gaps and dates overlapping

A part can have one successor or multiples successors. A part can also have one predecessor or multiple predecessor The problem we have we want to quickly be able to view which part has which ...
1
vote
0answers
91 views

Editor for teachers to create exam, exercises, and questions

I'm making a webapp for my local university, which allows teachers to create exams made up of open-ended/multiple-choice questions and JavaScript programming exercises, as well as group them by topic ...
0
votes
1answer
64 views

How to best place a "Filter" sheet in a webpage?

Consider the following page screen, that consists all conversations (left side) and the selected conversation display (middle of the screen; chat): Now I would like to be able to filter the list of ...
0
votes
0answers
18 views

App notifications [duplicate]

Currently, I started doing some research to understand what type of notifications the app I'm designing need and also how frequently and so on, and I was wondering if there were any data on this. So ...
1
vote
0answers
77 views

How to design schedule service interface

I am trying to create an understandable and clear UX design for a schedule designer web app. Imagine we have categories of followers and marketing emails to send. Also we have a schedule: each day we ...
3
votes
3answers
304 views

Where should you allocate the edit and delete buttons in collapsible panels?

I am a webdeveloper and am looking for a better solution in a private project of mine, which is a wiki-like webpage for a Dungeon's and Dragons campaign. I have a list collapsible panels, each ...
2
votes
1answer
58 views

Correct "Back" button behaviour in CRUD-like web application

I'm going to simplify the scenario I'm working on. In my CRUD-like application I have several lists of entities and an associated create-new-entity-form that I can reach clicking on a link in the ...
1
vote
1answer
80 views

Best practice for out-of-app notifications for in-app messages?

Platforms like Task Rabbit and Airbnb send users an email and/or text message when an in-app message is received. What is best practice in terms of UX for how and when these out-of-app notifications (...
2
votes
1answer
45 views

Design and implementation of right-to-left or left-to-right for web applications

To me it seems to be a rare sight, but I did notice that on the Material UI framework website there is a toggle/button to switch between left-to-right and right-to-left orientation of user interface ...
14
votes
10answers
3k views

Good alternative to a slider for a long list of numeric values

I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable. Usually, for this kind of thing, a slider would be perfect - ...
0
votes
0answers
90 views

Side Drawer Filter

I have a right side drawer on a web application, but there are filters for each section. The filters include: 'Is equal to', 'Is not equal to', 'Array Contains', and 'Array does not contain'. Then the ...
16
votes
3answers
2k views

Why red and blue boxes in close proximity seems to shift position vertically under a dark background

For me (wearing glasses) the red box below appears to be slightly above or below the blue one, depending the angle I'm viewing it. Some of my colleagues don't see it and some do. Not all wear glasses. ...
0
votes
2answers
41 views

How to tell user to publish first to share the latest version

In an editor, changes are auto-saved but when you publish the presentation you are saving a version in the version history. So how to tell the user to publish first so that when he/she clicks Share, ...
1
vote
1answer
106 views

Any alternative for FAB suitable for this situation?

I'm actually a developer so I don't know a lot about design. this is the first web-app I'm developing and designing. it's for writing topic-journals and each item in the list is a text file. I tried ...
0
votes
1answer
49 views

Tradeoffs in buy-in/uptake, retention, usability and engagement when splitting an app in two (or more)

I'm designing an app that, due to its nature, has 3-4 absolutely distinct but interacting role-types. However, importantly, a single person can be tagged with any combination of these roles. One ...
2
votes
3answers
160 views

How to handle 2 side navigation bars on a web app

I'm working on a web app that can briefly be described as the following. Every page has a table, and there's a primary side navigation bar that allows users to jump from one page (table) to another. ...
2
votes
2answers
138 views

Design with many filters

I'm designing a system where the user should be able to display data on a chart based on different filters and measures. They can filter by a country or multiple ones, by product/s and variant/s. They ...
2
votes
0answers
63 views

How can I make an essential navigational treeview sidebar work on mobile?

I'm currently working on a web application that will have significant user-created content. I would like to organize this content hierarchically, with a side-bar on the left to navigate, some buttons ...
2
votes
3answers
95 views

How to display comparison of two versions of a blog post?

Suppose I develop a blog web application with a blog post editor. The blog posts are stored as JSON files. The web application renders these JSON files to display blog posts with their titles, headers,...
3
votes
1answer
74 views

Best way to explain popup blocking to users and have them allowed?

I'm working on a web application that uses a pop-up to display the window where the users input their credit card details and pay. This, of course, is preventing MANY users from doing do so because of ...
3
votes
3answers
1k views

Confirm selection of a single file?

In our application, user has the ability to import projects from a CSV file. It is done using modal dialog in which there is a description of the import, link to an example file and a clickable ...
0
votes
2answers
163 views

How can we validate this idea for a restaurant/bar app?

I'm a software engineer from the Netherlands. A friend and I have an idea for creating a progressive web app for medium-to-large size restaurants and bars. How would we validate if people would use ...
0
votes
1answer
53 views

Information on Duration or Start/End Time

My question has split my team in the middle, so I'm here for more opinions. We have this Gantt Chart where you can extend/shrink tasks by hovering then dragging them from start/end. When this ...
1
vote
1answer
73 views

Should a web-app page title appear on every page, even with the current page highlighted in navigation?

I'm facing a dilemma with other designers within our team about whether the main page frame of our web app should iterate the title of the page itself at the top left corner or if it should not exist.....
1
vote
1answer
67 views

Image formats and resolution - for Low Bandwidth Web Apps

I have a Business Requirement for remote place system (app) accessibility of the web application. More specifically, The user of this application should be able to access this application from remote ...
5
votes
1answer
184 views

Web page refresh (F5) user expectations and behavior

There are several good researches on how an average user expects the browser's Back/Forward buttons to work. But there are quite few well-known good practices regarding the browser-level page refresh (...

1
2 3 4 5
22