蝦咪!不是RWD(網站舊翻新案例介紹)

蝦咪!不是RWD(網站舊翻新案例介紹)

We Are Social和Hootsuite兩大網站共同發布「2017全球網路使用調查報告」,報告指出,使用網路的人口數已經超過全球人口的一半,「網路」早已成為人們生活中不可或缺的部分。
報告中,不只提到網路的蓬勃發展,也提出數個網路時代的里程碑:
全球超過三分之二的人擁有手機
超過一半的全球人口使用智慧型手機
超過一半的全球網路流量來自手機
超過五分之一的全球人口在過去三十天內有過網路購物的經驗
[su_highlight background=”#fefa41″]網路使用者成長速度激增,超過一半以上的網頁流量都來自智慧型手機[/su_highlight]

資料來源

換句話說,要是您的網站還無法讓行動用戶舒適瀏覽,就等於拒絕了一半以上的流量。
如何讓行動用戶(使用智慧型手機或平板電腦)舒適瀏覽呢?
將網站改為RWD響應式網頁設計是首選,請參閱:為何非使用RWD響樣式網頁設計不可?
若您不知道如何判斷自己的網站是否可以讓行動用戶舒適瀏覽,請將您網站的網址貼到responsive design test測試即可得知結果。
今天這篇貼文要向各位介紹網站改版RWD網站的案例,改版前在responsive design test測試的結果如下,平板電腦與智慧型手機的畫面是一片空白,或網頁右邊局部被切掉,表示這個網頁設計是無法讓行動用戶舒適瀏覽的意思。

除了改成RWD(Responsive Web Design)響應式網頁設計之外,在其他方面也做了許多改善。
«首先»
在頁首(Header)增加固定選單(fixed menu)功能,讓訪客靠固定選單(fixed menu)可以隨時前往想要閱讀的頁面,用戶體驗加分!

 
«其二»
在頁尾(Footer)追加滾動到頁面最上方的“scroll to top”功能,訪客可以隨時回到頁首的網站導覽再繼續瀏覽其他頁面,用戶體驗加分!
 
«其三»
改版前的網站,沒有下拉選單功能,只能利用“側欄選單”顯示“子選單”,“子選單”內尚有細項分類,若要瀏覽細項分類的內容,就必須翻頁才能閱讀。
改版後的網站,有[su_highlight background=”#fefa41″]下拉選單功能[/su_highlight],子選單內的細項分類再以”頁籤“顯示,訪客就可以在同一頁面閱讀所有內容,用戶體驗加分!

 
«其四»
使用WordPress架設網站,從今以後客戶可以修改網頁內容,新增網頁,投稿最新消息,自行操作基礎SEO
請參閱:WordPress的搜尋引擎優化(SEO)入門指南
 

蝦咪!不是RWD(網站舊翻新案例介紹)


案例:http://littlesunshinepedo.com
•RWD響應式網頁設計
•英/中文繁體多語系網站
•WordPress後台管理
•[su_highlight background=”#fefa41″]製作時間短,製作費更便宜[/su_highlight]
您的網站是否該改版呢?請參閱:我的網站是否該更新呢?網頁設計二三事