User Experience (UX) & Customer Journey - the practical tutorial

Location icons and phone numbers for a better user experience

All videos of the tutorial User Experience (UX) & Customer Journey - the practical tutorial
Matthias Petri
By Matthias Petri Last updated on

If your company operates locally and wants to receive customers on site, certain elements are crucial for the user experience on your website. The Location icon and a well-placed phone number can make all the difference. These two elements give your visitors the opportunity to find you more easily and get in touch with you directly.

User Experience & Customer Journey: 09 | Location icon and telephone number

The video is only loaded from YouTube when you play it – data (including your IP address) is then transmitted to YouTube/Google. More in the privacy policy

Key Takeaways

  • Location icons are essential for orientation.
  • Phone numbers should be clickable to simplify contact.
  • Maintain visibility of the phone number, even in the mobile menu.

Step-by-Step Guide

1. Add Location Icon

One of the main goals is to facilitate your customers' journey to your location. Start by integrating a Location icon into your navigation. This icon should be directly linked to Google Maps. This way, your visitors can easily find the route to your company.

Location icons and telephone numbers for better user experience

To promote on-site visits, the icon should be placed in a way that catches the eye immediately. During your web design process, ensure that the Location icon appears prominently in the navigation. A good example is the tool sharpening shop Hesselkamp. Here, the icon is clearly visible, and customers can easily access it.

Location icons and phone numbers for a better user experience

2. Display Phone Number

Next, it is crucial to prominently integrate a phone number on your site. This is especially important if you want customers to be able to contact you quickly and easily. The phone number should be placed at the top of your website and be clickable for users to call directly.

Integrating a clickable phone number is crucial for the user experience on mobile devices. Customers can simply tap on the phone number and the call will automatically start, without having to type the number. This enhances the accessibility of your company and facilitates contact.

3. Visibility of Phone Number in Mobile Views

Another important point is the visibility of the phone number in mobile views. It often happens that the phone number disappears in the mobile menu when the regular menu is tidied up. This should be avoided, as the phone number should always remain visible, even when the menu is collapsed in the mobile view.

Location icons and phone numbers for a better user experience

Check your mobile layout to ensure that the phone number always remains visible at the top of the page. This is especially important because the phone number is one of the most important "Calls to Action" on your site.

Location icons and telephone numbers for a better user experience

Summary

Implementing Location icons and clickable phone numbers is crucial for the user experience on your website. These elements ensure that customers can navigate more easily and contact you effortlessly. Be sure to keep the phone number visible at all times, especially in the mobile view, to ensure smooth contact with potential customers.

Frequently Asked Questions

How do I add a Location Icon to my website?Add an icon to the navigation and link it to Google Maps.

Why is a clickable phone number important?A clickable phone number allows users to call you immediately without having to type the number.

How do I prevent the phone number from disappearing in the mobile menu?Ensure that the phone number always remains visible in the mobile layout.

Matthias Petri
Trainer About Matthias Petri Matthias Petri founded the agency 4eck Media GmbH & Co. KG together with his brother Stefan Petri in 2010. Together with his team, he runs the popular specialist forum PSD-Tutorials.de and the e-learning portal TutKit.com. All courses by Matthias Petri