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
1answer
49 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 ...
1
vote
1answer
39 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
28 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 ...
0
votes
3answers
68 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
86 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 ...
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 ...
4
votes
1answer
98 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 ...
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 ...
1
vote
3answers
56 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
17 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/...
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. ...
8
votes
4answers
211 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 ...
7
votes
8answers
608 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

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 ...
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 ...
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 ...
5
votes
1answer
82 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 ...
0
votes
2answers
87 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
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 ...
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 ...
-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. ...
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/...
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
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 ...
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 ...
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?...
2
votes
3answers
217 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 ...
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 ...
1
vote
3answers
76 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 ...
0
votes
1answer
61 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
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-...
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 ...
1
vote
1answer
83 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 ...
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
81 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| ...
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 ...
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 ...
0
votes
2answers
154 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... ...
4
votes
2answers
135 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
1answer
126 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 ...
4
votes
2answers
231 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 ...
0
votes
1answer
170 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 ...
13
votes
2answers
862 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 ...
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
59 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 ...