網站有流量,詢問卻沒跟上,我的偏見是:首頁第一屏得先說清楚服務誰、能解決什麼,以及下一步可以按哪裡,再談畫面怎麼表現。這個順序可能讓喜歡視覺驚喜的人嫌掃興,但訪客連自己是不是來對地方都還沒弄懂,我很難期待他光憑一段動畫,就願意留下電話。
想像一間店,玻璃門會變色,招牌慢慢旋轉,門口還飄著一點煙霧。路過的人站了半天,卻不知道裡面賣咖啡、修冷氣,還是只提供拍照打卡。老闆忙著介紹燈光,客人還在找門。場面有點尷尬,像接待員穿得很隆重,上班卻忘了帶嘴巴。
我把首頁第一屏,也就是訪客進站後、還沒往下滑就看見的範圍,當成公司的接待員。手機的櫃台小一點,桌機寬一些,能放的內容不同,接待的工作卻不能全留給下一頁。公司想先展示理念、作品或技術,都有理由;只是這些理由,常常要熟悉公司的人才懂。做設計的人容易高估畫面能替自己說多少話,我也沒資格坐到旁邊當裁判。
價格、需求是否明確、流量從哪裡來,都可能影響詢問,第一屏當然管不了全部。但服務還沒說清楚就追加曝光,我會先替那筆預算捏把汗:花錢請更多人進門,卻沒人回答他來這裡能辦什麼事。我自己也會被光影吸住,看到片頭播完才想起此行的目的。正要找服務說明,畫面又暗了下來,接待員開始重播他的自我介紹。
你在介紹公司,客人在找自己的答案
我的偏見是:網站有人看卻少人詢問,第一屏應該先讓訪客知道這裡服務誰、能處理什麼事,以及接下來可以往哪裡走。理念和願景當然可以說,只是訪客此刻可能只想確認一句:「所以,我這件事你接不接?」公司講得很投入,客人卻還在門口找自己有沒有走錯。
公司名稱回答「你是誰」,產業名稱交代大方向,但「室內設計」四個字,還看不出你接住宅、店面,還是辦公室。我會把服務對象和處理內容寫出來。老闆看了也許覺得太直白,正在找服務的人卻少猜一輪。文案有時就是這麼不浪漫,連謎語都懶得留。
假設有一家室內設計公司,首頁寫著:「以設計,開啟生活的更多可能。」我會試著改成:「替準備開店的餐飲業主規劃廚房動線與用餐空間。」旁邊接一個「查看餐飲空間案例」的按鈕。準備開餐廳的人,一眼就能判斷服務是否對得上,也知道下一步可以看什麼,不必讀完一句口號,再自己出題、自己找答案。
這樣寫,找住宅裝修的人可能就離開了。我倒覺得未必可惜。若首頁把不承接的需求也吸引進來,詢問數字看起來熱鬧,雙方卻還是得花時間確認彼此不合適。我更在意的是,真正對的人看完能不能繼續往下走。至於那句開會時人人點頭的口號,我也會捨不得刪;游標停在上面,手指忽然就很有感情,像在替一位沒被選上的親戚投票。

動畫可以上場,別把櫃台擋住
動畫一動,討論很容易轉向速度、光影與轉場,至於訪客進來要找什麼,反而被晾在旁邊。我也吃這一套,看到漂亮的畫面,常會想再看一次。輪到檢查服務說明時,才發現自己剛才很像接待員,上班上到一半,跑去看櫥窗。
所以我會先問:這段動畫替訪客省了哪一段解釋?產品怎麼操作、零件如何組合,動起來可能比一大段文字清楚,值得留位置給它。可是假如片頭播完才出現服務名稱,訪客就得先等,才知道這家公司跟自己有沒有關係。我捨不得把別人的耐心花在這裡。
有時不用刪掉動畫,只要讓文字先出現,或讓畫面在旁邊繼續播放。訪客讀他的,動畫演它的,想多看的人再停下來。設計能不能成立,我會看靜止的那一刻:少了轉場和音效,眼前還剩下什麼可讀的內容?
這也牽涉到版面怎麼排。標題、說明、按鈕如果差不多大,又各自配上醒目的效果,訪客就得自己挑閱讀順序。我會把服務名稱放到容易先看見的位置,讓說明接在附近;想繼續了解時,視線不用繞過整張畫面找入口。
換到手機上,這些安排更藏不住。一張照片占滿螢幕,服務說明和按鈕可能就被擠到下方。我會試著縮短照片高度,看看能不能把文字帶回來,再決定裁切是否合適。接待員可以穿得好看,總得留個讓人走近問話的位置。

「聯絡我們」也得交代要幹嘛
看懂服務,不代表已經準備好交出電話。「立即諮詢」看似直接,訪客卻可能在想:按下去是填表單、開聊天室,還是會有人打電話來?我想問的明明是合作方式,怎麼手指還沒按,就得先決定要不要接電話。
假設頁面介紹的是需要討論需求才能報價的服務,我會選「填寫需求,詢問合作」,旁邊留一個「查看合作流程」的連結。前者留給已經有打算的人,後者讓還在摸索的人有地方可去。這時把「立即」拿掉,我反而比較安心;那兩個字通常是公司很急,訪客倒未必。
按鈕後面的安排,也得配得上這句邀請。如果表單只需要需求類型與聯絡方式,就在旁邊先說明;送出後由誰接洽、透過電話還是電子郵件確認,也可以提前交代。我比較在意的是,訪客按下去以前,能不能估計這件事有多麻煩。只是想問能不能接案,卻先被要求寫完一份企畫書,難免想把問題收回去。
回覆時間尤其不能隨手寫。頁面答應得很快,實際卻沒人接手,原本只是等候,後來就成了失約。這已經超出按鈕文案能補救的範圍,得回頭看詢問送到哪裡、誰負責回覆。
如果這些都交代清楚,詢問仍然很少,我才會接著查:來的人有沒有這類需求、方案是否合適、表單是否卡住。也得確認那些詢問是不是真的沒進來,還是已經躺在信箱裡。接待員把客人請進門,轉頭卻找不到半個同事,笑得再親切,也有點撐不下去。
先把音樂關小一點
看自己的首頁,我最不放心的,反而是「一看就懂」的感覺。公司做什麼、哪些需求能接,我早就知道了。眼睛掃過幾個字,腦中便把沒寫出來的部分補齊,很容易誤以為訪客也看見了那些內容。
我想做個小實驗:打開自己公司的手機版首頁,手指先別往下滑,只讀眼前的字。讀到「專業服務」,就停在這四個字,不替它補上服務項目;讀到「了解更多」,就看看附近有沒有交代,按下去究竟會看到什麼。
這對老闆有點難,對參與設計的人也一樣。每張照片為什麼選、每句話想表達什麼,心裡都有答案。字幕才出半句,自己已經配完整場旁白,還附導演講評。訪客手上卻只有螢幕,沒拿到我們腦中的那份講義。
如果有一句話,非得靠我在旁邊解釋才聽得懂,我會先試著把解釋寫上去。也許只是補出服務名稱,也許把按鈕改成實際要去的頁面名稱。改完再看,畫面可能少了一點神祕感,我倒會鬆一口氣:至少人不在場時,首頁還能自己接待。
首頁的動畫還在轉,想問服務的人把手指停在螢幕上。那個按鈕寫著「探索更多」。
更多什麼?接待員笑得很親切,就是不肯說。