WEB APPLICATION PROTOTYPING

Screen Display Types

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.

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

Auxiliary resources

Glossary