Questions tagged [web-app]

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

34 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5
votes
1answer
371 views

Why are Progressive Web App Icons circular compared to their App counterparts

Working on a PWA (progressive web app) and coming up with the app icon for it. There aren't many others around since it's pretty new but it seems a lot of PWAs use a circular icon to differentiate ...
4
votes
2answers
264 views

Survey structure for Live Chat Transfer between Agents

I'm developing a live chat application for my site and want to include a post-chat survey to gather feedback on my Agents. However, I have two types of Agents, for dealing with different queries, and ...
3
votes
1answer
238 views

What's the best way to work with user defined tables / fields. Form or Sheet?

I am developing an app builder and need a way to build custom tables (user can create tables and custom fields with relations) There are two common approaches for the UX in designing the table and ...
3
votes
2answers
201 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
76 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, ...
2
votes
3answers
157 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
0answers
58 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,...
1
vote
1answer
39 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 ...
1
vote
0answers
55 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 ...
1
vote
0answers
90 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 ...
1
vote
0answers
70 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 ...
1
vote
1answer
93 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 ...
1
vote
1answer
85 views

Good example of a multi-column form

What is a good example(s) of such form? I know that the general rule is to stick to the single-column pattern, but in my opinion many of such "rules" comes from people working on relatively simple ...
1
vote
0answers
102 views

Suitable UX for diffing data from two diffrent table

I have a requirement to create report merging web application.Users will be able to upload 2 identical budget reports. These users come from 2 different department where each department might have ...
1
vote
2answers
294 views

UI Approach to Question/Reply Table

I got Project of One table which needs to be designed as per latest Design Standards, Old Table has a data of Question, Question's date & time, Reply and Reply Date & Time, UX perspective this ...
1
vote
0answers
167 views

How to represent alternatives in a column view (like the Mac OS Finder)

Background In an expert system, configuration users may be able to define custom behavior by way of business rules or decision tables. For those to be meaningful, the system offers its domain-...
1
vote
3answers
166 views

App Project - Displaying Data

Please see attached. I need to represent this data within an App. My thoughts are just to keep it as a list - with pretty icons. The user will be doing nothing with this data, it is just for reference....
1
vote
0answers
96 views

Cross mobile platform interface navigation

I have to architect a mobile web responsive interface that will be the same for iOS and Android clients. The app has several areas which I would like to switch using bottom navigation/tabs with icons ...
1
vote
0answers
81 views

Web-Development: to which category do "Tabs" belong?

Browsing this documentation I was surprised to see that Syncfusion have documented their Tab-Control in the "Navigation"-Category. I did not expect to find it there and was looking in "Layout". My ...
1
vote
0answers
77 views

Interface for selecting based on two fields

I have a web application that has several select lists, some of them are plural and some of them are singular and user should select just one item. In both cases users should be able to choose their ...
0
votes
0answers
45 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....
0
votes
1answer
79 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 ...
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
62 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 ...
0
votes
0answers
88 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 ...
0
votes
1answer
47 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 ...
0
votes
2answers
89 views

How should an app clarify that you can choose the outcome size only during the first 2 of the 4-step process?

I am working on an app that synthesizes long texts, articles, essays. You paste in the text and the system starts synthesizing. You can choose a size or length for the final format, say Short, Medium, ...
0
votes
1answer
96 views

What are the best macro-areas for an Editing Tool Dashboard?

I am a designer, working on an editing tool. The tool will be an online platform used by a team of instructional designers to create presentations. You have an editor where you create the ...
0
votes
1answer
662 views

Hierarchical list for selecting an element

The user is trying to select an element which will be used in a form. So it could be like selecting interests in an app where you can pick the more general case (e.g. sports) or the more specific (e.g....
0
votes
1answer
137 views

What's the standard way to show downloading notification to user for file downloads that require authorization in web applications?

Our web application needs to enable secured file download by requiring HTTP requests to have authorization token. Due to this, when user clicks download the file will be retrieved using AJAX GET ...
0
votes
1answer
60 views

p2p web application, terms and icons to distinguish caller from callee?

I'm working on a web application which uses web rtc. Peers can connect to other peers. The interface will change quite a bit depending on who is the caller vs. callee. What are appropriate terms ...
0
votes
1answer
180 views

On a directory tree with color based legend, how to best represent multiple colors?

On one of our web apps we have a directory structure viewer with a legend and certain highlight colors for folders and files which have special meaning. In the majority of cases where the app is used, ...
0
votes
1answer
71 views

What issues am I expected to run into with removing the tap highlight colour on a mobile website?

Hello UI & UX Designers & Developers! I'm just wondering if there's any issues (more so in relation to accessibility & usability) if I were to disable the tap highlighting as seen on ...