2015-12-25

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

為行動網站製作完整的專用網站對行動裝置有友善的設計,可以讓使用者在你的網站上停留更久,而且擁有行動版網站,也可以提高行動搜尋的排名。行動網站已是必備,歡迎參考先前的文章:你的網站也行動化了嗎? 避免讓使用者雙指收合縮放畫面設置行動網站的目的就是讓使用著在行動裝置上可以方便瀏覽,此時就不應該再讓使用者需要用雙指收合縮放畫面了,如果讓使用者必須放大畫面才可以閱讀內容,很可能會讓他們漏看了重要訊息、號召性的文字。 讓使用者在同一個瀏覽器視窗上就能完成一切動作避免讓使用者在點選網站連結或號召性文字時開啟新視窗。如果接續的動作都是在網站內部,那就讓使用者在原瀏覽器視窗完成就好,不需另開新視窗,否則使用上會有中斷的感覺。像是點選產品時,不需要另開新視窗,直接在原頁面切換到產品的頁面內容即可。這邊還有要注意的一點是,如果是連到外部的網址,那就必須另開新視窗,才不會把使用者引導到外部網站去,找不回原來的網站頁面。 避免使用「完整版網站」字詞有些網站會放上切換不同版本網站的連結,如果使用「完整版網站」這個字詞時,會使得使用者假設行動版網站的內容是簡化版本、擁有不完整的資訊。因此建議使用「電腦版網站」來替代「完整版網站」這個字眼,告知使用者兩個版本的網站都提供完整服務。(圖片來源:博客來行動版網站)以網站設計來說,即便是再微小的改變,只要是對於使用者來說是順暢、良好的使用體驗,那就一定要把握每一個細節,設計完善的行動網站,相信一定會有所回饋。以上解說案例是來自於365Shop的 Coleman 戶外露營第一品牌。更多文章推薦:行動網站設計原則 - Part1 首頁與網站瀏覽行動網站設計原則 - Part2 產品頁面行動網站設計原則 - Part3 登入與帳戶資訊行動網站設計原則 - Part4 交易與轉換行動網站設計原則 - Part5 表單輸入方式

more
2015-12-09

行動網站設計原則 - Part2 產品頁面

在購物網站當中,產品的呈現頁面相當重要,可說是決定使用者購買與否的關鍵。 在產品頁面推薦更多相關產品點進單一產品的介紹頁面,所提供的資訊不能只有單一個產品,一定要提供其他相關產品,讓消費者有更多的選擇,這也是引導消費者可以在你的網站上多停留,能夠多瀏覽產品的方式。 提供藉由 Email 或社群網站分享產品訊息的選項產品也要和社群有緊密的結合,在產品頁面上放上分享產品的選項,讓產品有更多的曝光機會。 提供商品評論區供使用者瀏覽並留下評論根據尼爾森的調查,約有七成的消費者「喜歡在購買商品前先閱讀網路評論」,所以說消費者的真實回饋,可是很重要的購買參考依據,就讓消費者自動為你的好產品打廣告吧! 提供產品相關促銷訊息在購物網站都會舉辦一些促銷的活動,此時在產品頁面上,一定也要放上相關的促銷活動訊息,不僅做到活動提示的功能,也可以引導消費者做更多的購買。 以上解說案例是來自於365Shop的 精選案例 - 寶藝 BoSkin 網路熱銷人氣品牌。更多文章推薦:行動網站設計原則 - Part1 首頁與網站瀏覽行動網站設計原則 - Part3 登入與帳戶資訊行動網站設計原則 - Part4 交易與轉換行動網站設計原則 - Part5 表單輸入方式行動網站設計原則 - Part6 便利性及裝置外觀尺寸

more
2015-12-04

行動網站設計原則 - Part1 首頁與網站瀏覽

因應智慧型手機的成長,使得行動網站的設計不得不提升與優化,友善的行動網站設計才可以留住消費者。 在先前分享的文章  你的網站也行動化了嗎?,當中分享了 Google 針對行動版網站的提供的相容性測試。 而本系列文章也要根據 Google 的多螢幕網站攻略中,所分享的行動網站設計原則,挑選一些項目來和大家分享。 行動網站設計原則- Part1 首頁與網站瀏覽  將使用者直接導入手機版網頁 當使用一進到網站的時候,千萬不能再出現,直接把電腦版的網頁畫面,原封不動的搬到手機上這樣的錯誤了! 也不要讓使用者一進入網站看到的是電腦版,還要手動點選切換成手機版模式,會降低使用者繼續逛網站的意願。 所以一定要確保網站會自動調整成不同螢幕尺寸該有的版面配置。 將選單至於首頁顯眼處,並保持選單精簡有力 提供回到首頁的捷徑 提供點選LOGO就可以回到首頁的捷徑,是方便使用者返回首頁很好的做法,雖然微小卻很必要的細節。  把站內搜尋功能放置在顯眼位置 一展開選單就可以看見搜尋框在最上方顯眼的位置,並用顏色等樣式做到醒目的設計,讓使用者可以快速找到。  以上解說案例是來自於365Shop的 精選案例 - Aigle 法式百年經典膠靴。更多文章推薦:行動網站設計原則 - Part2 產品頁面行動網站設計原則 - Part3 登入與帳戶資訊行動網站設計原則 - Part4 交易與轉換行動網站設計原則 - Part5 表單輸入方式行動網站設計原則 - Part6 便利性及裝置外觀尺寸

more