移动电子商务网站可用性-搜索结果和分类页
2013-05-02 20:17
661 查看
原文链接: http://www.getelastic.com/mobile-search-category-pages/
This is the second installment of a 4 part series on mobile commerce design and usability:
Part 1: Home Pages and Navigation
Part 2: Search and Category Pages
Part 3: Product Pages and Cart Summary
Part 4: Forms and Checkout
This series is based on a review of 10 mobile ecommerce sites: Best Buy, Target, Sephora, Moosejaw (old and new design), Barnes and Noble, Amazon, Sears2Go, Ralph Lauren and Tickets.com. (Links point to mobile versions of each site)
As I mentioned in Part 1: Home Pages and Navigation, some sites like Best Buy and Barnes and Noble offer keyword search without a category browse option. If you take this approach, make sure your site search handles typos and synonyms well – it’s even easier to misspell words with tiny keyboards and touch screens than regular computers. Search autocomplete, like the iTunes Store is helpful.
Placement
Many sites show search boxes on every page, like a regular ecommerce Web site.
Best Buy numbers its results for easy selection with a keypad, and chooses not to show thumbnail images (faster loading screen). A potential problem is its default results – if there are 200 results and they’re sorted by price, the lower priced accessories may be shown for the first few pages because they’re a keyword match and sorted by price – for example, HDTV cables mixed with HDTVs.
Sears offers more options. You can filter search results further by category, or use sort-by price, ratings, keyword relevance and popularity. This is really helpful:
Because some devices don’t have “Back” buttons, providing a link back to search results is recommended. Unfortunately Sears does not support this.
Minimizing Clicks
Include stock availability (both in-store and online) and price in your category listings, this saves the user clicks and page loads and improve the shopping experience. If you offer in-store pickup, indicate which products are eligible. Sears even includes when products are available from sister-stores:
Amazon has a nice-to-have feature where you can add an item to cart or wishlist right from the category or search result page (on the iPhone, touch the arrow to expand the listing and display the buttons). This saves page loads for “hunters” who know exactly what they want and don’t need to see a description.
What’s Clickable?
Make sure image thumbnails are “clickable.” Moosejaw’s old design was confusing, the only thing clickable was the item title:
Whether or not to show thumbnail images and star ratings in search results is up to you — they decrease page load speed but help customer make a selection from search or category. Best Buy chooses not to show thumbnails, which makes sense for many of its large products which are hard to see in thumbnails anyway. If you don’t show thumbnails, make sure there is enough space between results for touch screen users’ fingers.
This is the second installment of a 4 part series on mobile commerce design and usability:
Part 1: Home Pages and Navigation
Part 2: Search and Category Pages
Part 3: Product Pages and Cart Summary
Part 4: Forms and Checkout
This series is based on a review of 10 mobile ecommerce sites: Best Buy, Target, Sephora, Moosejaw (old and new design), Barnes and Noble, Amazon, Sears2Go, Ralph Lauren and Tickets.com. (Links point to mobile versions of each site)
Search
Error HandlingAs I mentioned in Part 1: Home Pages and Navigation, some sites like Best Buy and Barnes and Noble offer keyword search without a category browse option. If you take this approach, make sure your site search handles typos and synonyms well – it’s even easier to misspell words with tiny keyboards and touch screens than regular computers. Search autocomplete, like the iTunes Store is helpful.
Placement
Many sites show search boxes on every page, like a regular ecommerce Web site.
Search Result and Category Pages
Sort OptionsBest Buy numbers its results for easy selection with a keypad, and chooses not to show thumbnail images (faster loading screen). A potential problem is its default results – if there are 200 results and they’re sorted by price, the lower priced accessories may be shown for the first few pages because they’re a keyword match and sorted by price – for example, HDTV cables mixed with HDTVs.
Sears offers more options. You can filter search results further by category, or use sort-by price, ratings, keyword relevance and popularity. This is really helpful:
Because some devices don’t have “Back” buttons, providing a link back to search results is recommended. Unfortunately Sears does not support this.
Minimizing Clicks
Include stock availability (both in-store and online) and price in your category listings, this saves the user clicks and page loads and improve the shopping experience. If you offer in-store pickup, indicate which products are eligible. Sears even includes when products are available from sister-stores:
Amazon has a nice-to-have feature where you can add an item to cart or wishlist right from the category or search result page (on the iPhone, touch the arrow to expand the listing and display the buttons). This saves page loads for “hunters” who know exactly what they want and don’t need to see a description.
What’s Clickable?
Make sure image thumbnails are “clickable.” Moosejaw’s old design was confusing, the only thing clickable was the item title:
Whether or not to show thumbnail images and star ratings in search results is up to you — they decrease page load speed but help customer make a selection from search or category. Best Buy chooses not to show thumbnails, which makes sense for many of its large products which are hard to see in thumbnails anyway. If you don’t show thumbnails, make sure there is enough space between results for touch screen users’ fingers.
相关文章推荐
- 移动电子商务网站可用性-首页和导航
- 电子商务网站搜索架构方案(lucene.net搜索架构方案) 转
- 各大电子商务网站的站内搜索比较,因为要做站内搜索,所以前去观摩下
- 七种方法让你的网站在搜索结果中突围而出(中)
- 多种方法取消Google搜索结果重定向|无需跳转直达目标网站
- 微软将会在它的搜索结果中推送移动端友好的网站
- 如何将Joomla网站搜索结果显示到一个“干净”页面
- 在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
- 电子商务网站搜索架构方案
- 用python和BeautifulSoup抓取百度搜索结果10-20页面中的网站链接
- 导向恶意网站的搜索引擎搜索结果
- Python+selenium实现图片网站搜索后下载搜索结果的全部照片
- 网站排名搜索结果跳转的非法行为删除
- Magento网站搜索结果过多-搜索不准确的问题问题的解决
- Lucene.Net实现搜索结果分类统计功能(中小型网站)
- 电子商务网站搜索架构方案
- 百度搜索结果网站排名因素
- 各大电子商务网站的站内搜索比较,因为要做站内搜索,所以前去观摩下
- 大型电子商务网站搜索引擎营销的启示
- 360上线网站名片功能 导致搜索结果太乱了