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
0answers
22 views

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

I'm working on a Notification Center (On 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 ...
0
votes
0answers
43 views

UI design suggestion

I want to create an application for the maintenance of the following objects and their relationship: call-tree (it has 9 fields/attribute) Operation manual (it has 4 fields/attributes) contact person ...
1
vote
1answer
54 views

Having a choice selection pop up right after main navigation use

I am working on a web-based application (only desktop) where users could enter new sets of data to the system by using preformed templates. As this is one of the main actions in the system, we will ...
0
votes
2answers
43 views

Should I include images imitating my web app's interface in the promo website if they're in a different style?

I'm designing a landing page for my web app, and some of the options I have include pictures that intend to approximately mimic the app's user interface and give the customer an idea of what it looks ...
0
votes
3answers
58 views

How should I handle search when data keeps updating via websockets?

I have a real time news feed that keeps updating via websockets Lets say you went to the search bar and typed new york I will fetch all 'new york' related articles from the database But since I am ...
1
vote
2answers
82 views

How to make a dashboard more easier to read? [closed]

I'm looking for ideas for how to rework this page in mobile and desktop to make information easier to read. I'm currently using bootstrap cards inside card columns.
0
votes
0answers
26 views

Suggestions for show how many days? Passing the International Date Line

Little background Let's say you fly from the United States to Japan and suppose you leave the United States on Tuesday morning. Because you're travelling west, the time advances slowly thanks to time ...
1
vote
5answers
110 views

How should UX designers review the completed web application and prepare a report about it?

How Should a UX designer review the completed app? What are the main credentials and How do you report if something is not working like expected? Do you have some check-list during your review or a ...
0
votes
1answer
39 views

Is using different colors for internal and external links OK or what?

I'd like to use different colors for internal and external text links. Please tell me if you think this is a good or bad idea. I'm considering CSS choices on a new site/web app which will contain ...
0
votes
2answers
31 views

Augmented reality on a web-app

I'm helping a UX student create a scavenger hunt app. Is it possible to have augmented reality on a web-app? If so, would it work smoothly enough to really work? Or is it better to use AR on a native ...
0
votes
1answer
27 views

Use of primary callout? [closed]

When would you use the class primary for a callout component? About Callouts - "Callouts appear when a user interacts with an element of the page, for example highlighting an error that occurred ...
0
votes
1answer
58 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
115 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
29 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
74 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
46 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
120 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
67 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
78 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. ...
89
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
75 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
35 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
101 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
78 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
77 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
134 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
168 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
74 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
204 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
173 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
92 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
212 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
80 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
594 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
40 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
153 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
113 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
287 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 ...