设为首页收藏本站

LUPA开源社区

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

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

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

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


  Context-Based Hiding(基于上下文隐藏)


  iOS 上的 Google Chrome 启动后有个基于上下文隐藏功能,见下图:


CBH


  基本理念是当用户向下滚动页面,浏览器导航面板自动隐藏。当用户再次向上滚动页面,控制面板出现。这种方法不仅改善了上下文体验(专注于内容本身),而且增加了屏幕可用空间。屏幕空间在移动设备尤为重要。


  首先假设用户将一直浏览关注的内容。当他们停止浏览,上下文可能改变;因此,导航面板需要重新出现。这一技术节省屏幕空间的同时,检查某种假设是否超出了你的测试用例。


  iOS 处理的更好,当到达页面的底部时,控制面板再次出现。这是一个动态整合用户需求的绝佳的例子。


  要点:使用基于上下文的隐藏功能提高用户关注度,节省屏幕空间。


  Focus Transition(焦点过渡)


  当通过键盘导航时,用户按下 Tab 键,常常搞不清焦点移动到哪里了。通过动画指引他们到达页面指定位置。过渡是微妙的,但在指引用户方面影响巨大。


  要点:为用户指明方向,不管他们如何导航。


  总之


  这几个例子仅仅是九牛一毛罢了,本文要点不是秀一些最新最酷的交互技术,而是强调如何通过轻微的交互细节大大提高用户体验。


  如果我们想设计出更好的数字产品,我们需要挑战当前的信念,看看何种交互模式更能方便用户的使用。我没说要重复造轮子,但是不要停止探索。因此,走出你的安乐窝,保持探索,勇于尝试。


  如果你喜欢本文,可以在 Twitter 上关注我,或者到瑞士请我吃一块瑞士巧克力。


酷毙

雷人

鲜花

鸡蛋

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

最新评论

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

返回顶部