Screen Display Types

Web UI Prototyping

About this lesson

In an application you develop in Kuika, the “Navigate” action is used to provide transitions between screens. While the Navigate action allows you to switch from one screen to another screen, it leaves the transition method, that is, the way the screen opens, to your choice.

So what are these screen opening formats? Let's look at the details together.

If you want to open a new screen on the screen open in the current tab, you can use the “Current Screen” method.

You can choose the “New Tab” option to open another screen in a new tab in your browser. This method will allow users to open a new screen completely independent of their current screen.

“Drawer” is ideal if you want to open another screen as a window on the currently open screen. Drawers slide open from the right, left, top or bottom edge of the screen and become visible within the screen. This method offers the user additional content without interrupting the use of the current screen.

Finally, the “Modal” or “Pop-up” method opens an auxiliary window in the center of the open screen, with a size of your choice. This window can be used to present important information to the user, to get approval or to collect additional inputs. Modal / Pop-up is an effective way to focus the user's attention on a specific action or information.

These methods have been developed to optimize in-app navigation and enhance the user experience. Each of them offers flexibility according to different user needs and scenarios.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

In an application you develop in Kuika, the “Navigate” action is used to provide transitions between screens. While the Navigate action allows you to switch from one screen to another screen, it leaves the transition method, that is, the way the screen opens, to your choice.

So what are these screen opening formats? Let's look at the details together.

If you want to open a new screen on the screen open in the current tab, you can use the “Current Screen” method.

You can choose the “New Tab” option to open another screen in a new tab in your browser. This method will allow users to open a new screen completely independent of their current screen.

“Drawer” is ideal if you want to open another screen as a window on the currently open screen. Drawers slide open from the right, left, top or bottom edge of the screen and become visible within the screen. This method offers the user additional content without interrupting the use of the current screen.

Finally, the “Modal” or “Pop-up” method opens an auxiliary window in the center of the open screen, with a size of your choice. This window can be used to present important information to the user, to get approval or to collect additional inputs. Modal / Pop-up is an effective way to focus the user's attention on a specific action or information.

These methods have been developed to optimize in-app navigation and enhance the user experience. Each of them offers flexibility according to different user needs and scenarios.

We are transitioning to a new user interface on the Kuika Platform and updating our Kuika Academy courses and videos as soon as possible.

When developing applications on the Kuika platform, the Navigate action allows you to switch from one screen to another and offers four different screen opening formats for these transitions. Current Screen opens a new screen on the current screen, New Tab opens a screen as a new tab in the browser, and Drawer presents new content as a window that slides open from one edge of the screen. Finally, the Modal or Pop-up method opens a window in the center of the screen to present important information or to get confirmation from the user; these methods are designed to enhance the user experience.

In an application you develop in Kuika, the “Navigate” action is used to provide transitions between screens. While the Navigate action allows you to switch from one screen to another screen, it leaves the transition method, that is, the way the screen opens, to your choice.

So what are these screen opening formats? Let's look at the details together.

If you want to open a new screen on the screen open in the current tab, you can use the “Current Screen” method.

You can choose the “New Tab” option to open another screen in a new tab in your browser. This method will allow users to open a new screen completely independent of their current screen.

“Drawer” is ideal if you want to open another screen as a window on the currently open screen. Drawers slide open from the right, left, top or bottom edge of the screen and become visible within the screen. This method offers the user additional content without interrupting the use of the current screen.

Finally, the “Modal” or “Pop-up” method opens an auxiliary window in the center of the open screen, with a size of your choice. This window can be used to present important information to the user, to get approval or to collect additional inputs. Modal / Pop-up is an effective way to focus the user's attention on a specific action or information.

These methods have been developed to optimize in-app navigation and enhance the user experience. Each of them offers flexibility according to different user needs and scenarios.

Files

No items found.

Sources

Glossary

No items found.

Assignment

E-Posta Tasarımı
Email Builder Basics
Using Email Templates
New Email Design
Introduction to Mobile Interface Design
Introduction to Mobile Interface Design
Tabbar Menu Design
Dashboard Screen Design
Form Screen Design
Listing Screen Design
Detail Screen Design
Mobile UI Prototyping
Web UI Prototyping
Working with Actions
Working with Navigations
Screen Display Types
Web App Prototyping
Add Notify
Preview
Introduction to Web Interface Design
Introduction to Web Interface Design
Introduction to Registration Screen Design
Preparation of Header Design
Working with Master Screens
Menu Design
Dashboard Screen Design
Listing Screen Design
Form Screen Design
Display Screen Design
Elements
Container Elements
Date and Time Input Elements
Display Elements
Text Input Elements
Numeric Input Elements
Select Input Elements
Data Elements
Navigation Elements
Interactive Elements
Chart Elementler
Introduction to Interface Design in Kuika
User experience on the Kuika platform
The Application Interface Design Process
Working with Color
Definition of paddings
Working with Font Styles
Working with complex styles
Working with Mock Data
Concept Design
Wireframe: visualization of the first idea
Preparation of Concept Design
UX Design
Principles of usability
Basic design Principles
Information architecture
Screen Flow
Analysis and Planning
Defining the project scope and objectives
Reading the analysis document
Reading the example flow chart and defining the requirements
Planning of the project
Introduction to Designer Training Kit
What is Low-code?
What is Kuika?
What can be done with Kuika?
Let's examine the platform interface
Understanding the learning process‍