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

learn more… | top users | synonyms

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
31 views

Best way to place table specific functions [on hold]

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 ...
2
votes
3answers
153 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 ...
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 ...
3
votes
2answers
137 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' ...
4
votes
1answer
79 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
129 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 ...
0
votes
2answers
88 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 ...
1
vote
1answer
181 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
1answer
106 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 ...
0
votes
2answers
117 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 ...
7
votes
1answer
185 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
94 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 ...
0
votes
1answer
44 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 ...
0
votes
1answer
46 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 ...
18
votes
3answers
6k 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
66 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 ...
1
vote
3answers
138 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
347 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
85 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 ...
61
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 ...
0
votes
1answer
53 views

Classic pagination or infinite scrolling for server log messages

I want to display some server logs in my web application in a way Chrome DevTools shows its console. I want the latest entry to be on the top, older entries going down. While running the application, ...
1
vote
1answer
2k views

Website hierarchical/dropdown menu best practices

I'm trying to understand the best way to communicate to users via website navigation menus and, in particular, multi-level menus. As the world is going more mobile, so goes the web. Websites are ...
0
votes
2answers
150 views

What's a good way to show an article has been read?

I have a news app & site. It's educational, so the idea to encourage users to read lots of items. What are good visual design markers to indicate an item is read? Things I can think of are... ...
0
votes
1answer
72 views

Legends in table data

We have a table of data that is not interactive but is too wide and growing so we need to consolidate the columns. Currently the headings are taking up the most space so I am trying to provide a ...
7
votes
6answers
830 views

Alternative wording to 'upgrade from free trial to a paying plan'?

Looking for an alternative to 'upgrade'. The problem is that in our web-app ui and communication, we are currently using two different versions of upgrade: the common upgrade/downgrade of the ...
0
votes
3answers
51 views

Proper way to describe saving canvas to server?

Problem I have an app where the user draws to an HTML5 canvas, and then is presented an option to save it to the server. Currently a button that says "Save" is shown, which instructs the server to ...
0
votes
1answer
75 views

Best way to Show Complex and Lengthy Table Headings

So I have been creating a design for a table in which there is Heading Tr1=> Roll | Name | Subjects | Subjects | Subjects |||| | Aggregate | Heading Tr2=> |part|part|total| ...
3
votes
2answers
218 views

Where to place links for sub-records

This is a problem that I had in several places in various web apps that I built. I'm asking about one specific case because it's simple and clean. I have this page: It's a project, called "Come ...
1
vote
2answers
454 views

Should I adopt infinite scrolling or classical pagination?

I own a Single page application (web) displaying a list of items. Each item represents an announcement, imagine for example some bids. A user can list the current bids, and click on one of them ...
2
votes
1answer
120 views

confirmation for booking

I am building a booking web app-closing appointments. My intent is that when the user closes an appointment an e-mail is sent to him with a link to verify the booking. My thoughts are that this might ...
0
votes
0answers
61 views

Web-Development: to which category do “Tabs” belong?

Browsing this documentation I was surprised to see that Syncfusion have documented their Tab-Control in the "Navigation"-Category. I did not expect to find it there and was looking in "Layout". My ...
2
votes
1answer
69 views

How can the usage of browser alerts be restricted in a way that doesnt limit the usage of this feature for positive UX?

Many of us have probably been trapped by a clever use of the browser alert feature by a spam website that we had the misfortune of being sent to. You try to exit and get another alert, which stops you ...
4
votes
2answers
113 views

How can I improve the UI of groups of nested inputs?

The user is assigning products to a location in a hierarchy in a website. There is potential for multiple locations in multiple hierarchies in multiple websites. User journey: Select website ...
2
votes
2answers
104 views

Set Frequencies in WebApp

I am currently working on Web App to coordinate Frequencies of Microphones. I am not sure how to present the input of the Frequency. Basically a Frequency can be set in a range (eg. 400MhZ - 800 Mhz) ...
4
votes
2answers
181 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
38
votes
5answers
5k views

Should we use the 3x3 9-dots icon as an apps menu?

As the web continues to evolve and more complex applications emerge, there is a need to let the user quickly navigate between applications. This action is different from the navigation menu we see ...
13
votes
2answers
792 views

Back button shows user old state

QA have found the following bug in our web application: Go to a list of sprockets Create a new sprocket Click the back button Result: The list of sprockets shown does not include the sprocket that ...
0
votes
0answers
33 views

Colors for grades A,B,C,D,F (A+,A- …) [duplicate]

In my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely? What do ...
4
votes
2answers
295 views

Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?

The idea would be that if you had a menu: Feed | Settings | Logout And for example, the user is on the Shared Documents page, and clicks Settings: Feed | *Settings | Logout *Shared --> ...
0
votes
1answer
39 views

What are common terms for sections of a web application behind and not-behind login?

I'm looking for some concise recognizable terms to help code organization for pages or content of a web application that are either behind a login or not behind a login.
0
votes
1answer
51 views

Visual/animation for an order success/confirmation screen

Designing the final screen of a checkout funnel on an ecommerce app. What would be a suitable visual or animation for this? I've looked at a few apps and websites, but most of them have just a thank ...
1
vote
1answer
158 views

Display categories with their respective subcategories

I have the following scenario: This is a website that shows the products and services of a small bakery. It has categories and subcategories of the products and services it has, and it displays them ...
2
votes
2answers
143 views

Modular loading

I'm building a web app that have 1 main feature and 2 sub features. The data that is displayed in these modules are pulled from a server and takes 1-2 seconds to load. I've chosen to save a cache of ...
0
votes
0answers
29 views

Standard iOS app features that should be added to wrapper app?

What are some standard app features that should ideally be included with a iOS wrapper app (UIWebView)? For example, the current version of my app is missing the standard feature where tapping the ...
0
votes
0answers
34 views

use mobile UX for desktop access? (i.e. single UI for everything)

I develop a web app (meteor & ionic & cordova) that is used for fleet management (multiple trucks onroad using a phone to access the app & one manager at the office coordinating their ...
0
votes
4answers
231 views

Modal pop-up window or push down

We are designing a web application. In the grid view list we have a add new link which can open a modal pop-up window or push down the content like an accordion type user interface. Regarding ...
0
votes
2answers
241 views

Contextual menu in a web-app for professionals (i.e. formed by ourselves)

Introduction I'm working on an application that runs in browsers. This application displays several windows (the user can open and close them), in which multiple things are displayed : charts, grids, ...
145
votes
13answers
15k views

Why is this design considered cluttered or overwhelming?

I'm developing a web app for Desktop and Tablet browsers. All of my UX knowledge stems from personal experience and iteration - I've never been formally trained. I took great care in presenting the ...
3
votes
3answers
93 views

Indicative tooltip + info tooltip over the same element

I have a table that contains some items texts the user can click to filter by those values. For example, if they click on the username, only rows containing that username will be shown on the table. ...