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
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
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 ...
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 ...
4
votes
1answer
237 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
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 ...
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? ...
9
votes
5answers
1k views

Software screenshots on landing page

I have a landing page for a webapp. I heard that showing screenshots of the software might hurt conversions. I know that the answer is to test and find out for myself, but what do people think? ...
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). ...
9
votes
5answers
3k views

What is the transluscent background of a modal dialog called?

These days it's common for modal dialogs to also reduce the brightness of the background content, to make it clear that it can't be interacted with. This is especially common on the web. What is the ...
7
votes
3answers
2k views

Drop-down list with advanced search

I am creating a control to allow users to select an item from a list. The number of items can vary greatly - anywhere from a handful up to millions. A drop-down with autocomplete functionality seemed ...
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 ...
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 ...
19
votes
4answers
7k views

How to handle conflicting updates of a customer record

We are developing a simple web based single-page CRM-like app. I was thinking about what happens when two operators are both editing the details of a customer "John Doe". On the server side we use a ...
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 ...
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. ...
4
votes
2answers
2k views

How to tell to the user that a web app is optimized for a specific browser?

My web app is voluntary optimized for Chrome. It works on IE and Firefox but the user can find some design issues with old browsers like IE 8. It's a professional app' on an intranet and a some users ...
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 ...
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
4answers
209 views

Request invite to closed web app - what information to ask for?

Our site is a closed service where users request an invitation to access the site. We are primarily looking for producers and makers to join to share information about their products, stories & ...
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 ...
3
votes
2answers
222 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 ...
6
votes
3answers
340 views

How to deal with components in a responsive design being larger at smaller breakpoints?

to note, I'm using screen size heuristics to make estimations on viewport height based on width to simplify the deisgn. This is possible a faulty heuristic and maybe would be better off using a height ...
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....
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
2answers
154 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
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
2k views

Right-click menus in a web context?

I am working at a place where we develop expert systems for the finance business. Previously we have had native desktop applications, but moved to web applications during the past years. In our latest ...
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 ...
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 ...
2
votes
1answer
120 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
3answers
3k views

What are best practices for blocking UI when application is busy

I'm writing a web app using Twitter Bootstrap with PHP on server side. My app makes regular ajax requests via jQuery and i want to disable certain parts of the UI until the server completes processing ...
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 ...
11
votes
4answers
1k views

How to present Actions (eg. CRUD) buttons without taking focus away from main content?

I am looking for a way to present Actions (eg. CRUD) buttons while not taking focus away from main content. It'll be great to see examples of good application design (I am doing a web app (probably ...
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, ...
35
votes
2answers
9k views

Best practices for UI that introduces new users

I'm working on an onboarding UI to help new users get familiar with our platform and I was thinking about some good ways to implement it. From what I have come across so far, it seems that many ...
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 ...
3
votes
1answer
317 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 ...
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 ...
4
votes
2answers
660 views

Do we still need a Remember Me button on websites? Or can we rely on modern browsers to handle this?

I recently had a discussion at work about whether to include a "Remember Me" option on our website. Altough I was initially in favour of the idea, I later realised that most browsers already provide ...
1
vote
1answer
127 views

Making complex user-interaction more intuitive

I've created a "poke" functionality for a social networking web app I maintain. I need help in presenting this feature to my users in the most intuitive way possible. How it works: A user can poke ...
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 ...