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
62 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 ...
0
votes
1answer
31 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 ...
2
votes
3answers
78 views

Web application Design - using full screen width [duplicate]

With today large screen resolution (1920 screen width rules now), I need to decide between using the full width of the screen (liquid) versus fixed with (padding with white margin over 1366px for ...
0
votes
0answers
20 views

Status icon for verified, claimed and both combined [closed]

I'm currently working on a web app, which has different kinds of status. It can either be nothing, claimed, verified or claimed and verified. This is the current version for status "verified". I'm ...
0
votes
2answers
36 views

Instruction manual for each feature (page by page) on my web app? (instead of tooltip)

Problem: I'm designing a web app that has features that people are not familiar with (learned this through user testing). I need to guide users through, like hand-hold them, telling them what this ...
2
votes
3answers
138 views

How do I design an efficient and easy layout for a settings page which has at least 200+ options spanning 18+ categories

The web app I am now working on as a pilot project for my learning has a very complex settings page. It has 18-20 main categories and tweaks about 200 configurations within these categories. There are ...
0
votes
1answer
53 views

Behavior of Tab in a form

Is there a case where it makes sense to use Tab to trigger a search with a long form of search criteria? I work on complex applications in the medical field and the dev team wants to go from hitting ...
1
vote
3answers
176 views

Better layout of many checkboxes with help text

I have a page for configuring access rights in a website. There are a number of checkboxes in the form. Each of these checkbox have a help text hover tooltip that provides a more detailed explanation ...
0
votes
2answers
126 views

What is a good tutorial for web app UI/UX design? [closed]

I'm building a web app, but I'm not a designer, so I rely on a lightweight CSS framework to provide the basic styling and structure of different UI elements. However, I usually struggle with how to ...
0
votes
1answer
70 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....
5
votes
5answers
196 views

Should you allow users to “save” options that haven't changed?

I have a situation where a user opens some options that appear in a popup. They can make their changes and then either Save or Cancel, both of which close the box and save/discard the user's changes. ...
0
votes
0answers
41 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 ...
3
votes
1answer
142 views

What is the point of hiding a webpage until load? [closed]

I have noticed that whenever I go to namecheap.com, the page loads abnormally. Instead of the gradual loading like most websites, namecheap stays completely blank for a few seconds, and then suddenly ...
1
vote
1answer
125 views

Scrollbars for an infinite plane

I'm designing a web application to plan Minecraft builds. Basically, it's a pixel editor except that each tile has a texture instead of a color. I am targeting desktop browsers, though I would like to ...
0
votes
1answer
34 views

Page slide display area

I'm questioning which is the best area to display this type of component, to not get lost in technical names, to the type of component I'm referring to is this one: Example Should the area of this ...
-1
votes
1answer
73 views

How to improve the user experience on a user records flow?

I'm building a SaaS product and having doubts on how to organise the navigation and interaction in a user records flow. The flow consists of a stock transaction record and the document objects are ...
2
votes
5answers
223 views

Hover vs click on mega menu

Now implementing a new mega-menu. The current mega-menu's submenu options are shown on user cursor hover. Would a more explicit action like mouse click be more appropriate for this (like the example ...
1
vote
2answers
33 views

Problem with login feature [closed]

I am making an Training and Placement cell application which would be useful for our institutions but i am having problem with login feature.There are two user in my application admin and student and ...
1
vote
1answer
79 views

Need explanation how Clear input button accessibility works

I've a text input with a clear button (looks like "x"). When clicked, this button will remove all the text from the input: The markup for this looks like: <label for="first-name">First name&...
-2
votes
2answers
151 views

Email link for logging in

Would a user authentication flow like this be a bad UX? User enters email address and clicks submit button User checks his email inbox and clicks on the link User is logged in
1
vote
1answer
80 views

using bar-code scanner within website

I'm a backend developer who wants to put together some decent fullstack service for the community (entirely non-commercial): a shared library. User is supposed to scan a barcode on a book to save the ...
1
vote
1answer
109 views

Slide out panel or new page

I'm in the middle of redesigning a section of our app which lists files + folders, and I'm not sure which approach would be best from a UX point of view. The current system has a show action for each ...
1
vote
1answer
69 views

Too large space for input fields

I'm struggling with a form (in Bootstrap 4) which takes the whole (fixed) container width, there is nothing else displayed on the screen. It looks okay-ish on smaller screens, but on large ones it's ...
1
vote
4answers
81 views

Space is not available for Text Area and Date Cell

Plan: I'm Creating one dashboard page which required one table which dynamically adds Row when user clicks Add Row Button. Each Row Contains key Information like Item Name,Code, Item Description, ...
1
vote
1answer
71 views

Are minimized sidebars useful in web apps?

When vertical navigation side bars are used in web apps they often have the ability to minimize them which reduces the width to just the icons rather than the icons and text. Is this better than just ...
0
votes
1answer
29 views

Suggest Visualization for Control line & Waning line

I need to show 100's parameter & its current value with respect to Upper/Lower Control value and warning value. Each parameter has different Control/Warning line. If value is close to warning ...
0
votes
1answer
88 views

What kind of file icons should be used in web apps?

There are two approaches for file type icons—the official and non-offical versions. If an app chooses the official icon (E.g. latest version of Microsoft Word icon for .doc files) then the icons ...
2
votes
1answer
85 views

Do users use their arrow keys to cycle through auto complete search results?

I'm working on a webapp/site that allows users to sign up to training courses that is aimed at the construction industry. The main users of the website are self employed tradesman and office admins ...
1
vote
0answers
84 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
2answers
106 views

Why are different border radiuses used for elements on same site?

I've noticed that a lot of websites use border radiuses differently for different elements. I've noticed some patterns, but I'm not sure of them. I noticed a lot of them use completely rounded ...
1
vote
1answer
115 views

How to improve 3rd level navigation selection

I have a responsive dashboard web app, as shown in screenshots. The left navigation menu has two levels of navigation, and then there is a blue tab strip running along the top for the third level. ...
2
votes
1answer
48 views

Self-assessment map

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). ...
2
votes
1answer
68 views

Multiple tables on a page displaying only the header row when empty, developer does not want to change implementation

There is a page in a system I'm working on, that deals with user permissions regarding the current item being viewed. There are 4 groups that people can be added to. When creating a new item, you need ...
0
votes
1answer
68 views

Which would be the logical way for shortcuts for up down left right arrows keys in a keyboard

What would be the more intuitive way to wire [←] [→] [↑] [↓] keys to the left side of the keyboard for shortcuts? Currently, my app is mirroring the behaviour with the key e (up) d (down) s (left) ...
4
votes
3answers
167 views

UX design specification format

We have a legacy (desktop based, developed since 90's) product that is quite successful despite having some UX and UI flaws. Recently we have decided to redesign that as SPA. In the process we would ...
4
votes
3answers
167 views

How best to display a rankable list with a heading and submit button?

I'm designing an app where users can vote on a list of choices by ranking them in order. The voting screen needs to have: The title of the vote The list of choices a button to submit the user's ...
0
votes
1answer
100 views

I made a minimalist webapp for public-key encryption. How can these problems with its UI/UX be addressed? [closed]

chausies.xyz/encrypt I probably don't know the first thing about UI design, so I wanted to get some more expert input. Forgive me if this is an inappropriate question to ask here. Half of my ...
0
votes
5answers
526 views

How to design a multi-step form in a modal?

I have designed a widget for a Web mapping aplication that takes a .csv containing coordinates as input and has 2 output options : Business logic : Both output options require a .csv to be loaded ...
3
votes
2answers
276 views

Why designer choose a tabbed document interface (TDI) design if most user like multi-document interface (MDI)?

I have to choose the design for a complex “business” application. I work at the public prosecutors’ office and we need to develop an application to that handle hundreds of fields, grouped in ...
4
votes
2answers
81 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 ...
0
votes
1answer
104 views

Is offering 2 Apps at the same time a bad experience for the User?

So we have our Website as a PWA (Progressive Web App) which means it can also be installed as a App on the Device from the Browser. I wondered how it would feel for the User to have Downloaded the ...
0
votes
1answer
55 views

Select elements in the sidebar, which is better?

So, my friend and I are building a web app and we were having a little argument. We need to have two select elements in the sidebar and one of them is not relevant to a few pages. Which of the ...
3
votes
3answers
342 views

Single Page Application - In-app New Tabs

I have a table of items and when I click on an item, the details open in the same view. So, to view another item, I need to go back and click on another one. To avoid the back and forth, I want to ...
1
vote
2answers
152 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 ...
2
votes
2answers
50 views

Splitting required inputs into onboarding & further steps

This is my first question here so it`s nice to meet you ! I am working on a bigger desktop web application that handles events & I am having a difficult time trying to establish a wizard as I ...
0
votes
1answer
31 views

Keyboard shortcut to activate speech recognition

Is there any kind of standard keyboard shortcut to activate speech recognition in a web application? If not I'd be interested in what people think about adopting "Alt + S"? Or better ideas. This would ...
1
vote
1answer
38 views

How to best show an activity state transition adhering to google's material design component framework?

I have an application which consist of three views for an activity. A list View, A chat view. Every activity has a status , which a a user can either mark completed, pending Example of list view: ...
2
votes
3answers
294 views

Designing new interface for a legacy web application

Current situation: We have a legacy web application. It is been in development for 5 years and already has many customers. It's a very critical and also expensive product and its customers are big ...
0
votes
4answers
91 views

What is the optimum way to represent (group) options per row

I'm working on a case where a customer wants to choose how much points to distribute for each question of a survey. The points depend on the location of the survey. Depending on the location where ...
1
vote
1answer
106 views

How Do I Encourage Users Best to Download An Application from a Landing Page? [closed]

I do consider about the best experience about the getting more conversion rate from a webpage of ours. Is putting phone number field to send the app is best or putting app store buttons? Which one do ...