UI - Navigation

Card Puncher Data Processing


A navigation is just a sequence of actions that a user (or programmatic client) can perform.

navigation is anything that changes a page’s URL


Common examples of navigation component are:


On the web, you can test a navigation with a headless browser.


See Guided Navigation

Discover More
F Pattern
F-Pattern - F-Layout (Golden triangle)

The F-layout is a layout. It comes from eyetracking studies that show that user read naturally the screen in an F pattern. Reading is largely done the same way that a book is read: top to bottom, left...
Onboarding Guide Mixpanel
Guided Navigation

guided navigation is a navigation that guides the user step by step in order to perform a process from start to end. funnel account creation, mailing list subscription shopping cart, ...
HTML - A element (anchor)

HTML The a (or anchor) is a html element that represents a hyperlink. It is the cornerstone: of every navigation scheme on the web. and of the importance of a page on the internet (pagerank) ...
HTML - Nav element

nav is an element that represents a section of a page whose purpose is to provide: navigation component via links. Group element may be grouped with an aside element. Example is from the...
HTML - Sections (Sectioning Content Element)

Sectioning content or sectioning element are elements that creates a logical section A section in HTML logically groups content by thematic. Each section can have one heading or a group of heading associated...
HTML - href (hypertext reference) attribute

href stands for hypertext reference. It forces the user agent (browser) to navigate to the resources by performing an Hypertext fetch All elements that have an href attributes are called hyperlink and...
Java Conceptuel Diagram
Java - HTTPClient - How to simulate a web form ?

httpclient is a headless browser library build with Java that can simulate programmatically a user web navigation. It simulate the navigation of a user on Internet with http request. We can : retrieve...
Double Opt In Validation
Newsletter (mailing list, subscription form)

A newsletter signup is a guided navigation that aimed to subscribe a user to a newsletter. There is actually two kinds of process: - no email is send - an email is send known also as unverified...
Page Load - Navigation (Browsing)

navigation is the first point in time of a page load. This is the trigger of the page load. It happens when clicking: on a anchor (hyperkink) on a submit form on any element (such as button) that...
Card Puncher Data Processing

tab are a navigational element that permits to navigate from one tabbed page to another in a tabbed dialog box. Each page is a section They follow the same principe than an accordion. You will find...

Share this page:
Follow us:
Task Runner