Stylish Floor Android App 2016
0 likes137 views
The document details the user interface design of the Stylish Floor application, outlining the splash, login, and home screens along with navigation options. It describes the functionalities available under different categories such as wooden floors and bath fittings, including product listings, details, and navigation features. The document also explains the integration of social media login and toast messages for user notifications.
Stylish Floor Android App 2016
- 1. USER INTERFACE DESIGN 1.Splash Screen Figure 1. Splash Screen 2. LogIn Screen Figure 2. LogIn Screen This Screen appears when we click on the STYLISH FLOOR application icon. Basically this screen contains the logo of the application. This is the Login screen. This page will display automatically after few seconds of splash screen.
- 2. 2.1 LogIn With Toast Figure 2.1 Toast message in Login Screen 2.2 LogIn with Facebook Figure 2.2 Log In with FB This is the Facebook Login page. When we pressed the Login with Facebook button in Login Screen then this page will appears. In this page toast messages will display according to the network connection for short time.
- 3. 3.Home Screen Figure 3. Home Screen 3.1 Wooden Floor Figure 3.1 Brand Name This is the home page of Stylish Floor. We can enters in this page through two procedures. After successfully login using facebook and Clicking of skip button. This page contains four buttons .These are Wooden Floor,Bath Fitting,Tiles and Wellness This is the Wooden Floor Screen. When we click on the wooden floor button in home page then this page will display.
- 4. 3.1.1 Pergo (Brand) Types Figure 3.1.1 Brand Types 3.1.1a Original Laminate Figure 3.1.1a Ori Laminate List This page contains type of Pergo. After clicking on the pergo button in the previous screen, this page will appears. This page contains two buttons. These are Original Laminate and Wood Parquet. This is the original laminate list page. After clicking on the original laminate button this page will appears. This page will show all the products of original laminate in list view.
- 5. 3.1.1a Original Laminate Figure 3.1.1a Details Page 3.1.1b Wood Parquet Figure 3.1.1b Wood Parquet List This is the original laminate details page. In this page we can view all the details of original laminate products. We can change the product images and details using arrow (next and previous) buttons. This is the Wood Parquet products page. After clicking on the wood parquet button this page will display. This page will show all the products of wood parquet.
- 6. 3.1.1b Wood Parquet Figure 3.1.1b Details Page 3.1.1 Zooming Screen Figure 3.1.1 Zooming Screen This is the zooming screen of wood parquet page. After clicking on any image of the products page will appears like this. This features is also included in other activities like - original laminate ,faucets and showers. This is the wood parquet details page. In this page we can view all the details of wood parquet products. We can change the product images and details using arrow (next and previous) buttons.
- 7. 3.2 Bath Fitting Figure 3.2 Brand Name 3.2.1 Jaquar (Brand) Types Figure 3.2.1 Brand Types This is the Bath Fitting home screen. After clicking on the bath fitting button this page will display. This page contains three buttons which is the brand name of bathfitting category. These are Jaquar, Scheel and Grohe. This is the Jaquar home screen. When we click on the Jaquar button then this page will appears. This page contains four buttons. These are Faucets, Showers, Water Heaters and Sanitaryware.
- 8. 3.2.1a Faucets Screen Figure 3.2.1a Faucets List 3.2.1a Faucets Screen Figure 3.2.1a Details Page This is the Faucets products page. After clicking on the faucets button this page will appears. This page will show all the products of Faucets. This is the Faucets details page. In this page we can view all the details of faucets products. We can change the product images and details using arrow (next and previous) buttons.
- 9. 3.2.1b Showers Figure 3.2.1b Showers Types 4. Navigation Drawer Screen Figure 4. Navigation Drawer This is the Navigation drawer screen. The navigation drawer is a panel that displays the app’s main navigation options on the left edge of the screen. This is the Showers home page. After clicking on the Showers button in the previous screen this page will appears. This page contains three image view with text view. These are Body Showers, Hand Showers and Rain Showers.