網店設計 2019 強調優化用戶體驗,佈局更靈活
網店設計 2019 年有什麼新趨勢?用戶體驗永遠是王。優化用戶體驗的重點是移動設備,因為移動設備的市場份額越來越大。當建立網店變得愈來愈容易,今年強調是佈局的靈活性和管理的效率,必須能夠由編程外行人輕鬆完成。下面讓我們看看現代模板如何實現這些功能。
- 產品滑鼠放大鏡功能
- 具有橫向 Mega Menu
- 內置博客 Blog 功能
- 鼠標懸停 Mouse Hover 圖像切換
- 快速顯示產品詳情功能 Quick View
- 右邊顯示Facebook窗口及自定義窗口
- 可跟據產品分類顯示最新產品功能
- 產品特價 Deals 倒數計時功能
- Deal of the day 功能
- 自定義 Welcome HTML 彈出窗口
- 頂部選單鎖定 Sticky Menu
- 支持目錄模式 Catalog Mode
可視化編輯器 Visual Editor,頁面佈局更靈活
最新模板多了一個佈局 layout 的選項。取代原來標準網店的版面設計。設定佈局工具是一個類似 WordPress Visual Editor 的工具,用戶可以加入行 rows,列 columns, 設定列的闊度,拖拉行和列變動位置等等。
然後就是在列裏面選擇你要加入的模組。模組就是一些預置功能模塊。模組可以是:顯是博客的最新文章、加入一個登記註冊通訊的模塊、圖庫展示、最新產品、最暢銷產品、最多瀏覽產品、特價產品等等。加入模組,然後設定模組裏面的參數。
用戶可以為每一個加入的模塊名命,名命模塊會自動相應加入在模組選單下面。這樣的做法方便重複使用已定義的模範,例如:在主頁裏邊你加入定義最新產品的模塊後,在分類業中你可以重複使用已定義的最新產品模塊。
提升用戶體驗
大多數增強功能都與移動用戶體驗 Mobile User Experience 有關。以下是更詳細的說明:
1. 粘貼形式固定加入購物車、收藏、分享、比較按鈕
例如前台下單的過程變得更簡單。在產品頁面中,手機版的設定為將 “加入購物車”、”收藏”、”分享”、”比較”、”分享產品的資訊” 等等的選項以粘貼形式固定在產品頁面的底部。當產品內容上下移動瀏覽時,用戶仍然可以快速點擊 “加入購物車” 或者 “分享產品的資訊” 按鈕。如果產品牽涉購買選項設定,會自動彈出窗口讓買家選取選項,允許客戶快速下單。
2. 篩選功能切換顯示/隱藏在手機的左側
篩選功能 Filtering 更方便。當篩選功能可以應用時,在頁面上會出現一個小小的篩選視窗,用戶點擊後會在頁面左邊打開視窗,列出詳細篩選選項,例如:價格、屬性、選項等等。更清楚更快捷。篩選功能不僅對於擁有大量產品的商店搜索產品重要,篩選功能改善平均頁面查看時間,對 SEO 優化產生積極影響。。
3. 產品頁面佈局更靈活
在產品頁面中自由設定描述、規格、點評等跳位的位置、可以放在產品主圖的下面或者產品主圖的右邊。例如,對於諸如書籍之類的產品,一般在產品主圖旁邊列出產品屬性 (例如作者,出版商,版本等) 更方便用戶查看。
產品頁面您可以輕鬆調出自定義彈出窗口提供更多有關信息,例如賣衣服時提供尺寸表或提交表單發問。
網店設計 B2B 的功能
例如前台店面分類頁中快速批量選購。無須跳進產品頁面,可以在直接在分類下的產品列表中輸入需要下單的數量,然後直接加入購物車。如果產品牽涉購買選項設定、會自動彈出窗口讓買家選取選項。
了解更多關於網上商店。