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
69 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
58 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
30 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
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
3answers
73 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
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 ...
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 ...
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
137 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
175 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
115 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 ...
1
vote
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
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 ...
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
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, ...
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 ...
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). ...
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 ...
3
votes
2answers
275 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
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 ...
4
votes
2answers
580 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
126 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
221 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 ...
-2
votes
2answers
150 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
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&...
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
105 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 ...
2
votes
4answers
202 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 & ...
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
2answers
160 views

Data Download Messaging Guidelines

Researching the timeout question for data downloads. Given some are instantaneous and others can take minutes, looking for current perspective on How long will a user wait for a data download before ...
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 ...
3
votes
3answers
341 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 ...
3
votes
2answers
210 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 ...
5
votes
3answers
318 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
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 ...
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-...
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 ...
1
vote
2answers
267 views

Which is clearer - cog/spanner/wrench icon for desktop website settings, or a text label?

Building a web-based tool which will really only be viewed on a desktop web browser (due to a restricted corporate environment). Trying to keep it as minimal as possible with no superfluous features. ...
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 ...
6
votes
3answers
2k views

Why is the new Twitter menu bar on the bottom on iPhone?

Twitter recently released a complete redesign for all major platforms, in part the redesign has been made to unify the experience across platforms. But, because of this goal I couldn't help noticing ...
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 ...
3
votes
4answers
602 views

What icon to use for archive and for restore? [closed]

In our web-app there is a message centre with a time-line of communications. We let the user move instances of these into what we are calling an archive. On each of the listed messages there appears a ...
10
votes
4answers
22k views

What are the little arrows called that hide additional details?

In UI design, sometimes settings are hidden behind a little arrow or "+" symbol. When the user clicks on it, the item expands to show additional details. Does this UI pattern have a name? Other ...