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
3
votes
3answers
413 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 ...
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
2answers
50 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
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
39 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
338 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
92 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
106 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
467 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
356 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
207 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
3answers
90 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
85 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
29 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
72 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
116 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
123 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
100 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
149 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
87 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
163 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 ...
21
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
238 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
549 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
100 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
38 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
59 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
123 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
84 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
442 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 “...
4
votes
2answers
629 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 ...
2
votes
1answer
155 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 ...
1
vote
2answers
309 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
509 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
50 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
338 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
64 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
116 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
65 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
56 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
80 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
292 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
196 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, ...
5
votes
3answers
222 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
122 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
61 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
199 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
1answer
118 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 ...
7
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 ...