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

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
33 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
30 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 ...
0
votes
2answers
51 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 ...
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 ...
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 ...
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 ...
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
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 ...
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 ...
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
0answers
20 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
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. ...
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 ...
7
votes
8answers
639 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
141 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
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 ...
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 ...
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 ...
0
votes
2answers
91 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
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 ...
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 ...
-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. ...
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/...
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
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
110 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
60 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
113 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
269 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
114 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
77 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
1answer
67 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
142 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 ...
2
votes
1answer
88 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
52 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
83 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
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 ...
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
155 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
146 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 ...