User Interface and Branding

In this blog we will learn about user interface and branding

User Interface

In this section we will learn about elements of ServiceNow UI, how role based access works, Application Navigator, favorites and navigation.

When you access ServiceNow URL then you will get ServiceNow login screen where you need to enter username and the password once you login you will see the native interface of ServiceNow. This native interface shows different elements and functionalities.

I have logged in as an admin and I’m able to see all the applications of the platform which are allowed for admins so you can see in the left hand side I’m able to see almost all the applications wherever allowed for admins

ServiceNow UI Version

ServiceNow has two UI versions UI 16 and UI 15 users can switch between these two versions as per their personal choice.

                                    U16                                                                     UI15

In order to switch between these two versions you can click on the settings on the right top and then you will see a pop up on the right top of this pop up you will see switch to UI 15 button when you will click this button you will be able to change the UI version and this version will be changed to UI 15. this is UI 15 now you can also change back to UI 16 with the same options so you have to click on settings you will see this option switch to UI 16 once you will flick that you will go back to UI 16 now it depends on the user what kind of UI you will you want to work upon so if you like us 16 you can work on you and 16 if user wants to work on UI 15 they can work on UI 15 as well.

UI elements

Servicenow’s main screen is divided into four UI elements banner frame which appears at the top of every page and contains the logo, user menu, system settings and global search.  application navigator which provides easy access to applications and modules of ServiceNow instance. Third is content frame which shows the information of application or module selected you will see form list and other pages in content frame.

So this is how the screen is divided into different elements there is one more element and that is the fourth element of ServiceNow UI that is called edge. However it is not visible in UI 16 and it is available in UI 15 so in UI 15 you still have all other three elements however there is an additional element that is called edge.

Banner Frame

 Let’s see the components of banner frame on the left top you have company logo and name of the instance. As an example you can see here we have ServiceNow logo and the name of the instance is service management.

On the right top we have user menu once you will click on user menu you will see more options like profile which shows the details about the user, then you have impersonate user which enable other user view, then we have elevated roles which will elevate the role for logged in user and the last option is logout.

Now beside user menu you also have global search icon. If you want to do any kind of search on the platform, you can do with the help of this global search icon. Then we have chat, help and settings.

Application Navigator

Application Navigator is at the left head side of the screen you can navigate to different applications and modules in ServiceNow.

Application Navigator elements

Application Navigator has also three different elements first is all applications tab where you can navigate all applications available to the user as per the access. Then we have favorites tab which shows all the applications and modules marked as favorite via a star button beside the applications and modules. And last we have history tab which shows the items which we have recently visited that means the logged in user whatever items whatever elements he has visited recently those things will be visible in history tab.

Branding overview

Branding is something you need to configure your instance to identify as per your company let me show you in my personal developer instance this is my personal developer instance if you are working for an organization then how would you know that ServiceNow instance is associated with your company. you should have logo and instance name so that you can recognize your company’s instance. maybe the color theme as well, so branding can be done in ServiceNow in various ways let me show you how exactly you can do this configuration for changing the branding for your service now instance.

 In order to do this branding you need to go to UI 16 configuration for that just type UI 16 in filter application navigator and you will see this module under system properties that is basic configuration UI 16.

once you will click that module you will see the configuration the branding for UI 16 version of your instance you can see here we have this image banner image, which is showing here and then you have the name that is service Management. You can customize the Banner image and name as you wish.

You also have some other configurations for color background, how exactly the date should be in serviceNow. the date format, time format that is something you can do here. You can also change some more settings some more configurations like welcome page configuration.

Welcome page content so you will click this button, under system UI. This welcome page content and you will find some kind of configurations over here. if you want to change the configuration some settings for welcome page you can also do that with the help of those modules I just showed you so the overall branding you can change as per your business requirement as for your company’s requirement.


I hope above article provides you required such as what is servicenow user interface and branding and how to we can access customize serviceNow instance. What are the options available to customize the instance in Servicenow. if you are looking for ServiceNow  tutorials on some others topics then you can explore this website for the same. Thank you!!! Good Luck.

0 CommentsClose Comments

Leave a comment

Newsletter Subscribe

Get the Latest Posts & Articles in Your Email

We Promise Not to Send Spam:)