How to Display Address & Tele #

Design & UX
1

In my client’s website, in the header, I created contact info in a very old-fashioned manner like this…

ACME, Inc.
123 Main Street
Anywhere USA
Tele: (800) 555-1212

Looks good, but after doing a demo today, I am wondering if I shouldn’t at least change how the Tele # is handled.

Never having owned a “smart phone”, I am way behind the times. My client showed me today how you can “Click to Call” on modern phones, and asked how we can make that work on his site.

I found an article from Google on how to do this: Google: Click to Call Fundamentals

Here is a screenshot of my page header…

Would it be better to move the Tele # off to the right and make it bigger so it is obvious to potential/current customers on how to call my client?

How would that impact the Address I have now?

And how would you handle the Fax #?

2

Generate code in browser using PHP script!!

3

@CoppolSofia - did you mean to post that in a different topic, as it has nothing to do with the question here.

The question here is about the design and layout of the site.

1 Like
4

@TechnoBear,

So don’t be shy… What do you think is the best thing to do with the Tele #?

5

I’d probably just leave it where it is and add the “click to call” markup to it.

6

I decided to create larger Tele # in the upper right-hand corner and added a box around it so it almost looks like a button.

I also changed the label to “Click-to-Call: 800-555-1212”

Do you think having such a label is too much?

7

It really doesn’t matter how you DISPLAY the telephone number for click to call functionality.
If you make it an anchor with the tel: prefix then it will work in all smartphones.i.e.

Tele:<a href="tel:8005551212">(800) 555-1212</a>

That is the solution I would use.

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.