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

learn more… | top users | synonyms

0
votes
0answers
29 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
50 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
210 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
87 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
160 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
141 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
36 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
213 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
77 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
140 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
90 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 ...
1
vote
2answers
102 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
103 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
19 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
636 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
97 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
549 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
103 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
89 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
82 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
109 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
90 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
548 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
109 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 ...
2
votes
2answers
131 views

Best way to do private invitations to games or collaborations?

I have a site where users can create a sort of session where they can handle data privately but I would like to allow my users to invite external users who may not be part of the site to collaborate ...
7
votes
1answer
203 views

Adapting Outlook-style master-detail to a non-full-screen view

When a web app's master/detail grid (narrow master on left, wide detail pane on right) is not full-screen like Outlook or the iPad Mail app, but is instead embedded in a page that can be vertically ...
0
votes
1answer
112 views

Are there any UX problems with date pickers?

I’m adding a date picker for delivery date selection on a website. I recall developers mentioning that there are issues with date pickers. Is there anything inherently wrong with date pickers UX-wise?...
0
votes
1answer
59 views

Select from drop down list or enter a new one - Designing

I am developing a website that allows users to create line-ups for sport matches. I want to help users to save a line-up for a particular team for the next match too by saving them to the user's ...