Stack Exchange Network

Stack Exchange network consists of 174 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

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

1
vote
2answers
32 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 ...
0
votes
1answer
30 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
20 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
149 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 ...
0
votes
4answers
85 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 ...
1
vote
1answer
101 views

How Do I Encourage Users Best to Download An Application from a Landing Page? [closed]

I do consider about the best experience about the getting more conversion rate from a webpage of ours. Is putting phone number field to send the app is best or putting app store buttons? Which one do ...
2
votes
2answers
233 views

Should I add a cross on my Material Design Dialog?

I'm working on a web application with Material Design. I have some dialogs in this application, and I'm wondering if it's more conventional to have a close cross or not. This is not a fullscreen ...
3
votes
5answers
289 views

How to clarify ambiguity in “Save” behaviour on web based applications for users

I noticed on Office 365 applications and the Office 2016 applications that there is an Autosave feature (which I believe was started in OneNote). The official explanation of how the feature works (or ...
5
votes
1answer
95 views

Should I clear form data after a new form is selected?

In my web app we have an area where you can choose the type of "query" you want (left block) and then you see the selected form with the fields in the right As you can see, 'Risk' field may appear a ...
0
votes
0answers
49 views

pushState before or after updating DOM from async response?

The browser History API exposes a couple of functions, pushState and replaceState, which allow single-page apps to update the URL bar as the user navigates through the SPA. Frequently, navigation in ...
0
votes
3answers
80 views

When does it make sense to create throwaway HTML prototypes for web apps?

I understand how you would go from low (sketches) to high fidelity (clickable interactive) wireframes as prototypes, testing along the way. But if your high fidelity prototypes were actual HTML/CSS in ...
0
votes
2answers
39 views

Override browser shortcuts

The company that I work for is suggesting that we override browser shortcut CTRL + S in our single page app to apply changes (save). It's a complex editor so autosave would not work for this ...
0
votes
1answer
23 views

Repeated verification showing last status

We have just about completed building a verification system for one of the systems we maintain. Their clients must complete verification of their account and we need to show to the administrators ...
4
votes
1answer
44 views

Web Application best practice: ephemeral session or expiring sessions?

While working on an application using Node.js and Express, I was finding an interesting and perplexing issue in my UX testing. The application had session settings for "maxAge: 24 hours" and "...
0
votes
3answers
99 views

How annoying or useful are warning or alert messages for the users?

I'm developing a flow for a web app where the user creates some content to post on the Internet. If the user decides not to finish the process, should the app warn or alert the user, that the content ...
1
vote
2answers
47 views

How to Format Displaying Users “MyBids”

I am working on an Auction site and I am trying to show the users the items that they currently have bids on when they click "My Bids". The format I currently have it is to separate in two columns the ...
2
votes
0answers
48 views

Best Interface for an Auction Website MVC [closed]

I am designing an auction website using ASP.NET MVC. I am trying to get a home layout that is both appealing and functional for the users. Here is my basic site as I have it now: And here is what my ...
2
votes
1answer
86 views

Alert box inside a modal window

I have a modal window and I need to pop an alert box when user deletes a certain item on the screen as, "Are you sure you want to delete?". There is no way that I can remove this modal window. Is ...
2
votes
2answers
136 views

How to handle time consuming search requests

We're developing a search functionality for our product (web). We are having some controversies how to handle search requests that can take up to one minute. Current version: After clicking enter or ...
2
votes
3answers
68 views

Should I make more than one way to do something?

I'm designing a single page app built around productivity. It's a website to get a lot of things done as easily as possible, not to consume information. In software development, its considered a bad ...
0
votes
2answers
126 views

What's the best way to show that a link without the standard underline is clickable?

Specifically, I'm talking about the Quick Links textbox on the left. While still maintaining the compactness of the box, how do I show that that text is clickable without putting an ugly underline ...
20
votes
2answers
4k views

Two forms to choose from, choose only one

I've got one screen with two API options available (web tool). Both forms include a title and two input fields. The user can only choose one API at the time. Now, I've tried checkboxes, a dropdown ...
1
vote
2answers
88 views

How to handle state of a toggle switch?

I'm wondering about how to create a useful implementation of a toggle switch. (think iOS style: ) It is meant to be used in web applications. Because of that, an important point is, that after ...
0
votes
4answers
149 views

Best way to handle browser “back” functionality for a voting webapp

The context is a single page webapp with a section that allows users to vote on content. The votable content is loaded via ajax. The webapp itself implements the back button using the HTML5 history ...
1
vote
1answer
83 views

What is the best way to show two questions in a single screen.

I'm working on a questionnaire, part of a web app. Until now the admin could form a questionnaire with different question types and rearrange them accordingly. Now it is needed to add the following ...
0
votes
1answer
32 views

Display from multiple data sources

I am building a data grid presenting table-structured data (columns and rows) to end users. This grid contains about 500 records but of these records only 350 are distinct on some required fields. I ...
1
vote
1answer
55 views

How to prevent getting lost when updating an item from a filtered list?

I have a list of Widgets that can be filtered by their State (Active, Pending, and Deactivated). The default view when navigating to this list is the Active State (and page 1): Switching the State ...
0
votes
2answers
118 views

Developing a native app works like a shortcut - Is this a good approach? [closed]

My company is making a native app for smartphones, which is just using a web view directly linked to one of our web pages. I'm very skeptical about our approach and looking for better one if exists. ...
0
votes
1answer
46 views

Best practice: same button multiple functions depending on input

I have an input field where the user should enter a URL. If the url points to a sitemap (ie sitemap.xml) all the urls contained in the sitemap should be downloaded whereas in the case of a url not ...
1
vote
2answers
231 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 “...
3
votes
1answer
214 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
133 views

Why do some websites hijack “open in new tab”?

Just came across this annoyance reading an article at time.com. Unfortunately, this was not the first time I experience this, and I have a strong feeling it won't be the last. Leaving aside ...
0
votes
2answers
120 views

Make Cards more clickable

I'm creating a flat-ish responsive website, which let's you vote 4 certain topics. I'm displaying songs (but it could be whatever) in a flexbox grid system with 4 different colours. Each song is ...
5
votes
2answers
380 views

How to design a very complex table/search structure so that it caters to both advanced and basic users?

This is a "templated" view of a search popup I'm designing for a map application. On desktop it is a floating popup, on mobile is a full screen popup. Here's a gif that shows it working in context : ...
1
vote
1answer
48 views

Engaging ways to mark recent changes made by the user

In a web application where the users edit records in a large database, and normally start off by looking at a list of 10-30 records, what are the best practices of marking records that were changed by ...
1
vote
2answers
118 views

Should you have a language switcher on a website or use the browser's language preference (or both)?

Since the user's language preference can be retrieved from navigator.language or the Accept-Language header, is it necessary to provide a language switcher on the page itself? Some reasons given to ...
1
vote
1answer
50 views

Use native keypad or custom one in web application

I'm tasked to implement a code entry view which allows you to enter a 6-digit code. The UI runs in the browser (JS/HTML/CSS), mobile touch devices only. I'm stuck on how to implement this, basically ...
2
votes
2answers
98 views

How many notifications should be saved?

In the design for an app with a basic user/post/subscribe system how many notifications should be kept before deleting old ones? Or should they all be kept? (Note I'm referring to an in-app ...
0
votes
1answer
64 views

What issues am I expected to run into with removing the tap highlight colour on a mobile website?

Hello UI & UX Designers & Developers! I'm just wondering if there's any issues (more so in relation to accessibility & usability) if I were to disable the tap highlighting as seen on ...
2
votes
1answer
51 views

UI for predicting game results

I will ask users to predict the outcome of upcoming football games. Ideas on how to enter the data a) Two separate textbox inputs b) Two separate select tags with options: 0, 1, 2, 3 ... 9, 10 c) ...
1
vote
1answer
72 views

Travel planning app — best navigation pattern for horizontal scrolling?

I'm designing a trip planning app that allows users to create events under vertical 'Day Columns.' It scrolls horizontally. However, the 'Day' columns containing events are potentially infinite and ...
0
votes
1answer
181 views

Best solution for alert boxes positioning in SPA's (single page applications)

I'm designing my first single page application which is for users to manage their USB dongle for a desktop application and also to create teams and request tech support. This is the wireframe of the ...
0
votes
3answers
116 views

Best way to represent hundreds of rows - marketing calendar

I am creating a UI similar to a marketing calendar. But it has hundreds of rows, each row showing a bar that represents how long the process took. So the table header represents time (weekly, monthly, ...
6
votes
3answers
215 views

Allow sections or pages to change the current display data for dependent users

Problem I'm creating an application where a user can have n dependent users (that doesn't have the same permissions as the principal user). Ex: Carl Smith is the principal user and has for ...
0
votes
2answers
101 views

What objective arguments can be provided to prove that a colour scheme for an app is bad?

We have a design for an app developed by an external agency and our business people seem to be happy with it. But it’s really terrible - the colours are too bright, the text is difficult to read and ...
0
votes
1answer
50 views

Empty input fields and functional design

Let's say my application has two input fields. Here is the situation: When starting the application, both fields are empty. When entering a value into one of the fields, it will be parsed to a number ...
0
votes
2answers
198 views

Disabling filled fields

In a webapp we have a form composed by a select box and some text inputs. When choosing item from the select box, some of the text inputs will became disabled because "not applicable" and will not be ...
2
votes
0answers
57 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 ...
4
votes
5answers
789 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 ...
1
vote
3answers
488 views

Can I combine login and signup with a single button?

I am building a login page and I spent over 5-6 hours reading a tonne of posts in this group. I saw the following discussions Login and Register as separate pages Login Modals Login Register vs Sign ...