CLOSE
網頁新知
2021.01.29

網站設計細節有那些?換位思考來優化你的網頁設計!

網站設計細節有那些?換位思考來優化你的網頁設計!

了解瀏覽者目的

鵠崙設計不只一次強調過移動網路的重要性!現在我們用手機來收集資訊的比例已經超過電腦了,所以我們要了解使用手機的瀏覽者在意的是那些訊息而使用電腦的人又是在意那些訊息。

這邊我拿網拍來舉例。重點是每個產業的瀏覽者類型不同,要站在瀏覽者的立場來編輯網站頁面

(在拿鵠崙設計來舉例子,我們的客戶最擔心的問題可能是費用如何計算所以我們就在首頁添加了方案價格讓我們的服務流程跟加透明)

網路動線的優化

如果活動的動線不好就會大大影響到活動體驗,瀏覽網站也是我們在的知道瀏覽者進入我們的網站後都在幹什麼嗎?這邊我們就要使用網站分析軟件GA(Google ) 教學細節會放在下方的連結,通過了解瀏覽者的活動邏輯我們就能進一步改善網站的設計邏輯。

這邊我們還是拿網拍來舉例子:瀏覽者先進入了首頁在到商品頁面在退回首頁在進入開箱介紹在回到首頁在進產品頁面購買!這樣太複雜了我們就可以通過連結的方式把它綁定起來優化網站邏輯就可以提高瀏覽品質了

相關知識推薦閱讀:
Google分析進階教學(二):進階設定運用GA了解客戶

簡化設計但不簡陋邏輯

平面化的設計是我們鵠崙設計一直強調的,原因有兩個:

網路原住民

:現在的人使用手機基本上都10年以上現在的小孩也都人手一機對於手機都操作我們都很了解了所以在我們直覺化平面化就可以清楚表達我們的品牌優點不需要哪些花裡胡哨的功能也不需要下很多的註解來介紹網站的功能。

手機的大小

:手機的確越做越大但是和電腦比起來還是不夠的,所以在設計的時候就要簡化不要讓操作太複雜但是該有的功能不能少,像是文章的導覽功能!一些可以提高瀏覽品質的東西不能少!

觸覺帶動畫面

這篇文章都會講手機瀏覽的細節。

我們用手機的習慣就是直式在滑動的過程中能加入什麼特效吸引瀏覽者的注意力就很重要了。(這邊我們拿Apple官網來做範例)

手機和鼠標不一樣沒有那麼的精準所以在設計分享的按鈕就要放大一點讓操作更加簡單。

螢幕錄製-2021-01-29-下午4.08.05

活用設計的優點

相較電腦手機更加靈活功能多樣。手機上有很多的社交平台可以使用FB、Line等社交軟體分享起來更加方便隨時隨地都可分享。

結語

手機的普及讓我們的網站也要不斷的變化,更加符合手機獨特的操作邏輯。除了之前有講解過的 RWD網站 以外還有很多的細節在今天我們就列舉了幾個比較重要的點,當然還有很多設計細節需要根據不同企業的特性做出相對應的優化

當然有任何網頁相關的問題都可以和我們 鵠崙設計 b 聯繫我們會有專人為您服務。

CONTACT US

想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!