童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

导航和搜索之间的相互协调

7月27日 天浪楼投稿
  摘要:
  把网站的搜索栏置于导航栏上,这种不怎么好的实现方式会让用户在查询上投入更多的精力。
  我们有经常会谴责现在一种用像汉堡一样的菜单键来取代全局的导航栏,我们可以发现这反映了一种缺乏对chrome的简单化理念的理解,但人们会很合理地问这样一个问题,当我们有东西要搜索时为什么还要关注导航栏?现在搜索已经足够强大了,可为什么还不满足呢?毕竟,那些成功的网站如谷歌和亚马逊也是像这样将搜索展示给用户,而且在移动端一些文字冗长和容易出现错误的地方,他们更喜欢用搜索框代替,通过这样,使用户不会害怕搜索。
  这里有五个案例来讲解为什么不让用户只依赖搜索。
  1、只有知道搜索什么才能搜索
  想要设计一个好的搜索查询,用户需要清楚地知道他们要搜索什么,他们需要理解并放入正确的关键字。有时这是很简单的,例如当搜索最近的超市,大部分的用户可以想出一个好的搜索关键词,但是当一个不擅长这个方面的人正在试图买一个新的烤炉或一个新的剪草机时,在搜索上他可能需要一些向导:比如是什么类型的?属性特征是和烤炉有关系的?而剪草机呢?
  类别性登录页面经常通过导航栏来帮用户快速得到一个搜索用的心理模型:什么子分类是可用的和什么属性特征和那个特别的范畴是有关系的。用一个割草机做例子,去到Sears。com’sLawnMowers的首页我们可以发现那里有自动推进式割草机,手动式割草机,无线和有线的,还有卷割草机,我们还可以清晰的看到这些有关的要素,还有其他的细节,例如排放的类型和速度。即使这是你第一次来,这些美观而又全方位的图片能够帮助你在搜索割草机的时候知道应该搜索什么。
  2、搜索需要记忆
  即使用户对自己需要搜索的东西很熟悉时,搜索时也需要他们回忆出有关的信息,想出一个有意义的查询,用户需要考虑有关于这个目标的一些特征并在查询的时候合并起来使用。
  导航栏可以通过识别来取代回忆(此处出自10usabilityheuristicsforuidesign):而不是强迫用户想出复杂的查询,他们可能只能回忆起很少信息,然而用识别功能可以增加他们对有关联的条目的查询。用除草机为例,如果只是搜索可用的工具,你可能要去想出你自己的约束条件然后
  把他们转到在这个网站上可能有关的项目上。因此你可能要以“我可能要在这个过程中要折腾一番”来开始,然后试图从回忆起中查询匹配的目标主题。把用户的目标转移到一种被认为是不太容易的搜索查询上会比简单的在页面上选择连接来说,会加重记忆上的负担而且通常都不是太成功。
  用Netflix比较Sear的界面。假设你是一个14岁男孩,想要看动作搞笑而语言上并不是很搞笑的电影。
  Nettflix。com:喜剧部分
  在喜剧部分中,很难理解哪个电影是所需类型的。你有两个选择:要么仔细浏览列表中的每一部电影直到找到一个看起来适合的,或者去搜索框哪个词语能够描述你想要看的电影类型。或许“physicalcomedyPG13”?或是“JimcarryPG13”?祝你好运!
  正如你所看到,这个过程比在sear找到好的的除草机难得多。附加的在NETflix网站上的过滤器会使得比列出几个次主题目录下更容易找到一部满足复杂标准的电影(在主题下的过滤器包括青年电影,但是在那里,用户仍然不得不去搞清楚正确搜索主题,或者去按照顺序浏览页面上展示的可供选择的东西)
  3、搜索比浏览有更多的交互过程
  搜索会强制用户去做更多,因为他们不但要想出怎样查询,还必须自己打字。打字也是有很高的交互的;这样容易产生错误、用键盘也会消耗时间(在触摸屏上更多)
  搜索的交互所需要的代价比直接浏览高得多。确实是这样,一些交互所需的代价会因为心理暗示而减小(如radicalROIimprovementonIntranets所展示的那样),但心理暗示可以使查询更通用和简单。再加上,很多网站没很好地实现这个特点。
  4、网站搜索起来通常效率很低
  即使用户能够想到一个很合理的查询关键词,不巧的是结果经常会返回一些不相关的信息。大型搜索引擎在他们背后有复杂的算法和巨大的数据库进行支持,即使查询不能很好地被表示出来,一些有关的结果也会被找到。那在一些专门的网站通常都会有。在Netflix搜索physicalcomedyPG13和jimcarreyPG13会返回无关的结果,正如你从下面截屏所看到的。
  Netflix。com的搜索结果不仅复杂还都是无关的。这确实是真的,我们尝试了一遍又一遍。
  5、人们不知道要如何更好地在网上搜索。
  人们对于搜索得认知被大型搜索引擎他们希望每个进行搜索都是一样的而进行了破坏。我们可以看到在ecommerce网站上搜索“dressycomfortshoessize7。5blacklowheel”人完全被获取的结果感到迷惑。一些网站试图对搜索字符进行解析并试图把它们匹配到数据库中,但是很多次的匹配是很失败的,正如你在下面以Zappos为例子看到的。
  Zappos。com:“dressycomfortwomen’sshoessize7。5blacklowheel”的搜索结果页面返回了很多结果但很多都是无用的结果,特别是鞋垫,这点可以在第一页看到。
  为了比这个结果更好一些,会去搜索一些接近的关键词(虽然在意思上并不完全一样)。像下面这些从Autozone找到的例子看出:搜索wiperscamry没有返回结果。
  Autozone。com:没有wiperscamry的查询结果。
  总结:
  网站上的查询是至关重要的,并且可以在搜索中加入一些有趣的特性。
  然而,如果你要把搜索放进你的网站的导航栏上,请先考虑一下导航栏的重要的用途:它可以向用户展示什么是他们可以在这个网站上找到的,并引导他们理解可以搜索的事物。用导航的分类经常比只有一个好的搜索查询更快更容易。再加上,很多网站的搜索还做的并不是很好。
  本文为BESD设计实验室翻译投稿,转载请注明来源于人人都是产品经理并附加本文链接
  原文来自:RalucaBudiu
投诉 评论 转载

从优秀到卓越!交互设计师怎样理解信息架构?(下)接上文:从优秀到卓越!交互设计师怎样理解信息架构?(上)二、自然结构(organicstructures)“自然结构不会遵循任何一致的模式。节点是逐一被连接起来的,……从优秀到卓越!交互设计师怎样理解信息架构?(上)今天分享一篇交互设计高级教程,关于产品信息架构的思考,这方面是交互设计师成长的一个关键点,也是交互设计大局观的锤炼基石,文章很有深度,值得用心学习。这篇适合交互设计或者对交互设……导航和搜索之间的相互协调摘要:把网站的搜索栏置于导航栏上,这种不怎么好的实现方式会让用户在查询上投入更多的精力。我们有经常会谴责现在一种用像汉堡一样的菜单键来取代全局的导航栏,我们可以发现……设计师要画草图小编推荐:关于对用户体验草图绘制的体会,我们的导师,草图绘制大师KateRutter教会了我们如何通过草图将自己的创意呈现于纸上。下面是为大家分享一些能够用于快速、有效绘制草图……如何从3个方面判断是否做交互动画编者按:IOS7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一……iOS8人机界面指南(一):UI设计基础1。1为iOS而设计(DesigningforiOS)iOS的革新关键词如下:遵从:UI能够更好地帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力。……硅谷设计师看苹果交互设计趋势:如何适应大屏?笑天涯说:苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!今年夏天,我……如何巧妙恰当地隐藏界面的设计一句话总结:你刚好不经意地出现,而这正是隐藏的意义。在这个信息爆炸的社会里,信息过载已成为常态,为了提升用户使用效率,处理界面的信息层次是每个设计师都要面……从苹果官网细看20年设计变迁史在过去很长一段时间,苹果都一直以自己流线型、极简风格的工业设计闻名全球。而97年乔布斯带着NeXT团队荣归苹果之后,这家传奇企业重获新生,它的高速发展的这个阶段也和互联网快速普……一个资深设计师的多年感悟每个设计师都在纠结中挣扎,我们的甜蜜,兴奋,郁闷,敏感,来自生活,来自设计,来自每次完成一个页面后的反馈,来自每次回看的满足和成就,这些词汇已经融入到我生活与工作的点点滴滴,有……设计师版式宝典!从零开始教你掌握网格系统学会和理解如何排版是成为一个设计大师中超级重要的一部分,有很多刚入门的设计师并不了解网格系统,也不会利用网格系统来校准元素在画面内的位置,让画面更加平衡。网格系统为什么这么好用……汉堡图标并非最佳菜单方案用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。难道不是么?用户体验设计和可……
iOS12人机交互指南(五):视觉设计(VisualDesi交互设计师爬坑指南:一文搞定复杂单品模块设计交互不止眼前的线框图,还有诗和远方的体验设计趋势探讨孟菲斯设计风格的发展与沿革,玩转设计iOS12人机交互指南(四):系统功能(SystemCapaBanner的不同样式类型分析iOS12人机交互指南(一):主题与基本界面元素如何利用网格系统科学地打造APP界面?iOS12人机交互指南(三):交互(UserInteract打造更便捷的UI色彩系统,美版“滴滴”Lyft是如何做到的视觉层次结构的4大武器iOS12人机交互指南(二):App架构(Accessibi

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界