Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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
0
votes
1answer
46 views

Interface examples for handling “page notes” and highlighted text comments?

I'm working on a collections-based interface (think Pinterest or Dropbox), and we're implementing a feature that allows users to add Notes/Comments to various elements (folders/boards, files/pages, ...
0
votes
4answers
105 views

Where to put submit button in a long screen with multiple inputs

I'm redoing a web configuration UI for a piece of hardware. Think of a configuration UI of a standard router. You install this hardware into your network and access configuration through your browser. ...
0
votes
0answers
26 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 ...
0
votes
2answers
71 views

Ideal font and buttons sizes for a 32" monitor? [closed]

Font size viewable from 5-7 feet away from a 32" Touchscreen, and button sizes ideal for a 32" touchscreen?
0
votes
0answers
42 views

Best practices for asynchronous user experiences?

Can someone suggest some good examples and resources around designing for async user experiences? I'm working on a Web application that needs to process invoice submissions asynchronously to improve ...
1
vote
1answer
103 views

Implementing Filters as Tabs in a Web Dashboard

We are trying to provide users with a strong filter mechanism on a Dashboard that collects visit data. It feels like we have arrived at a point where only a few pieces of the puzzle are missing and we ...
0
votes
1answer
58 views

Loading indicator on modal dialog

From a technical point of view, a loading animation benefits with synchronization because user can't make multiple requests. What are the implications of using a loading animation in a modal window? ...
3
votes
2answers
77 views

Deselect item in 3D context

We developped a 3D web-app for computers and touch devices in which you can decorate your interior with wallpaper, furnitures and so on. You can select an object or a wall (click or touch) inside the ...
0
votes
2answers
40 views

Web page tutorial API [closed]

I'm wondering if there is any AP/library that will allow creation of a on-page tutorial for a web application. The idea is to guide a new user of the web application through first steps in using it. ...
87
votes
10answers
22k views

Are Scroll Bars Dead in 2019?

I recently heard a designer say something to the effect that modern web designs don't use visual scrollbars - or at least they're only visible when scrolling. I'm a front-end developer and hadn't ...
0
votes
1answer
70 views

Navigation in web app with wide tables

What is the best approach for choosing main navigation for a web app, when: most of the views are very wide table/grid the number of menu items is around 10 or more (and might grow) 2nd level of ...
0
votes
1answer
34 views

Allowing users to select large items to export from a paginated list

On a website I'm designing, users have access to a search function that lists items with potentially much content inside (they're meant to be grammar exercises, and so multiple grammar problems can be ...
0
votes
2answers
86 views

Effective ways to overlay a “close” button on a full screen application shown via iframe when you have no idea of app's layout?

I am creating a web-based interface to a number of internal web applications. They are all embedded in an iframe for access. At times I need to allow the iframe to go full screen to give an ...
1
vote
0answers
77 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
1answer
68 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
120 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
2answers
42 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
167 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
73 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 ...
2
votes
3answers
202 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
158 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
86 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
209 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
43 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
148 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
133 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
79 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
510 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
38 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
132 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
154 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
101 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
246 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
76 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
87 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
73 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
90 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
87 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
89 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
108 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
120 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
62 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
80 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
70 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
251 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
2answers
179 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
103 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
650 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 ...