了解瀏覽者目的
鵠崙設計不只一次強調過移動網路的重要性!現在我們用手機來收集資訊的比例已經超過電腦了,所以我們要了解使用手機的瀏覽者在意的是那些訊息而使用電腦的人又是在意那些訊息。
這邊我拿網拍來舉例。重點是每個產業的瀏覽者類型不同,要站在瀏覽者的立場來編輯網站頁面。
(在拿鵠崙設計來舉例子,我們的客戶最擔心的問題可能是費用如何計算所以我們就在首頁添加了方案價格讓我們的服務流程跟加透明)

網路動線的優化
如果活動的動線不好就會大大影響到活動體驗,瀏覽網站也是我們在的知道瀏覽者進入我們的網站後都在幹什麼嗎?這邊我們就要使用網站分析軟件GA(Google ) 教學細節會放在下方的連結,通過了解瀏覽者的活動邏輯我們就能進一步改善網站的設計邏輯。
這邊我們還是拿網拍來舉例子:瀏覽者先進入了首頁在到商品頁面在退回首頁在進入開箱介紹在回到首頁在進產品頁面購買!這樣太複雜了我們就可以通過連結的方式把它綁定起來優化網站邏輯就可以提高瀏覽品質了。

相關知識推薦閱讀:
Google分析進階教學(二):進階設定運用GA了解客戶
簡化設計但不簡陋邏輯
平面化的設計是我們鵠崙設計一直強調的,原因有兩個:
網路原住民
:現在的人使用手機基本上都10年以上現在的小孩也都人手一機對於手機都操作我們都很了解了所以在我們直覺化平面化就可以清楚表達我們的品牌優點不需要哪些花裡胡哨的功能也不需要下很多的註解來介紹網站的功能。
手機的大小
:手機的確越做越大但是和電腦比起來還是不夠的,所以在設計的時候就要簡化不要讓操作太複雜但是該有的功能不能少,像是文章的導覽功能!一些可以提高瀏覽品質的東西不能少!
觸覺帶動畫面
這篇文章都會講手機瀏覽的細節。
我們用手機的習慣就是直式在滑動的過程中能加入什麼特效吸引瀏覽者的注意力就很重要了。(這邊我們拿Apple官網來做範例)
手機和鼠標不一樣沒有那麼的精準所以在設計分享的按鈕就要放大一點讓操作更加簡單
活用設計的優點
相較電腦手機更加靈活功能多樣。手機上有很多的社交平台可以使用FB、Line等社交軟體分享起來更加方便隨時隨地都可分享。

常見問題
網站設計最常被忽略的細節是什麼?
最常被忽略的是「行動裝置的操作體驗」。許多網站在電腦版設計得很精美,但手機上按鈕太小、文字太密、表單難以填寫。根據 Google 統計,超過 60% 的網站流量來自手機,若手機體驗不佳,訪客通常 3 秒內就會離開。建議設計時優先考慮手機版(Mobile First),再延伸到電腦版,而非把電腦版硬縮成手機版。
如何用 Google Analytics 了解網站訪客的瀏覽行為?
Google Analytics(GA4)提供幾個實用報表:①「使用者流程」可看訪客從哪個頁面進入、在哪個頁面離開;②「網頁和螢幕」報表顯示各頁面的瀏覽次數與平均停留時間;③「裝置」分類可比較手機與電腦的行為差異。建議每月至少查看一次,找出跳出率特別高的頁面,針對性地改善內容或設計動線。
網站動線設計要注意哪些重點?
好的網站動線設計遵循三個原則:①減少步驟——讓訪客從到達頁面到完成目標動作(詢問、購買)的點擊次數不超過 3 次;②清晰的 CTA(行動呼籲)按鈕,顏色對比明顯、文字明確(「立即詢問」優於「點擊這裡」);③消除分心元素,讓訪客注意力集中在核心轉換路徑上,避免無關連結或過多選項造成決策癱瘓。
手機版網站設計和電腦版有哪些不同的考量?
主要差異在於:①操作方式不同——手機用觸控,按鈕至少需要 44px × 44px 以上才夠精準;②螢幕方向——手機以直式為主,設計時要考慮單欄排版;③網路速度——手機用戶常在行動網路下瀏覽,圖片需壓縮優化,頁面載入時間目標控制在 3 秒內;④注意力更短——手機用戶更容易分心,重要資訊要放在「不需捲動」就能看到的位置(above the fold)。
要怎麼知道我的網站設計有沒有達到效果?
可從三個數據指標來評估:①跳出率(Bounce Rate)——若超過 70% 代表訪客進來後很快離開,頁面可能沒有抓住注意力;②平均停留時間——越長代表內容越有吸引力,一般服務頁面目標是 1.5 分鐘以上;③轉換率——詢問數 ÷ 訪客數,若低於 1% 可能是 CTA 不夠清楚或信任感不足。這三個指標都可以在 Google Analytics 免費查看。
結語
手機的普及讓我們的網站也要不斷的變化,更加符合手機獨特的操作邏輯。除了之前有講解過的 RWD網站 以外還有很多的細節在今天我們就列舉了幾個比較重要的點,當然還有很多設計細節需要根據不同企業的特性做出相對應的優化。
當然有任何網頁相關的問題都可以和我們 鵠崙設計 b 聯繫我們會有專人為您服務。