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
1
vote
0answers
45 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 ...
4
votes
2answers
93 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 ...
0
votes
1answer
73 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 ...
1
vote
1answer
253 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
1answer
47 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
84 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 ...
7
votes
5answers
325 views

Is there something like 'chronological breadcrumbs'?

The MoinMoin wiki engine has a UI element I would like to add to my web application. It looks very similar to breadcrumbs, but it behaves in a different way. According to UI Patterns, Breadcrumbs ...
0
votes
1answer
141 views

Should a Notification Center have an infinite history or should it allow the user to close them?

I'm working on a Notification Center (in a web application) and I can't find any information about the notifications history. So I don't know what is the best behaviour to apply for my notification ...
3
votes
2answers
91 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
41 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,...
4
votes
2answers
249 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 ...
0
votes
1answer
42 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
1answer
56 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 ...
1
vote
0answers
52 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 ...
0
votes
1answer
451 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
134 views

Drag and drop lists - multiple items with same priority

Initially, I had the following requirements: There are 2 lists with items. The user needs to be able to move the items from one list into the other. Each item needs to have a priority. I've ...
0
votes
0answers
16 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 ...
26
votes
5answers
3k views

Is it better to use a Yes/No question or offer the actual values?

Which radio option is better for a web application in real estate? Choice A) List property publicly? ( ) Yes. Make the property viewable from my home page. ( ) No. Hide the property from my home ...
13
votes
2answers
3k views

Back button shows user old state

QA have found the following bug in our web application: Go to a list of sprockets Create a new sprocket Click the back button Result: The list of sprockets shown does not include the sprocket that ...
1
vote
1answer
61 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 ...
2
votes
1answer
197 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 ...
2
votes
1answer
49 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
3answers
102 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. ...
4
votes
1answer
316 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 ...
0
votes
1answer
79 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 ...
2
votes
1answer
95 views

Self-assessment map [closed]

There is the system the purpose of which is to assess yourself in various areas and skills related to those areas. On the x-axis are areas, and on the y-axis are their skills (see the attachment). ...
0
votes
2answers
72 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, ...
5
votes
1answer
113 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 (...
0
votes
1answer
61 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 ...
13
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
1answer
26 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 ...
1
vote
1answer
57 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
40 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 ...
0
votes
0answers
69 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 ...
3
votes
1answer
62 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 ...
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, ...
2
votes
2answers
93 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 ...
3
votes
3answers
4k views

Can I combine login and signup with a single button?

I am building a login page and I spent over 5-6 hours reading a tonne of posts in this group. I saw the following discussions Login and Register as separate pages Login Modals Login Register vs Sign ...
1
vote
3answers
77 views

What is the best way to set two rating value in a web based application?

I'm working on a web based application, so it will be used on desktop and mobile devices. The problem is, that I'm looking for the best way to make a user set their ratings to a goal (a baseline and a ...
13
votes
6answers
911 views

Making it clear which items in a long list are selected

I'm trying to design a portion of a web interface that allows users to tag items and view all items with a tag or set of tags on them - think gmail, if gmail allowed you to easily select multiple tags ...
4
votes
4answers
646 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
2
votes
3answers
642 views

selecting multiple items from a short list, and marking one of them as “leader”

Several forms in our B2B web app allows users to choose multiple items from a shortlist of items. Here's one example: Now I need to figure out a pattern to allow users to choose a "leader" ...
2
votes
3answers
230 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
21
votes
6answers
13k views

Guidelines for when to auto-save settings vs “save” button

In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
0
votes
0answers
24 views

What UI/UX best practices are applicable in the case of RWAs?

Recently, we have started work on a Rich Web Application (RWA) project. In the process of choosing a suitable UI framework, and web components. Is there a difference between choosing design patterns ...
20
votes
4answers
8k views

Should the search box be on the left or the right side

In a web app with a search box in the header - where should the search go, on the left or the right side of the header? What considerations should be taken into account when making this decision? In ...
1
vote
1answer
432 views

Best solution for alert boxes positioning in SPA's (single page applications)

I'm designing my first single page application which is for users to manage their USB dongle for a desktop application and also to create teams and request tech support. This is the wireframe of the ...
1
vote
1answer
58 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 ...
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 ...

1
2 3 4 5
22