This is the transcript for 'How to use links, hyperlinks and buttons with Google Slides' video.
Speaker 1:
In this video, we'll be exploring some of the functions and technical ways that app and web designers present their information and allow users to navigate through their app or site. It's common for designers to build a prototype, which is a trial product or model built to test their product created before they build the app or site itself. It's a prototype that they present to clients to approve the build. So it's an important part of the process.
Speaker 1:
Your challenge is to create a prototype using this video to guide you. Once you have your topic, you can plan how the information presents and how users can navigate around your app or site.
Speaker 1:
So first, let's look at what is a link or a hyperlink. A link is a web address that allows a user to jump from one location to another. And if you type the full address, http://google.com on a slide, it becomes a link, and when clicked on, it takes you to the Google website. Whereas a hyperlink allows a user to move from one page or slide to another. It can be an object, icon, text, or picture. And when you click on the object, it takes you to a specific page or location. Hyperlinks can be internal or external to Google Slides.
Speaker 1:
To create a user friendly app or slide, buttons can be created using shapes, icons, images, or symbols. We add hyperlinks to buttons to trigger actions. So when a user clicks on a button, it will be easy to navigate to an exact page or place in Google Slides.
Speaker 1:
Now let's look at how to insert a hyperlink. To do this, click on the shape, click on insert, and then click on link. Select from the listed options or type the word slide into the search bar and select the slide number you want the button to navigate to. Slide one will be my homepage. You can see I've created buttons that not only tell me what the content is in the app, but when clicked, they will navigate the user to a slide that contains more information about that content.
Speaker 1:
To create another button, I click insert, shape, and arrows. I then click and drag on the slide to create the shape. I can edit the button so that it matches the other buttons by changing the color. And I double click on the shape and a cursor will appear to add text.
Speaker 1:
Now, let's use an image as a button. Go to the appropriate slide, click insert, select image, and search the web. When using Google applications like Slides or Forms at school, an internal Google search appears as a sidebar. The search bar accesses creative commons material. This means that it is material in a public domain, allowing anyone to copy and use it non-commercially. Type what you are looking for and click enter.
Speaker 1:
Because I have a black background, I'm going to select an icon that is a different color. Click on the icon and select insert. The icon will appear on your page. To resize the object, place your mouse on the little squares which are called handles and drag them in and out to resize it. And click and drag the icon to reposition it.
Speaker 1:
At the bottom of each slide, I have placed three icons: the left arrow, the home icon, and the right arrow. These icons will allow the user to easily navigate between slides. The left arrow will take the user to the previous slide. The home icon will take the user to the first page. The first page will be the homepage. And the right arrow will take the user to the next page. I need to ensure that each icon has a hyperlink.
Speaker 1:
The arrows are shapes, so I can right click on the arrow, click link, and I'm going to type previous, P-R-E, for previous slide and click apply. The home icon, I'm going to click on the icon, click insert, as it's an image, and click link and say first slide. And for the right arrow, I can right click, press link and say next slide.
Speaker 1:
Once you have added all the links, they then need to be tested. To do this, click present in the top right. Then explore the app by clicking on all the links to make sure that each link takes you to the correct slide. I can click on the home icon, go back to the first page. I can click on buttons and it takes me to the page about buttons. I can click on previous and I can see it takes me to hyperlinks. I click on home, I'm back to the first page. If I click on page ideas, it takes me to the page ideas, which I need to finish putting the content in.
Speaker 1:
Thanks for joining in. Now you can create your app prototype, but this time you can put your own information in.
[End of transcript]