SlideShare a Scribd company logo
1 of 10
Download to read offline
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.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.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.
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.
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.
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.
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.
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.
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.
Stylish Floor Android App  2016

More Related Content

Similar to Stylish Floor Android App 2016

Ms 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbersMs 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbers
JessicaRenslow
 
Toolbar, statusbar, coolbar in vb
Toolbar, statusbar, coolbar in vbToolbar, statusbar, coolbar in vb
Toolbar, statusbar, coolbar in vb
Amandeep Kaur
 
Click the desktop shortcut icon that you created in this module, and .pdf
Click the desktop shortcut icon that you created in this module, and .pdfClick the desktop shortcut icon that you created in this module, and .pdf
Click the desktop shortcut icon that you created in this module, and .pdf
rajkumarm401
 
How to create_a_site
How to create_a_siteHow to create_a_site
How to create_a_site
mastura71
 

Similar to Stylish Floor Android App 2016 (20)

Power pointlabs quick tutorial
Power pointlabs quick tutorialPower pointlabs quick tutorial
Power pointlabs quick tutorial
 
Lecture 6: introduction to computer
Lecture 6: introduction to computerLecture 6: introduction to computer
Lecture 6: introduction to computer
 
Ms 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbersMs 2010 tutorial topic 6 adding page numbers
Ms 2010 tutorial topic 6 adding page numbers
 
Audio Mixing
Audio MixingAudio Mixing
Audio Mixing
 
Tips about windows 8.1 certification
Tips about windows 8.1 certificationTips about windows 8.1 certification
Tips about windows 8.1 certification
 
Toolbar, statusbar, coolbar in vb
Toolbar, statusbar, coolbar in vbToolbar, statusbar, coolbar in vb
Toolbar, statusbar, coolbar in vb
 
Intro to Inventor with MugTree
Intro to Inventor with MugTreeIntro to Inventor with MugTree
Intro to Inventor with MugTree
 
Survey Plotter Workflow
Survey Plotter WorkflowSurvey Plotter Workflow
Survey Plotter Workflow
 
L14 and
L14 andL14 and
L14 and
 
Click the desktop shortcut icon that you created in this module, and .pdf
Click the desktop shortcut icon that you created in this module, and .pdfClick the desktop shortcut icon that you created in this module, and .pdf
Click the desktop shortcut icon that you created in this module, and .pdf
 
Presentation On My computer , Control Panel
Presentation On My computer , Control PanelPresentation On My computer , Control Panel
Presentation On My computer , Control Panel
 
Powerpoint class 4
Powerpoint class 4Powerpoint class 4
Powerpoint class 4
 
How to create_a_site
How to create_a_siteHow to create_a_site
How to create_a_site
 
How do i
How do iHow do i
How do i
 
Digital Storytelling 2
Digital Storytelling 2Digital Storytelling 2
Digital Storytelling 2
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
LT-more-information-please.ppt
LT-more-information-please.pptLT-more-information-please.ppt
LT-more-information-please.ppt
 
How to use Smore
How to use SmoreHow to use Smore
How to use Smore
 
How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?
 
Primavera P6R8 Web Training (sample) - Activity Detail Tabs
Primavera P6R8 Web Training (sample) - Activity Detail Tabs Primavera P6R8 Web Training (sample) - Activity Detail Tabs
Primavera P6R8 Web Training (sample) - Activity Detail Tabs
 

Recently uploaded

Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Cara Menggugurkan Kandungan 087776558899
 

Recently uploaded (8)

Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
 
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
 
Android Application Components with Implementation & Examples
Android Application Components with Implementation & ExamplesAndroid Application Components with Implementation & Examples
Android Application Components with Implementation & Examples
 
Mobile Application Development-Components and Layouts
Mobile Application Development-Components and LayoutsMobile Application Development-Components and Layouts
Mobile Application Development-Components and Layouts
 
Mobile Application Development- Configuration and Android Installation
Mobile Application Development- Configuration and Android InstallationMobile Application Development- Configuration and Android Installation
Mobile Application Development- Configuration and Android Installation
 
Mobile Application Development-Android and It’s Tools
Mobile Application Development-Android and It’s ToolsMobile Application Development-Android and It’s Tools
Mobile Application Development-Android and It’s Tools
 
Mobile App Penetration Testing Bsides312
Mobile App Penetration Testing Bsides312Mobile App Penetration Testing Bsides312
Mobile App Penetration Testing Bsides312
 
Bromazolam CAS 71368-80-4 high quality opiates, Safe transportation, 99% pure
Bromazolam CAS 71368-80-4 high quality opiates, Safe transportation, 99% pureBromazolam CAS 71368-80-4 high quality opiates, Safe transportation, 99% pure
Bromazolam CAS 71368-80-4 high quality opiates, Safe transportation, 99% pure
 

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.