分享本文給好友:

最近,常有人問我有關網站設計的事情。無論是官網改版,或是想要打造一個嶄新的網站、部落格,不只是網頁要設計得美輪美奐,其實還需要注意很多的細節。如此一來,才能順利達成首頁「吸睛」的目的。

在我看來,首頁「吸睛」的重點不僅僅在於美好的視覺設計。說到網站設計的議題,剛好上禮拜我有幸應前全球人壽董事長劉先覺先生之邀,去參加FinTech新網站「好險網」的開幕記者會。其實,我對這個網站有很深的期許,所以這幾天只要一有空,就會不時觀察這個新網站。

在這裡,我就以「好險網」為例,來跟大家分享有關網站首頁設計的二三事。

PHEW!在英文有「好險」的意思,取其英文翻譯也結合了中文「好的保險」,「好險網」就是要讓您隨時上來都有一個好的Phew! 有好的保險的絕佳建議,無論是業務銷售、團隊經營,甚至是個人生活的體驗,您不須在其它媒體、在其它網路、在資訊爆炸的世界裡大海撈針,只要動動手指,上了「好險網」,隨時隨地,無時無刻、都能獲取新知、提升自我競爭力,增加軟實力,同時找到同業之間彼此心靈的共鳴!

顧名思義,「好險網」係為廣大的保險從業人員所量身創建,希望藉由數位科技的力量,提升臺灣保險從業人員的競爭力。不過,當我連上這個網站時,老實說,第一眼看不到什麼重點。只見到一個名為「十萬伙集」的活動,正在招募業務員組隊參加。

舉辦活動當然是好事,只是除了把文案寫得很誘人之外,更應該把相關說明寫得更清楚一點兒,不要讓人額外花時間解讀。試想,如果我是一個對「好險網」感到好奇或有興趣的網友,甚至如果我本身就是一個保險業務員──那麼,我肯定會更想知道這個網站的特色,究竟可以提供哪些服務或是好康?加入會員之後,對我會有哪些具體的幫助?

好險網網頁「第一屏」(使用者在不捲動瀏覽器右側捲軸的情況下,所能看到的第一個畫面)的重要性可說是眾所週知,負責營運網站內容的團隊應該正視這個「黃金版位」,設法讓訪客儘快抓住重點,甚至拋出一個鉤子來鉤住這些潛在用戶。

網站首頁也應該有清楚的動線規畫,並且提供給人以及給Google等搜尋引擎看的兩種版本的網站地圖(Site map)。在目錄選單的部份,也應該讓人一目了然,可以迅速得知此網站到底有哪些單元?又提供了什麼類型的服務?但以「好險網」來看,即便我已經知道這是一個以保險業務員為主要客群的保險資訊網站,卻還是很難在短短幾秒內掌握到這個網站的重點。

再談到跨平臺的考量,我留意到「好險網」有針對智慧型手機、平板電腦等行動裝置做響應式網頁設計(RWD),這一點值得鼓勵。不過,記者會當天我用自己的iPhone手機瀏覽網站時就發現了,「好險網」的網頁雖然符合行動裝置的瀏覽,整體看起來也算美觀,但很可惜的是並沒有凸顯主打的服務與強項,恐怕難以有效黏住訪客的眼球。

此外,網站的設計也需要注意整體顏色、風格的搭配,過濾掉不必要的元素或太花俏的設計。誠然,每個人的喜好與觀感不一,也許有些朋友會喜歡「好險網」的風格,但個人以為他們應該主打專業形象;而現在映入眼簾的這個網站,設計風格有點太過年輕、活潑化,無法讓人能夠與好險網科技股份有限公司的企業形象,乃至於劉創辦人這樣一位保險產業的資深前輩產生連結。

簡單總結一下,我認為比較好的網站首頁設計,應該重視這幾件事,包括:

  1. 明確告知網站的旨趣和服務的項目。
  2. 提供具體的聯絡窗口和聯繫方式。
  3. 提供豐富的內容與資訊,並時常更新。
  4. 不可以有錯別字,要使用正確的標點符號。
  5. 網頁要有良好的動線規畫與指引。
  6. 建立和企業或個人形象一致的設計風格。
  7. 注重使用體驗,提供訪客必要的協助。

 

以上,跟大家分享我的一些看法。其實,Connection Today這個共筆網站同樣也成立不久,還有許多地方需要改進。嗯,讓我們一起努力吧!

 

★ 責任編輯:鄭緯筌

 

 

 

臺灣新竹市人,目前定居臺北,擔任專欄作家、企業講師與網路顧問。曾任風傳媒產品總監、《數位時代》雜誌主編與APP01網站總監等職務,長期關注網路、科技、文創與公益等領域。如有商業合作機會或需要提供顧問諮詢之服務,歡迎與我們聯繫
分享本文給好友: