今天又搞一天企業(yè)網(wǎng)站，這回是客戶那邊要求重點(diǎn)突出電話，說是要讓訪客一眼就能找到他們，方便聯(lián)系。這活兒說難不難，說簡(jiǎn)單也不簡(jiǎn)單，主要是細(xì)節(jié)多，我來來回回折騰好幾遍，總算弄出個(gè)滿意的效果，來跟大伙兒分享一下我的實(shí)踐過程。

第一步：跟客戶碰頭，摸清需求

我就跟客戶那邊負(fù)責(zé)的人好好聊聊。畢竟每個(gè)公司的情況都不一樣，需求也五花八門。這回的客戶是個(gè)做機(jī)械設(shè)備的公司，他們覺得電話咨詢特別重要，很多客戶都是直接打電話來問的。他們的核心需求就是：電話號(hào)碼必須顯眼！顯眼！再顯眼！

第二步：翻箱倒柜找資料，看看別人家咋做的

解需求后，我就開始在網(wǎng)上到處找資料?？纯赐?、或者其他類似行業(yè)的公司，他們的網(wǎng)站是怎么放電話號(hào)碼的。這一步很重要，能給我提供很多靈感。我發(fā)現(xiàn)，很多公司都把電話號(hào)碼放在網(wǎng)站頂部，或者頁腳的位置，也有的直接在側(cè)邊欄弄個(gè)懸浮的電話圖標(biāo)。

我大概瀏覽幾十個(gè)網(wǎng)站，把一些我覺得不錯(cuò)的樣式都截圖保存下來。這一步做完，我心里大概就有數(shù)，知道自己可以往哪些方向去設(shè)計(jì)。

第三步：動(dòng)手設(shè)計(jì)，反復(fù)調(diào)整

有想法之后，我就開始動(dòng)手設(shè)計(jì)。我先是在紙上畫幾個(gè)草圖，把不同的方案都試一下。然后，我用設(shè)計(jì)軟件把草圖做成效果圖，放到網(wǎng)站上去看看實(shí)際效果。

• 方案一：頂部導(dǎo)航欄。我一開始想的是，把電話號(hào)碼放在網(wǎng)站最頂部的導(dǎo)航欄里，緊挨著公司logo。這樣，用戶一打開網(wǎng)站就能看到。我還特意把電話號(hào)碼的字體加粗，顏色也調(diào)得醒目一些。
• 方案二：懸浮按鈕。我又試試懸浮按鈕的方式，在網(wǎng)頁右下角弄個(gè)電話圖標(biāo)，點(diǎn)一下就能直接撥號(hào)或者復(fù)制號(hào)碼。這種方式的好處是，不管用戶瀏覽到哪個(gè)頁面，都能隨時(shí)找到電話。
• 方案三：頁腳信息。除頂部，我還考慮頁腳的位置。很多網(wǎng)站都會(huì)在頁腳放上詳細(xì)的聯(lián)系方式，包括公司地址、電話、郵箱等等。我覺得，頁腳放電話也是個(gè)不錯(cuò)的選擇，可以和頂部的電話形成呼應(yīng)。

我把這幾個(gè)方案都做出來，給客戶看看?？蛻粲X得，頂部導(dǎo)航欄和懸浮按鈕這兩種方式都挺頁腳也得放上電話。我們決定把這三種方式結(jié)合起來用。

第四步：細(xì)節(jié)打磨，精益求精

方案定下來之后，就是細(xì)節(jié)的打磨。我把電話號(hào)碼的字體、大小、顏色又調(diào)整好幾次，確保在不同的設(shè)備上看起來都清晰、舒服。我還給電話號(hào)碼加個(gè)“點(diǎn)擊撥號(hào)”的功能，方便手機(jī)用戶直接撥打。

我還發(fā)現(xiàn)一個(gè)小細(xì)節(jié)，就是在電話號(hào)碼前面加上區(qū)號(hào)。比如客戶是東莞的，就在電話號(hào)碼前面加個(gè)“0769-”，這樣用戶一看就知道是哪里的電話，避免誤會(huì)。雖然是小細(xì)節(jié)，但我覺得挺重要的，能提升用戶體驗(yàn)。

我把修改好的設(shè)計(jì)稿又給客戶確認(rèn)一遍，客戶很滿意，說這樣設(shè)計(jì)就對(duì)，一眼就能找到電話，他們要的就是這種效果！

這一天下來，雖然有點(diǎn)累，但看到自己的設(shè)計(jì)得到客戶的認(rèn)可，還是挺有成就感的。這回的實(shí)踐也讓我明白，做網(wǎng)站設(shè)計(jì)，不僅要考慮美觀，更要從用戶的角度出發(fā)，解決他們的實(shí)際需求。只有這樣，才能做出真正有價(jià)值的網(wǎng)站。