What’s the best practice for screen navigation after invalid user input?

Consider an Angular app with many user inputs over screens A, B and C. Screen C needs valid inputs from A and B; B from A only; and A is independent. Suppose while on screen B the user enters invalid inputs.

Question: What navigation should I support for B in this case?

My current thinking is to disallow navigation to C due to data validity issues. But what about navigating back to B? On the one hand, there are no validity issues, and the user may want to look up screen A to help with screen B inputs. On the other hand, this would complicate the app’s state management. An alternative is to disallow such navigation, possibly with an option to restore the last valid inputs at B. As I lack experience in UX, I’d appreciate answers to help me with this trade-off.

Where to put submit button in a long screen with multiple inputs

I’m redoing a web configuration UI for a piece of hardware. Think of a configuration UI of a standard router. You install this hardware into your network and access configuration through your browser. The UI will normally be accessed from PC and should also be available for mobile devices, but PC is definitely in a focus here.

I need to implement a configuration form with a submit button. The old design was done in material design and had this layout: enter image description here

Form1, Form2 are a bit different configuration forms, that have a similar topic (Currently active SubMenu1). Think of “IP Address”, “Router Name”, “DHCP Configuration” etc. if it was a router. All of these have the same Submit button in the right top corner that applies only the changed inputs. For example if there is an input for a password, it will be applied only if it was changed, otherwise, the old password stays even though the input was empty. The submit button, although located on a menu bar is floating (when the menu bar is not) and always stays on the screen in exactly the same location when you scroll.

I’m redoing a UI similarly, preserving looks more or less, but changing the forms to be grouped in cards instead:

enter image description here

But I’m hesitant to use the same location for Submit button, as I believe there are serious issues with it from UI/UX perspective.

  1. The location is extremely weird and unintuitive. The button is located on the menu that is common for all views and simply appears/disappears depending on the view. Users do not expect it to be there
  2. The button although located on the menu is not attached to it and floats when menu is not.
  3. It is not obvious that if you do not change the password input and leave it empty, the password is not changed. My first thought is that this submits an empty password to the system. However, I’m not 100% sure this is a problem, just find it weird.

The problem is I do not know where to put submit button here. My first guess it to make it floating and to put it in the lower right corner. I do not know how to fix the password problem though.

Is this a good suggestion? If not what should I do? And is this a good idea to leave the password box as is, or it needs to be changed?

Notification of Imminent Screen Lock [migrated]

My work computer Locks after 5 minutes.

The nature of my job is that I “use” my computer all day long with very little interaction via mouse/keyboard; I look at the screen and it shows me pertinent details about the current job in progress, but I don’t have to move the mouse or touch the keyboard for sometimes hours at a time. The computer locks itself (at 5 minutes) with just a few seconds of warning.

I’ve been told that due to the fact that it is running Windows 7 and we are compliant with HIPPA, there is no way to give me an advance warning of some type after 4 minutes so that I have a full minute of notice in which to touch the keyboard/move the mouse to keep it active.

Incidental: My preference: dim the display 50%

Instead, I have only a few seconds of notice (my screen goes black) before it locks me out and I have to:

  • press Ctrl+Alt+Del
  • type in my password including Capital Letters, Numbers, and Symbols
  • at times retype my password multiple times because the caps lock was inadvertently active or, due to my haste (my machine often produces at >5 pieces per second), I typed it in wrong

This results in frustration; lack of necessary, detailed attention to my job; and frustration.

A simple program could be created (I’ve done this for giggles on my home computer) that would warn me that the lock is about to become active, but I was told that installing a custom program would violate our HIPPA agreement because my computer:

runs Win7 + is connected to company server + has custom program = security violation

I was told that if the computer is upgraded to Win10, a custom program could be installed to warn me that the lock screen is about to be active, but, due to the current situation, this type of solution is currently impossible to implement.

Is there any way to have a Win7 computer on a company network that adheres to HIPPA warn me that the computer is going to lock after 4 minutes of runtime?

Display form errors on small screen. Scroll to error vs errors by submit button

I’m working on improving error visibility on our form. We display errors next to the field and highlight the tab containing errors. Which works well on desktops above a certain resolution. But on mobile or small laptops errors aren’t always visible.

This screen shot below of the form contains errors but are only visible when scrolling up.

Mobile View

mobile view


Actual Page

enter image description here

Should I display errors beside the save/submit button or scroll to the area/tab that needs correction?

Reordering a list on mobile web that is larger than the screen height

In my app users can add items to lists and reorder the index of the listitems by whichever criteria they like. The users of this app are not tech savvy, and I would like to avoid any technical input to achieve this.

example of list element

Now, on desktop reordering of the items is not such an issue. However, I can’t decide on a ‘best’ way to do this on mobile web. The main issue being that the lists could potentially be larger than the screen itself, so when applying drag and drop, how will a user scroll and move an item?

My initial idea is to make a mode switch. See second picture below. When the user presses move item all other items make space for the first item to be dragged down (or up) (see third picture).

move item mode moving one item

My question is: How would I ensure a user is able to drag and drop items, but is still able to scroll the list on mobile web?

Or if you think this is the wrong approach: Do you know a better approach to let users reorder lists on mobile web?

Can an stolen Android phone with USB debugging enabled have screen lock bypassed?

My Android (8.0) phone was pickpocketed from me yesterday, it was immediately turned off by the thief, when I tried to locate it using Find My Device it shows as offline.

As being a programmer and a security enthusiast, I started to worry about what data can be vulnerable on the phone. I had a screen lock on but it didn’t have full-disk encryption enabled (my bad, I know).

I saw on the internet that people can bypass the screen lock using fastboot and deleting some files, is this only for rooted phones? or am I vulnerable too?

I probably had USB Debugging enabled as I developed an Android app in the past and tested it on my device (although I remember that you must trust the computer before using it, does it makes the phone vulnerable?).

My phone wasn’t rooted though, so I believe that for the thief to bypass the screen lock they would need to unlock my bootloader which would definitely wipe my data.

I’m only worried about the data, if the only way to bypass the screen lock would be to wipe the data, then I’m ok.

What are your thoughts on this?

WordPress child theme not responsive on mobile screen using Bootstrap 4x

I’ve created a child theme and also enqueued Bootstrap 4.3 in it. The site works fine on desktop screen however when I reduce the screen size, the list-group and cols are not stacking up, instead, they show up as follows

enter image description here

Following is the footer code

enter image description here

Following is the function’s code

enter image description here

Can someone kindly help me out with making it responsive in small screens?

Why Can’t Embedded SharePoint Videos Be Viewed in Full Screen

I’m using Microsoft Edge w/ Windows 10 and I’m embedding videos on SharePoint pages from the the Office 365 Video Portal.

For some reason the allow full screen code is being stripped out after the code is saved to the page. Take a peek to see what happens graphically and the 2 different versions of code.

Is This a SharePoint Bug?

Does Apple still monitor or track after having a customer support screen sharing service with ara.apple.com?

Is having screen sharing service with ara.apple.com safe?

I had screensharing service with ara.apple.com(https://ara-prn.apple.com/) which is official apple website for apple products support. And they wanted me to install an app after entering session key and they said the app will self-destruct once support session ended.

Would there be a possibility that Apple can still track and monitor that computer even after the support session ended and even if they claim that installment of the app for screen sharing self-destruct?

Black Screen with cursor blinking when started Ubuntu on VirtualBox

Ubuntu on my Virtual Machine was running fine when I restarted then suddenly it starts showing a black screen. I googled and tried multiple solutions like:

  1. by disabling the “Enable 3D acceleration” on virtualBox settings
  2. Enabling the “Intel Virtualization Technology” from BIOS

Please note, when I used backup Ubuntu, it works fine. My host system is Ubuntu 18.04.3 LTS. VirtualBox Version 6.0.12, Ubuntu guest OS in VirtualBox is 18.04.2.

I will appreciate if you can help to address the issue