BUILDER 1 INTRODUCTION

Web Project Screens

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

Let's look at the screen designs we created for the I Have an Idea Web application within the scope of the Designer 1 course:

Sign-in Screen

Within the scope of the I Have an Idea Web application, we prepared the Sign-in screen design that users will use to log in, using the Sign-in screen that comes with the project by default.

Header Design

In the Designer 1 course, we created the Header design that will appear on various screens of the web application. This design was created by combining various elements by prioritizing the user experience.

Menu Design

In the I Have an Idea web application, we prepared a menu design using the Master Screen structure and Menu element to provide navigation between screens. In the menu design we prepared, we added the relevant system actions in the prototyping step for the navigation function between screens.

Dashboard Screen

In our web application, we designed a Dashboard as a starting screen that will facilitate the summary information and tracking of the ideas submitted by employees. In this screen, we used the Master Screen structure we created earlier, which includes the Header and menu.

Listing Screen

We have prepared a List screen design that lists the information of the personnel who are in the application as users. On this screen, we have added the field that will allow end users to search within the list.

Form Screen

To enable users to create new ideas in the I Have an Idea web application, we have prepared a form screen design that opens in drawer type with a combination of different data entry elements.

Display Screen

Finally, we designed the Display screen, which displays the detailed user information of the personnel in the application, in a structure suitable for opening in drawer type.

We will realize the development process of these screen designs we have prepared through the next learning contents within the scope of the Builder course.

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

Let's look at the screen designs we created for the I Have an Idea Web application within the scope of the Designer 1 course:

Sign-in Screen

Within the scope of the I Have an Idea Web application, we prepared the Sign-in screen design that users will use to log in, using the Sign-in screen that comes with the project by default.

Header Design

In the Designer 1 course, we created the Header design that will appear on various screens of the web application. This design was created by combining various elements by prioritizing the user experience.

Menu Design

In the I Have an Idea web application, we prepared a menu design using the Master Screen structure and Menu element to provide navigation between screens. In the menu design we prepared, we added the relevant system actions in the prototyping step for the navigation function between screens.

Dashboard Screen

In our web application, we designed a Dashboard as a starting screen that will facilitate the summary information and tracking of the ideas submitted by employees. In this screen, we used the Master Screen structure we created earlier, which includes the Header and menu.

Listing Screen

We have prepared a List screen design that lists the information of the personnel who are in the application as users. On this screen, we have added the field that will allow end users to search within the list.

Form Screen

To enable users to create new ideas in the I Have an Idea web application, we have prepared a form screen design that opens in drawer type with a combination of different data entry elements.

Display Screen

Finally, we designed the Display screen, which displays the detailed user information of the personnel in the application, in a structure suitable for opening in drawer type.

We will realize the development process of these screen designs we have prepared through the next learning contents within the scope of the Builder course.

Files

Yardımcı kaynaklar

Glossary