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
1
vote
1answer
138 views

Best way to get a user to sign up via an app

I am developing an app, which allows a user (Leader) to develop plans for many other users (followers). The Leader will be able to update a follower's plan (and the follower receives a notification) ...
4
votes
3answers
700 views

Do PWAs (progressive web apps) have experience advantages over Native apps? [closed]

Given the hype over PWAs, are there real advantages compared to native apps? How does this as a single platform change the experience?
3
votes
2answers
300 views

Validating cellphone numbers

We currently require users to enter a mobile phone number that is used for receiving notifications as text messages. We've had multiple cases of people mistakenly entering their landline number ...
6
votes
3answers
452 views

Making a hotbar UI for a web app

Let's discuss hotbar UIs, because I'm making one. What is a hotbar? You often see them in video games. Press 1 for some action. Press 2 for some action. Examples communicate better than ...
0
votes
1answer
146 views

On a directory tree with color based legend, how to best represent multiple colors?

On one of our web apps we have a directory structure viewer with a legend and certain highlight colors for folders and files which have special meaning. In the majority of cases where the app is used, ...
2
votes
2answers
109 views

What should I call the 'Visual' view as opposed to the 'Code' view?

My web application has a 'code view' (an embedded IDE) and a visual/parsed view with forms/buttons etc. What should I call this second view?
2
votes
1answer
279 views

Faceted Filtering interaction design

I am building a web application with a product list with a big amount of filters. For the filters, we use faceted filtering. This means that whenever the user clicks on a filter option, the rest of ...
1
vote
1answer
926 views

What's the best colour palette for financial app? [closed]

I've been working on app screens for my company.. I managed to solve some complex UX problems.. but I'm struggling with colour palettes.. as I'm a colour blind, so it's hard to figure out good colours ...
0
votes
1answer
95 views

What is the technical term for this GUI feature?

I am wanting to learn something new in JS, but I don't know the technical name for it to be able to look it up. What I want to do is make a GUI feature in a web page that allows the user to place ...
0
votes
2answers
1k views

Overflow Menu or Horizontal Scroll

I am looking to create a menu solution for web across desktop to mobile. Whether it is better to use one solution for desktop and one for smaller screens is unclear. I have a series of categories but ...
0
votes
2answers
319 views

What's the appropriate windows equivalent for command-enter?

I use command-enter key sequences in applications like slack and gmail often and find them very helpful. I'd like a user to be able to submit a form in a web application I'm building with command-...
1
vote
2answers
149 views

Can I use animated emoji? [closed]

I am working on SASS based CRM system and I want to know if I can use emoji like Skype's emoji in my system. I want to put it on the subscription expiration page. Any suggestion apart from this?
1
vote
1answer
91 views

How to show time-breakdown × availability from multiple parties in Web App?

I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties. Below shows my current ...
1
vote
1answer
64 views

List of item damage checkboxes with severity input

I have this web-app that is being used for intake and conditioning items. One of the pages currently has a list of 30+ damage type checkboxes that you check if the item has that damage. This is what ...
0
votes
1answer
249 views

Title Subtitle order on Single Page Applications with no regard for SEO [duplicate]

Though similar to App title or page title in the title bar of an app? this is for a web application. That is not SEO oriented and it is a Single Page Application Should I use <title>[app name]...
1
vote
4answers
259 views

Best approach for multiple searches

What would be the best approach to deal with a scenario where you can do different types of search - primarily for a tablet app, but the ideal solution would be applicable to desktop and mobile too. ...
1
vote
1answer
66 views

How to add “Contains text” inside a filter?

We are building a web application, where there is a data table and the user can filter it in order to find the elements that they are looking for. After getting some feedback from my users in my first ...
3
votes
2answers
192 views

Notifications on iOS vs Android

In a progressive HTML5 Webapp, is it OK for the Android Version to have notifications and the iOS version not? Seems a bit off, but iOS does not allow notifications for webapps. Should I use an ...
1
vote
1answer
136 views

How to explain to users that they can click

I'm aware there are many rich tooltip plugins and scripts floating about github etc. but I decided to make my own for educational reasons. I'm fairly happy with where the code is now and have been ...
0
votes
1answer
222 views

How to display a large amount of “edit users” panels?

I currently have got the following panel in my admin dashboard: This is a panel where the admin can edit the users of the website. It's currently made so that someone can click on it, and the link to ...
0
votes
1answer
79 views

Convert Excel Sheet to Web Page + Horizonal Scrolling [duplicate]

I have a Excel Sheet that I am trying to translate over to web page. The issue I am running into is that if I have a lot of columns that causes horizontal scrolling. I could also have 100+ rows that ...
0
votes
1answer
187 views

Filter selected items in a list

I am designing a list that is mainly used to compare different items. By default all items are compared, but when the user filters on different attributes, such as name, date or tags, only the ...
18
votes
4answers
2k views

When should an 'archived' or deleted row disappear from a table?

Rather than show a confirmation dialogue when someone wants to archive a project (each row in the animation is a 'project'), I've decided to immediately archive, with the option to undo. My question ...
10
votes
6answers
5k views

Communicate long-press functionality in a web UI

So, barring Google Drive and some other applications, it seems to be mostly seen as a no-no to override the browser's default right-click context menu. The pattern that seems to have emerged in lieu ...
3
votes
2answers
107 views

Block screen when refreshing data

I have a web app with a grid with some data. The grid refresh every 1 minute, the problem is that the API I am calling takes more or less 2 seconds to retrieve the information. To avoid the user make ...
0
votes
1answer
49 views

How to improve the usage of multiple similar data

I want to improve mock which is basically a form with similar data all around. The product I'll be discussing here is web, based on a modified bootstrap 3 look. Where I work, we are now discussing a ...
6
votes
2answers
2k views

Filter/Sorting best practice in Material Design?

I'm designing a web application using the Material Design spec. I need to allow users to filter the cards that appear on a tab. From what I understand of Material Design there are quite a few ...
3
votes
2answers
57 views

What's the better way to reduce the impact to the familiar users when process redesigning or take place

I have this e-commerce app wishque.com and I have added more features to checkout process lately. Now, I feel like the process has some odd spots. I'm thinking of redesigning the checkout process. ...
0
votes
1answer
136 views

How to show a user what new features they can use on a b2b website

I hope this question is in this sites scope In our company we have a b2b website, which is not the most beautiful around. It's very "oldschool" and it's not responsive or adaptive (which is quite ...
2
votes
2answers
115 views

Good way of confirming potentially dangerous action in web-based app?

What is a good way to ensure that a web-app user does not make a potentially dangerous choice or recognizes that an undo is necessary? Scenario (anonymized): Red pills must not be sent to color-...
2
votes
2answers
476 views

Should I use Ubuntu fonts in Web App and Mobile Apps? [closed]

I am designing Secured Web App and mobile app and I'm really concerned about using the Ubuntu font family as most of the web apps are using Open Sans or PT Sans (or some sort of sans-serif) I really ...
2
votes
1answer
84 views

Interface to pair up dozens of users with resources

We have a web application which connects users with certain resources. The way it works currently is that we have a csv file like this: resource_id_x, user_id_1 resource_id_y, user_id_2 ...
3
votes
2answers
91 views

How would you signify that a number entered represents the length of the sides of a square?

For a web application I'm creating, users will be able to generate square-shaped images of sizes within some range (say from 50 x 50px to 500 x 500px). Since the resulting image will always be a ...
0
votes
3answers
161 views

Multi-Select Filtering for a record With or Without a particular flag

I'm developing a search tool for our web application. The search tool has many different filters and options, such as product category, product price, etc. We have the ability to add zero or more ...
0
votes
1answer
88 views

Should I show these sidebar tabs all at once or when requested?

On my web application, when my users click on an action that requires me to show a form, I do it by sliding out a sidebar with the form within it. The action buttons are spread out on differents part ...
0
votes
1answer
93 views

Best way to show info notification and requests with Yes/no button.

What would be a good practice to show only info notifications and request notifications for accepting/declining CTA buttons? Is it good to merge them and show it in one notifications tab or keep ...
0
votes
1answer
109 views

When should a web application be avoided in favour of a website?

I'm working with an organization who wants to make a site that visualizes accessible government data as graphs. Currently they have an early version created in the form of a web app. Right now I have ...
2
votes
1answer
145 views

Rules & Behavior for Start & Stop Buttons

I'm working UX on an app that includes user-initiated diagnostics. Some of the diagnostics complete after a moment or two, others often take several seconds to minutes. In the current version of the ...
1
vote
1answer
39 views

Web Application API action synchronicity

The title is vague, sorry. The issue to which I am referring to I will illustrate with 2 examples. 1)You fill in a form to add a new resource and click save, the request commences to the server and ...
1
vote
3answers
182 views

How to show queue position?

I'm working on a site where users can place bids on an item but there are multiple items for sale, so the user gets put in a queue. The highest bidder in the moment wins then we go to person below ...
3
votes
2answers
58 views

Pop-Ups for Radio Players

We're in the process of re-building an online player for a website. Most radio stations still use pop-up windows (examples: BBC Radio, and pretty much anything Radioplayer) for integrated online ...
0
votes
3answers
114 views

Why would users prefer to use a diluted layout when given the choice?

Some web apps from Google such as Gmail and Drive offer a "comfortable" option with lots of wasted white-space, which I'll refer to as being diluted for lack of a better term. I'm creating a web app, ...
6
votes
5answers
621 views

What's the best UI to use to select between a before and after?

I am currently working on a web application that allows two or more people to collaborate on a legal document, where they can propose changes and either party will be given the option to choose ...
1
vote
1answer
69 views

a step form nest in another step form (WebApp)

Hi, This is my first use of this website. I hope I could seeking some help here.(PS:i am not a UX designer) Currently i am working on a form. the form has 7 steps (A 1 to 7). However, in one of step, ...
6
votes
3answers
331 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 ...
2
votes
2answers
798 views

Advanced Filtering in Data Table

The Problem I have a data table, that's on slide-over, fixed to its bottom. I need do advanced filtering of data. For example: 1. I want only the drug with exact name "Aspirin" 2. I want drugs, ...
1
vote
1answer
159 views

Should expanding one row collapse other rows?

Non-collapsing: http://fiddle.jshell.net/whytheday/2Dj7Y/11/show/ Collapsing: http://fiddle.jshell.net/QLfMU/116/show/ The collapsing behavior saves the user a click or a scroll. It would prevent a ...
1
vote
2answers
155 views

How to optimize user onboarding for an app without a login

Designed an app to help users quickly create printable user personas. The app doesn't require a login, but rather a unique url is created which allows users to to view and edit their personas later. ...
2
votes
4answers
208 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 & ...
2
votes
3answers
402 views

Better design to displaying a lot of data within tables

This is the current design There could be hundreds of the 'panels' with tables that expand underneath when clicked. The tables could contain thousands of rows. What would be a better way of ...