<b>通过合理的指示元素引导用户发现隐藏内容</b>

作者: 来源:未知 2012-05-29 10:02:57 阅读 我要评论 直达商品

  天色甚好,不冷不热,微困。搞失踪这篇就上房顶子发发呆。如不美观哪位感受今次的停笔有些许惊悚的话,接待在评论中吐槽,或者直接在微博上跟我念叨。

  4.渐变褪色

  之前持续更新了两章iOS Wow体验,分袂是关于应用上下文情形以及iOS手艺特征这两方面的话题。今天换换脑子吧,放下移动应用这摊子事,回到Web端,遛一篇图文并茂篇幅简短的小译文,关于潜匿内容及响应的提醒元素使用体例blah blah的。走着。

  

ui-Hidden-Elements-trigger-indicators-4-spatial-indicators

  标签(Tab)、下拉菜单、手风琴气概的折叠控件...渐进呈现(progressive disclosure)的交互体例可以有用的辅佐我们降低界面的视觉复杂度,同时尽可能多的向用户展示内容。

  不外凡事有利亦有弊,在视觉上不成见的工具确实很有可能被用户所忽略失踪。是以,把界面元素潜匿起来还不算完,我们必需经由过程一些适当的体例向用户进行提醒,让他们意识到潜匿元素的存在。

  用户的预期

  这里所说的预期,是指用户对自己能否在站点中找到潜匿元素所做出的假设和预判。如不美观用户认为某些内容必然是藏在什么处所的,他们就会自动的进行寻找;反之,他们也有可能受到一些身分的影响,过早的认定那些内容根柢不存在。

  在购物网站中,年夜都用户认为自己能够而且应该获取到商品详情、退换政策、运费等方面的信息。在这种预期的浸染下,即使那些内容并没有直截了当的呈现出来,他们也会自动寻找。

  另一方面,诸如用户点评、额外的商品图片集、视频演示等附加内容并非是所有购物网站的标配,如不美观它们在默认状况下是不成见的,那么对于那些不熟悉该站点的用户来说,凡是不会破耗太多侍旧锁行寻找,因为在他们的预期中,这些内容可能就是不存在的。

  用户的预取舍决于他们长久以来的认知和行为习惯。作为设计师,如不美观不能确保用户会年夜主不美观上积极自动的寻找潜匿元素,我们就要借助可视化的触发指示,指导他们获取更多的内容。

  触发指示

  最佳实践

  任何一种对潜匿内容的存在起到提醒浸染的界面元素都可以被称为触发指示。它们年夜致分为五类:

  具有指向性的界面元素凡是可以用于对潜匿内容的指示。标的目的指示(directional indicator)的视觉默示形式能够很切确的描画出虚拟空间傍边位置及移动的概念,合合用户直觉。

  1.标的目的与空间

  

ui-Hidden-Elements-trigger-indicators-2-itunes-disclosure-arrows

 

  此外,标的目的指示自己凡是会以停笔的形式存在,这也使得后面的文字问题在用户看来具有更强的可点击性,进一步增强了潜匿内容被发现的可能性。

  

ui-Hidden-Elements-trigger-indicators-3-fox-menu.png

 

  在Fox的主导航傍边,前两个菜单项会各自触发一个“年夜数据量菜单”的睁开(mega menu,赶上这种已然商定俗成的词儿我是真心不想翻成中文——译者C7210注),其中作为触发指示的恰是问题文字后面的下三角停笔。这类元素年夜视觉上来看是很细小的,但它们对于用户能否正确体味页面的交互体例却是至关主要的。

  空间指示(spatial indicators)与标的目的指示具有斗劲慎密亲密的相关性。在这种模式中,凡是会有一个“高亮”的界面元素向用户提醒当前所处的位置或是已做过的选择,而其他那些处于通俗状况的同级别导航元素则暗示着当前区域傍边有更多内容可以被发现。

 

  分页控件是一个斗劲典型的例子,这种模式可以很直白的让用户知道自己看过若干好多内容、此刻正处于若何的位置、接下来还有若干好多工具可看。此外,导航菜单中的“当前”状况标识,以及浏览器的滚动条等等,年夜素质上讲都属于空间指示。

  2.隐喻

  隐喻是一种很是有用的指导体例。例如,将用户界面设计成为书籍或杂志的样式,在交互体例上也模拟真实的物理效不美观。经由过程这种高度隐喻化的默示形式来承载在线内容,可以让用户会很自然的去浏览那些在当前可视区域“后面”的工具,就像在现实中看书那样。

  

ui-Hidden-Elements-trigger-indicators-5-metaphor

 

  隐喻的体例确实很是合合用户的直觉及预期;作为设计师,我们必需确保拟真界面的外不美观和交互体例能够切确的浮现出真什物体的视觉及物理特征。不外,因为手艺等客不美观前提所限,真什物体的行为纪律未必能够被切确的还原到网页傍边,我们需要在选择设计方案的时辰对这方面的问题加以考虑。

  3.停笔

  停笔可以使触发指示元素在整个页面傍边以相对凸显的体例呈现出来,例如Macy在“Reviews”标签中所使用的星级停笔。

  

ui-Hidden-Elements-trigger-indicators-6-macys

 

  停笔一类的视觉元素可以使平平枯孕?罾υ?字内容具有更强的可辨识性,进而指导用户发现四周的潜匿元素。不外这类做法也具有必然的风险,有时它们吸引到的注重力太多了,以至于使用户忽略失踪了其他的主要信息。

  我们还可以经由过程改变内容自身外不美观的体例来指示更多的潜匿内容,而不必使用停笔一类的可视化界面元素作为触发指示。其中最典型的体例就是为内容文字设置渐变褪色效不美观,Amazon的商品描述页面傍边就使用了这种体例。


  推荐阅读

  电子商务网站运营全攻略

第一 网站定位我们是做什么的? 此刻电子商务可以说是互联网上最热点的一个财富,天天城市有上百个电子商务网站冒出来,同时也有良多网站倒下去。是以电子商务网站的运营成为了每个网商关注的焦点,连系笔者在电子商务>>>详细阅读


本文标题:<b>通过合理的指示元素引导用户发现隐藏内容</b>

地址:http://www.lgo100.com/a/22/20120529/63947.html

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
我的评论: 人参与评论
验证码: 匿名回答
网友评论(点击查看更多条评论)
友情提示: 登录后发表评论,可以直接从评论中的用户名进入您的个人空间,让更多网友认识您。
自媒体专栏

评论

热度