Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [web-app]

A web app(lication) uses technologies such as javascript, CSS, and HTML5 and is executed in a web browser.

1
vote
3answers
37 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
26 views

Problem with login feature

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
136 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
55 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
69 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
53 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 ...
0
votes
1answer
54 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 ...
3
votes
2answers
190 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
4answers
42 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, ...
2
votes
4answers
201 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
58 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
158 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 ...
3
votes
2answers
75 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
229 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
208 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
309 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
26 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
2answers
130 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 ...
1
vote
0answers
81 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
86 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
263 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
105 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
1answer
82 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
105 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
579 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 ...
9
votes
4answers
21k 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 ...
0
votes
1answer
67 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) ...
1
vote
1answer
108 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. ...
78
votes
11answers
15k views

How can I best display a blank space character?

A web app I'm writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W ...
7
votes
6answers
2k 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 ...
2
votes
0answers
30 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). ...
1
vote
1answer
61 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 ...
5
votes
1answer
495 views

Are web sites designed with anchors (instead of individual pages), trending because of 960 grids? or is there a different concept at play?

I quite like the minimalism that a 'long page' design provides for a landing page. By keeping everything simple and providing more focus on a core product. I just haven't been able to find many ...
90
votes
14answers
18k views

Why are the profile pictures rounded nowadays?

Why are many websites and applications using round profile pictures? Even the top players like Google and Apple use round profile pics over conventional rectangle frames. Why?
0
votes
1answer
103 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 ...
4
votes
3answers
144 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
158 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
98 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
403 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 ...
0
votes
1answer
50 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 ...
1
vote
2answers
368 views

Version Control UI

I want to make an efficient design for version control in a web app. Let’s say the app is an editor that allows users to build visual content. And let’s say that I want users to be able to access “...
12
votes
4answers
2k views

Is UX Copyrightable?

After the recent "Look and Feel" Apple vs Samsung lawsuits, I've been wondering to what extent this might affect websites/webapps that offer functionality similar to other existing sites. So what ...
2
votes
2answers
46 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 ...
1
vote
1answer
290 views

How to add sample content when onboarding new users?

Our app allows users to create projects. After a user has signed up, they're dropped into the "select project" screen with a "Getting Started" project: This "Getting Started" project is "content as ...
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
35 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
248 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 ...
5
votes
5answers
406 views

On a form wizard step what input type/s shall I use for when there are two options?

Ok so I have two options on a wizard step e.g. Option 1: Go to step A, Option 2: Go to step B. What is the best input method to use in this situation? The wizard generally has more complicated steps ...
0
votes
4answers
89 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 ...