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

learn more… | top users | synonyms

7
votes
2answers
208 views

Is there any reason to disable paste password on login?

Today I logged in to pay my cellphone bill, and I found that the site has disabled paste functionality in password field. I'm a webdev and I know how to fix this, but for regular user is REALLY ...
1
vote
2answers
137 views

What word can be used to mean either a website, web app or native mobile app?

I'm running into the comment/question "So, is it an app?" Well, first it will be a responsive site with some app-like functionality; then later it will also be a native app with the same ...
3
votes
0answers
44 views

what is a actual user experience for web apps functionality “add to your home screen”?

Good day all. I'm researching this topic for a while and I'm a bit confused, the question is: is there a "standard" user experience for a web app that has to e saved into the user phone? what I mean: ...
0
votes
0answers
40 views

Can anyone suggest good colors in this project? [on hold]

I am learning UI/UX design and currently trying to redesign one of the popular web app. Can anyone suggest me some good colors for navigation panel(left-side)? Problem is that dark section. I want ...
1
vote
1answer
63 views

Select items vs checkboxes vs radiobutons

We were working in a system interface refactoring here on our web-based and its Android-based system when a question was raised: dealing with the following options in a report filter: "ALL USERS", "...
0
votes
0answers
34 views

Using Dynamic tabs in Web Application

I am developing an Admin Panel with about 50 different menu items. There ist an left side menu with that grouped links (for example Users, Articles). When an User clicks on an menu item i am always ...
1
vote
1answer
222 views

Displaying System Generated Placeholder

In the process of converting some legacy desktop applications to the web. The majority of the screens are simply managing data associated to a key field. For example, a contact id and then the ...
0
votes
2answers
53 views

Prioritizing a list/table row

I have a table structure where each row is an item,now my use case involves prioritizing it based on certain parameters such that item with highest priority would come at the top. I will have a large ...
0
votes
3answers
212 views

Expandable grid interaction

I am designing a grid and need to accomplish two actions when clicking on a row: 1) navigate to a detail page for that row information 2) open an accordion "drawer" with more information. I am a ...
3
votes
2answers
88 views

Full-screen “loading” overlay in desktop browsers

We've recently introduced a full-screen modal for loading operations in our web app to provide better UX for small screens. The problem was that the loading spinner we had before was sometimes out of ...
1
vote
3answers
64 views

Is there a convention for hinting at a row item's age or staleness?

Are there any accepted conventions anyone can think of for showing the age or staleness of a particular row in a set of results on a web page? I'm looking for some visual way to identify how long ...
0
votes
2answers
161 views

Resizable panel

I am designing a web application with a split view. On the left side is a listing of objects. When a user selects the object, the contents on the right will reflect the selected object; basically a ...
1
vote
2answers
48 views

Tooltips on a tiered donut chart - what to display?

I am using a half-donut chart to show a user's progress over time. I want to show their current score and their previous score. Green means they are improving. Blue and red means they are doing worse. ...
1
vote
2answers
143 views

Best practices to inform and upsell users on additional features

I am designing an app that has different pricing tiers with specific features tied to the tiers. We currently have a tier 3 feature called zebras that will be added to/accessed from an existing drop-...
5
votes
4answers
4k 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
24 views

Document creation and renaming, when and how should I save new document renaming?

I work on an webapp where users can create some kind of documents with a title (i. e. name/label of the document) and a content (i. e. a bunch of text). On document creation, the document isn't saved ...
3
votes
2answers
38 views

How to sort order names with special characters on lists?

I'm working on a project that contains contacts (First name, Last name), and currently we're using ascending/descending to allow users to re-order the list, however, I'm facing a problem with treating ...
2
votes
3answers
215 views

Prompting users to save web app to homescreen

I've created a web application and have it set up so that if the user launches the web app from the homescreen it will operate similar to a native app. On the Chrome developer site, they state Do ...
0
votes
3answers
79 views

How can i layout a search box

I have a search box with drop downs and checkboxes. The design is as follows: I want to show that Regulation line Item and Control Test check boxes are child check boxes of Review checkbox. Item ...
1
vote
2answers
142 views

Is it standard practice not to include an 'offline' mode for a web application?

There are many discussions around the topic of accessibility, but taking the work accessibility in its pure sense of having access to the system, I am curious as to whether designers simply make the ...
1
vote
2answers
157 views

How to display and label 5 essential and linked numbers in a table/dashboard?

I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
1
vote
1answer
56 views

Rule of thumb for tables versus “blobs” to display data?

What's a rule of thumb for when use rows and columns (i.e. tables) versus single or multi-line "blobs" to display data? I swear I'm right on the fence for several screens of a complex administration ...
0
votes
2answers
63 views

Is asking the “I certify that information submitted is true?” question worthwhile?

I recently watched a documentary on Netflix called (Dis)Honesty – The Truth About Lies. In it, there was an example about how simply reminding the user about attesting to submitting honest ...
1
vote
1answer
40 views

Loading strategy: when should I fetch images?

I redesigned my data loading strategy following this answer. My page displays a list of objects components (on a single page, between 30 and 150 items, sorted by section of one to 5 items maximum). ...
0
votes
1answer
33 views

Is there a familiar / common way of getting users to bookmark a web app?

I am under the assumption mobile users prefer / are more familiar with installing an app from the store vs bookmarking a web app (as referenced below). Please correct me if this assumption is ...
1
vote
2answers
103 views

Dependency between “active” and a date

Developer here, no UX expert. I have a somewhat unfortunate requirement in a Web-GUI: There are data concerning employees, including an active/inactive flag and a leaving date. If a leaving date ...
2
votes
0answers
24 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 ...
4
votes
1answer
104 views

Advice on how to re-order elements for smaller screen size

I have a web app that displays data in tables. And there's different options to display that data. In full size the options show as follows: The two blank boxes are input boxes and together with ...
0
votes
1answer
73 views

Best affordance/notion to describe an archive icon?

We're working on a web application where we store infrequently used items in an archive. The physical analog to this is a file cabinet. Right now, we have this when it's empty: And this when it ...
1
vote
2answers
47 views

How to tell user about possible audio interruptions when tab loses focus

I have a webapp that plays audio and fails to play audio after some time when out of focus (i.e. that tab isn't open). How should I alert users of possible issues? A couple of solutions I am ...
0
votes
0answers
21 views

How to order notification center, navigation menu, and action launcher on a web application

I devised a novel way to organize a web application user interface. I will call it the "unified menu". It combines three common UI concepts into a single component: Notification center (think: iOS/...
7
votes
8answers
642 views

UI button labeling in touch/mobile web and native apps

The concerns are based on my own end-user experience with touch applications (both native and web SPA). Even slim and clean UIs may be prone to the same problem - the learning curve is gradual than ...
4
votes
3answers
99 views

How would you display syncing of a wearable device to a web app?

I'm working on an app that allows the user to add one of three wearable devices to automatically add data to a web app. One of the things I am wondering about is how to differentiate the association/...
13
votes
4answers
554 views

How to expose the keyboard shortcuts of a web application to the user?

I just added some basic keyboard shortcuts to a small website I am developing. I am wondering what is the best way to expose these to the user? I noticed that Gmail shows an overview if you press ?. ...
8
votes
4answers
214 views

How can we go about deciding an appropriate filesize upload limit?

Our web application includes a form where a user can upload supporting documentation. It is anticipated that many users will use the camera on their mobile to snap a photo of a receipt or certificate ...
2
votes
3answers
146 views

Should browser/client drive the bulk operations?

Currently I am working on developing a web UI. Backend API is supporting individual delete on resources. Users would like to do a bulk delete (say hundreds of resources). If bulk delete need to be ...
5
votes
1answer
104 views

How to show linked entity inside another entity

I need to show some way to indicate that the green colour entity is linked and not owned by the parent (blue) entity you were currently in. Currently i'm using colour variation like here and wrapped ...
3
votes
2answers
115 views

Action buttons in data tables

Please consider the following two options: Just an edit button in the Caller ID column. Edit and remove buttons in the Caller ID column. Removing a caller ID will seldom be done. You would do it ...
5
votes
1answer
90 views

Should clicking outside an important modal close it?

I'm developing a web application where most of the interaction is done using popups over a map. The popups are part of a report, and will change when user completes several steps, so the popups ...
1
vote
1answer
83 views

Use of a Dialog box on Material Design

Im designing this web app that i cant reveal the name and its main function so let see how this could be explained. In this app theres a type of user that have the power to Add and Remove Team ...
3
votes
3answers
111 views

Is putting create/edit form in a modal a good practice?

In my Web application I have to choose between putting a create/edit form of a generic object in a modal or in a new page. After some Googling it appears that modals should be used to display ...
0
votes
2answers
92 views

Default screen size for web applications

I am designing the web application which will be used by network engineers. This application will help them to know the statistics of their network. I would like to know which is the minimum ...
3
votes
3answers
70 views

Going back to a list of pages after reading a page

I'm prototyping a website which will display a list of services on a single page, in the following format. When a user clicks on the Learn more > link on a service, they will be taken to a page ...
2
votes
1answer
550 views

Designing the UI of a chrome extension's popup

I just built a chrome extension for my college. It helps students know their total marks and % without manually adding their marks. The user doesn't interact with the popup. He only watches the ...
-1
votes
1answer
32 views

Inspiration for a report browser [closed]

We are building a web report browser as part of our restaurant management system. Something like this: Not being a designer, I'm finding it quite hard to design web pages that lists our reports. ...
3
votes
2answers
1k views

UI for Access Control List (ACL)

I am trying to come up with a UI for controlling Resource based Access Control Lists (RBAC) in web application. So far I would go with this approach: I have a Searchbox with suggestion support. ...
1
vote
1answer
38 views

Best way to place table specific functions [closed]

I am looking for the most intuitive location for table specific functions. In our webapplication, which is available on all devices, we display large amount of data in tables. The columns of these ...
4
votes
4answers
2k views

Material Design for Web apps?

I'm working on an admin portal (angular, jquery, bootstrap..) and I'm pretty comfortable with bootstrap and I think that the bootstrap designs are pretty cool. Now, my colleague insists on changing it ...
4
votes
2answers
156 views

Best method to indicate “sweet spot”

I'm developing a web application where the user builds beer recipes. When you're building a beer recipe, it's important to know how the different parameters align with / deviate from the 'accepted' ...
5
votes
1answer
112 views

An intuitive way to look around in web based first person 3D

In web based 3D experiences, where the world in observed from the first person perspective, which of the following two ways is better for looking around: When the mouse is moved, the camera is ...