1 of 29

Search Function #1

2 of 29

User can find the search function under the “Academic Integrity at UBC” logo

Home screen

3 of 29

User can type the “integrity” in search function

Type the key word

4 of 29

After they type in the search function and hit the button, then they will get to this page

Move to the page

5 of 29

Search Function #2

Another way to use the search function

6 of 29

This is home page. User can see the icon called hamburger that located on the sidebar

Home screen

7 of 29

User can find the another search function that located on the top in the sidebar

Click the hamburger icon: Sidebar show up

8 of 29

User can type “integrity” into the search function

Type the key word into search function

9 of 29

After user hit the enter then they go to the integrity page

Move to next page

10 of 29

Hover Tips

11 of 29

Users can hover over the button called “student start”

Homepage

12 of 29

If users hover over the “student start” button, then they can see the sub-heading under the button

Hover over the button called “student start”

13 of 29

They also can hover over the another subheading

Hover over the subheading

14 of 29

When the user hovers the mouse over the subheading, an image representing that page appears.

The image of the page is displayed

15 of 29

When a user clicks on a subheading, he or she goes to that page.

Move to the next page

16 of 29

Chatbot

17 of 29

Below the homepage is a circle icon representing a chatbot

Home screen

18 of 29

When the user taps the chatbot, a loading page appears at the bottom of the screen.

Loading chatbot chat window

19 of 29

The user presses the chatbot and after a second or two receives a message from the chatbot saying "How can I help you?"

Message on the screen from Chatbot

20 of 29

The user can press exit by clicking on the three dots at the top

Click the three dots located on the top

21 of 29

When the user clicks Exit, the evaluation page appears. If the user clicks Exit again, the chatbot message window disappears.

Close the message window

22 of 29

Chatbot #2

Another way to use the chatbot

23 of 29

Users can click the hamburger-shaped icon in the sidebar.

Home screen

24 of 29

Users can click on the icon to bring up a menu in the sidebar and click "contact us" below it.

Click the “contact us” button

25 of 29

In "contact us", there are e-mail and chatbot, and the user just presses the chatbot.

Click the chatbot

26 of 29

When the user presses the "chatbot" button, a loading chat window is displayed in the bottom left corner.

Appears at the bottom of the chat room loading screen

27 of 29

After 1-2 seconds, the user will see a message in the chat room saying "How can I help you" from the chatbot.

A message from the chatbot appears in the chat window

28 of 29

Users can press the 3 dots at the top or the x at the bottom to exit the chatbot.

Click on the 3 dots at the top

29 of 29

When the user clicks Exit, the chat evaluation appears, and if the user clicks Exit once, the chat window disappears.

Close the chat window