5
This types of NavBars are known as Pit bars according to this answer.
2
Let me provide you with a contradictory opinion on what is happening with both backgrounds.
1. GREY BACKGROUND: This background is the same as the page background. So it does not ask for any attention and all the attention is diverted to the page content.
2. WHITE BACKGROUND: This standout from the grey page hence it also asks for attention. Thus the user's ...
2
I would suggest to focus initially on the information hierarchy. As I think in this case the critical errors are the ones to focus on primarily, so it's better to group them together or give a tag to it. If the test is done sequentially, then the error logs can be displayed in a timeline layout.
Display each error in a timeline layout and provide each one ...
1
In general, lists with multiple elements are usually accompanied by keyboard help. When clicking on a letter, the first element of the list is the one that begins with the letter pressed.
At a graphic level, we have this situation resolved horizontally but not vertically. Although the example is a list whose elements are arranged vertically, one below the ...
1
It depends on the company's budget, openness to change, the worth of the effort, current state of the app.
You could be better off with a review of the design system and the app itself. Identify all the building blocks in the app, categorize and group them, refine and make sure they are consistent throughout the app and improving them. This would result in ...
1
I found 2 good examples:
Show & Hide Navbar on Scroll - Webflow interactions and animations
tutorial
How to Hide a Navigation Bar When Scrolling Down - HTML, CSS &
JavaScript Web Design Tutorial
But as far as know, this navbar doesn't have any specific name. I would call it the "Interactive navbar" because it describes the main mechanics ...
1
On many occasions, "standards/conventions" are created as a solution to a widespread problem. And, most of these never get updated/changed/removed even after they become obsolete.
When the internet was a new concept, websites or web pages were all about information. They were also alien in terms of concept and people didn't quite understand what ...
1
There is no significant difference.
But the white background version is a little bit better because of:
Contrast Ratio between text-link (Hooman) and the background will be bigger, but those elements have been passed the minimal CR requirements (4.5:1).
Navigation with white BG is more consistent. The local navigation (Public profile, Settings, Payment) ...
1
My idea in this case was to have a timeline which records the error as they are reported, this way it becomes easy for manual viewing. Otherwise, you can have two tabs, one with critical error and other with non-critical error. Each tab can be displayed in a tabular form, with pagination having a page interval of 10, so that it's easy to navigate to the ...
Only top voted, non community-wiki answers of a minimum length are eligible