Friday, 24 May 2013

3.IDENTIFYING MAIN PARTS OF WEB UI PAGE


Identifying the important parts of normal WEB UI  page .

Let us identify the important parts of the web ui page. We can divide entire web ui page in to three parts named as

1.      Navigation bar

2.      Header Area

3.      Work area.

Navigation bar:
This entire frame is called navigation bar. 

Why it has been named as Navigation bar ?


 Well , Users, in general,  access different applications in CRM  by clicking on links of this navigation bar. Like,  they will navigate to different pages from navigation bar. You will hide this navigation bar by clicking on the arrow mark. Highlighted in the screen shot. We will discuss navigation bar more in later tutorials. 





Header area:

The below screen shot area is called header area. 






Together navigation bar and header area forms an L shape navigation in WEB UI page. See below.




Work area :

The area highlighted in the below screen shot called WORKAREA. Any application or object information will be displayed in the WORK AREA. This is the place with which user interacts more.
If I click on any link on navigation bar , that particular information will be displayed in the work area. 






Let us discuss each part in depth in next chapters



11 comments:

  1. This is very clear and point to point tutorial, I am very thankful to Mannala P.

    ReplyDelete
  2. Wow, Fantastic~!

    ReplyDelete
  3. its very helpful........:)

    ReplyDelete
  4. Its very easy to understand, really so good.........:-)

    ReplyDelete
  5. Superb tutorial.. thanks for publishing this

    ReplyDelete
  6. Very useful tutorial

    Thanks a lot for this

    ReplyDelete
  7. nice tutorial

    ReplyDelete
  8. Excellent. It would be great, if you can add the concepts like custom genil object creation and saved searches.

    ReplyDelete