UI - Call to action

Card Puncher Data Processing


Call to action is an UI element that call the customer to an action.

It drives:


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...
Landing Page

A landing page is a standalone web page, created specifically for a marketing or advertising campaign. They are designed with a single focus or goal, known as a call to action (CTA) in order to increase...
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...
Card Puncher Data Processing
Sidebar / Sidenav

A sidebar is a component that is tangentially related to the main content. Category Menu call to action HTML Sidebar are represented by aside element
Card Puncher Data Processing
UI - Action (Interaction | Event )

event in a graphical user interface (GUI) application Action (or interaction) are the actions that can perform a user (or programmatic client) with the application. The more action, the more engagement....
Card Puncher Data Processing
UI - Alert

alert are dialog showing a short message that comes at the top or bottom of your page. Toasts alert: is a minimul call to action are located generally at the top or bottom of the page can...
What is and how to create a web modal in pure HTML, Bootstrap and Jquery?

A modal is a overlay window behavior: where its contents are the only elements that can receive focus. When open, the user cannot interact with the rest of the page (nor can screen readers) until...

Share this page:
Follow us:
Task Runner