当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 常见的无结果页面的交互设计

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

心得技巧 中的 常见的无结果页面的交互设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 125 ::
收藏到网摘: n/a

接着上个话题“谁为用户买单”聊下去。有一种页面大家都很熟悉,就是当用户使用搜索引擎搜索关键词后,如果数据库没有找到匹配的结果,所提供的反馈提示页面——专业上我们称其为“无结果页面”。
下面举几个常见的无结果页面的例子让大家更了解下这样的交互设计,我们怎样更好地给用户提示。

GOOGLE的无结果页面

BAIDU的无结果页面

首先拿两家专业搜索引擎网站为例,在可用性与用户体验方面,它们都是做的不错的.信息类的搜索引擎,搜索出的结果用户最关心:是否是准确的,是否是很多,是否是快速的.谷歌有条宗旨就是让用户快速找到需要的信息,并快速离开网站.所以他们把无结果页面也做的那么干脆——不好意思没您找的信息,要么快速离开,要么调整关键词,要么使用谷歌推荐关键词.百度的无结果提示貌似前几行和谷歌差不多,只有最后两行:提供搜索帮助链接,希望通过系统帮助的形式为用户解决问题,实在还是不能解决怎么办?请用户自己创造它吧——百度贴吧.

joyo Amazon

Amazon.com

eBay.com

以上是国外知名的电子商务网站,先说说卓越Amazon,当它用户搜索不到产品信息时,它提供用户一个反馈建议的入口,让用户尽情的宣泄自己的不满,打出了一张同情牌.能不能根本解决问题只有用户自己知道......再说说Amazon,它就聪明多了,先把无结果页面分成两种情况:1.能尽量匹配上的就尽量匹配,提供一个推荐的搜索相近词和相近词的搜索结果,还有一个反馈搜索建议的入口;2.实在没有匹配上的了,告诉用户没有结果,推荐一些其他畅销商品-比如畅销书籍.最后说下eBay,它的方式就更五花八门了,首先它会有礼貌的提醒用户没有搜索到结果,用户可以选择从结果中查询,或者点击高级搜索去扩大搜索范围.最后实在找不到了,没关系,用户可以把自己的需求添加到商城里让更多的卖家看到买家的需求.可谓贴心之极.

谈了那么多网站的无结果页面设计,说到底它们还是有一些通用模式的,我还是想原引一个HP的例子来具体说明无结果页面的布局.

HP.COM

  • 提示用户结果
    不管搜索信息还是产品,总要有个明确的答复吧.给用户明显的提示:用户说:"到底有没有?这个可以有!"网站回答:"这个真没有!"
  • 建议改善搜索关键词并尽量提供相关搜索信息
    这里可以通过书写几条解决方式或链接帮助信息,提示用户一些常犯的错误及解决方案(例如百度).如果有80%的匹配度希望也是可以提供搜索结果的,毕竟那是系统纠错的过程.
  • 提供用户新入口扩大搜索
    这个搜索入口一定要是扩大搜索范围的那种,先前的搜索范围没有找到相应的匹配,为用户提供更大范围的搜索,期望通过技术手段挽留住用户.(例如ebay)
  • 提供用户创造需求的机会
    所有的办法用户都尝试了,可是用户还是没有找到他需要的信息.怎么办放弃操作?给用户个救生圈吧,让他自己创建一个信息需求,让卖家看到买家的需求,这是用户真实的需求.
  • 提供畅销商品或热门信息供用户选择
    网站的确没用户寻找的信息,没关系网站可以推荐给用户一些畅销商品供用户选择.也许用户被网站的真诚打动选择了你推荐他的畅销商品或热门信息.