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

learn more… | top users | synonyms

1
vote
2answers
152 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
95 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
1answer
44 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
60 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 ...
0
votes
1answer
37 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
27 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
83 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 ...
0
votes
0answers
26 views

How do can i layout search box

I am having search box which is having drop downs and checkboxes. The design is as follows: In this two check boxes i.e. regulation Line Item and Control test are child of Review Checkbox so there ...
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
22 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 ...
1
vote
1answer
211 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 ...
4
votes
1answer
97 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
71 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 ...
0
votes
1answer
169 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 ...
1
vote
2answers
46 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 ...
1
vote
3answers
54 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
0answers
15 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/...
0
votes
2answers
145 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
38 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. ...
7
votes
8answers
601 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 ...
1
vote
2answers
133 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-...
4
votes
3answers
96 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/...
12
votes
4answers
513 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
209 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
195 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 ...
2
votes
3answers
144 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
102 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
113 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
81 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
74 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
99 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
86 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
66 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
534 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
30 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
37 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
154 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
102 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
130 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
198 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
109 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
56 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 ...
18
votes
3answers
7k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
1
vote
3answers
75 views

A variable number of inputs in a small bar

I've got a web app that involves users inputting a title of a Wikipedia page. It needs to work as an interface on both desktop and mobile. Right now, the interface looks like: It's got a single ...
2
votes
3answers
211 views

Use a web framework (Bootstrap) or write my own CSS from scratch? [closed]

We are a startup building an ERP platform. It has lots of screens (10-15) and will be a browser first application. We are a team of 3 and our skillset is mostly javascript specifically Angular. We ...
3
votes
3answers
350 views

Showing alerts on item's “best before” changes in web application

I need to show 2 level alert for material stored in refrigerators. Orange and red alerts. The alert depends on how close item is to expiring date. Refrigerators are tree structured objects so I have a ...
0
votes
2answers
111 views

Plus/minus buttons around zoom slider or minimalist design?

My web app has zoomable interface with a minimalist slider to indicate the zoom level. http://wikibudgets.org/w/svk/bratislava/zahorska-bystrica/2016/ I was told recently that not having the ...
63
votes
9answers
7k views

How can I best display a blank space character?

A web app I'm writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W ...