设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

用户体验设计中的巧妙过渡

2013-11-12 09:47| 发布者: joejoe0332| 查看: 2904| 评论: 0|原作者: @涂鸦码龙|来自: smashingmagazine

摘要:   一些网站不仅在内容,可用性,设计,功能等方面,让人耳目一新;交互设计细节和动画更是与众不同。我们将分享一些模型的经验,分析一下这些简单的模式为什么效果很好。  当我们设计数码产品时,我们一般使用 P ...


  Pull To Refresh (拉动刷新)


  最令人激动的交互之一是伴随着 iPhone 出现, Loren Brichter 倡导的 “拉动刷新”。用户可以更新可卷动的时序型内容。你可以在 Twitter 的应用中看到此效果。


Twitter


  为什么效果这么好?在拉动刷新出现之前,用户必须点击浏览器的刷新按钮加载更多内容。把用户发现更多内容的愿望和刷新行为联系起来,明确的点击行为变得好古板。


  要点:连接意图和行为,体验变得更加无缝。


  Sticky Labels (粘性标签)


  粘性标签是另一个微妙而实用的组合,它把用户界面与有意义的过渡结合起来。看看 Edenspiekermann’s use of this technique 的运用。


Sticky-Label


  项目标签一直固定在内容的左侧,直到下一个项目出现。这个效果类似 iOS 地址本,它为较长区域提供了上下文。过渡效果不仅增加了方向感,而且提供了基于上下文的描述。


  要点:长区域中添加了有价值信息的摘要或者标题可以使用粘性标签。


  Affordance Transition (自解释的过渡效果)


  自解释的概念源于认知心理学,指一个对象的特征,它用于引导用户。


  在用户界面设计的上下文,EU 网站的可用性词汇 (PDF)中如此定义自解释性:


“An affordance is a desirable property of a user interface — software which naturally leads people to take the correct steps to accomplish their goals.”
“自解释性是用户界面令人满意的特性 —— 软件很自然地引导用户,通过正确的步骤达到预期的目标。”


  Ridges(棱线)常常用于提高自解释性。按钮周围的棱线暗示按钮是可操作的。这种用户体验技术被 iOS 上的相机应用广泛推广。


iOS_Lockscreen-500-final


  iOS 6 的锁屏旁边的相机图标,暗示可以拖动。Apple 在 iOS 7里移除了它,显然是因为用户习惯让它看起来更像一个独立的图标。后来是怎么做的:当你拖动按钮,锁屏弹起,相机出现在下面。这是一项将用户指向功能的很好的技术。


  要点:在界面上,给予元素高度自解释性,它会把用户指向功能。



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部