2015-12-25

行動網站設計原則 - Part6 便利性及裝置外觀尺寸 Category: 行動網站

<原則一> 為行動網站製作完整的專用網站

對行動裝置有友善的設計,可以讓使用者在你的網站上停留更久,而且擁有行動版網站,也可以提高行動搜尋的排名。
行動網站已是必備,歡迎參考先前的文章:你的網站也行動化了嗎?


<原則二> 避免讓使用者雙指收合縮放畫面

設置行動網站的目的就是讓使用著在行動裝置上可以方便瀏覽,此時就不應該再讓使用者需要用雙指收合縮放畫面了,如果讓使用者必須放大畫面才可以閱讀內容,很可能會讓他們漏看了重要訊息、號召性的文字。


<原則三> 讓使用者在同一個瀏覽器視窗上就能完成一切動作

避免讓使用者在點選網站連結或號召性文字時開啟新視窗。
如果接續的動作都是在網站內部,那就讓使用者在原瀏覽器視窗完成就好,不需另開新視窗,否則使用上會有中斷的感覺。
像是點選產品時,不需要另開新視窗,直接在原頁面切換到產品的頁面內容即可。

這邊還有要注意的一點是,如果是連到外部的網址,那就必須另開新視窗,才不會把使用者引導到外部網站去,找不回原來的網站頁面。


<原則四> 避免使用「完整版網站」字詞

有些網站會放上切換不同版本網站的連結,如果使用「完整版網站」這個字詞時,會使得使用者假設行動版網站的內容是簡化版本、擁有不完整的資訊。
因此建議使用「電腦版網站」來替代「完整版網站」這個字眼,告知使用者兩個版本的網站都提供完整服務。

(圖片來源:博客來行動版網站)

以網站設計來說,即便是再微小的改變,只要是對於使用者來說是順暢、良好的使用體驗,那就一定要把握每一個細節,設計完善的行動網站,相信一定會有所回饋。

以上解說案例是來自於365Shop的 Coleman 戶外露營第一品牌

更多文章推薦:
<行動網站設計原則系列文章>
行動網站設計原則 - Part1 首頁與網站瀏覽
行動網站設計原則 - Part2 產品頁面
行動網站設計原則 - Part3 登入與帳戶資訊
行動網站設計原則 - Part4 交易與轉換
行動網站設計原則 - Part5 表單輸入方式

返回列表