第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

如何利用“卡片式设计”提升用户体验(2)

时间:2017-11-14 14:19来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
卡片的动作应该是面向手指的。对于移动端的应用程序来说,这是卡片之所以流行起来的一个关键原因。这些卡片跟实体的卡片按照相同的方式起作用,让

  卡片的动作应该是面向手指的。对于移动端的应用程序来说,这是卡片之所以流行起来的一个关键原因。这些卡片跟实体的卡片按照相同的方式起作用,让用户感受到很舒服的体验过程。用户不需要再去思考究竟该如何操作卡片。 他们喜欢卡片的这种简洁性,并能够直观的理解出翻阅一张卡片就是查看更多信息,滑动则是切换不同的卡片。

  

如何利用“卡片式设计”提升用户体验

  四、在哪里使用?

  1、信息流

  卡片出现在一个信息流中时,便能够创建出一系列符合自然时间轴的事件。想想看 Facebook 在新的信息流中是如何使用卡片来描述一个事件概述的。虽然总的信息流是无底限的,但是每一个卡片都是互相独立,且包含了一定的可供操作的内容。

  

如何利用“卡片式设计”提升用户体验

  2、用于发现感兴趣的内容

  卡片允许相关的内容不言而喻,允许用户发现他们感兴趣的内容。看看 Tinder 的卡片模式:你在向左滑动或向右滑动的时候,其实就是在寻找符合你品味的人。

  

如何利用“卡片式设计”提升用户体验

  Pinterest 在信息的动态中使用到大头针(用户找到自己感兴趣的内容可以收藏),吸引用户在不停的浏览中上瘾。

  

如何利用“卡片式设计”提升用户体验

  3、对话框

  既然卡片就是一个内容容器,那么它们也可以很好的代表动作。一个卡片里面的基本动作就是卡片本身。 想想看 Apple 设备上的 AirDrop ,当你收到一个数据传输请求的时候,一个卡片会弹出来提示你是同意还是拒绝。

  

如何利用“卡片式设计”提升用户体验

  不管你选择哪一项,都只有一个动作

  4、工作流

  卡片很容易将一定范围的任务进行归类。拿 Trello 来举例说明再适合不过,从 Kanban 里面看,所有的管理项都是完全基于卡片的,每一个板子了都填充着卡片,而每个卡片都代表一个单独的任务。

  

如何利用“卡片式设计”提升用户体验

  五、不要使用卡片的地方

  1、同种(同类)内容

  对于那些没有太多动作的同种(同类)内容而言,相比于卡片式的设计,使用列表(网格)的展现形式是更合适的方法。

  

如何利用“卡片式设计”提升用户体验

  左:在这里使用卡片分散了用户快速浏览的注意力

  在图片库中使用卡片也是不必要的,此时采用网格这种干净轻量的方式会是更好的选择,如下例中:

  

如何利用“卡片式设计”提升用户体验

  2、大的屏幕尺寸

  卡片式的信息展现形式可能在小屏幕上会非常不错,在大屏上的话单就其视觉效果来讲,也还是很棒,不过对于用户的阅读理解速度就会带来很糟糕的影响了。比如大屏上的 Pinterest :

  

如何利用“卡片式设计”提升用户体验

  3、重新设计现有的应用程序

  如果按着文中这个新的视觉角度来看,那些原本觉得你的应用程序还挺易用的用户可能就不会买你的账了。 你应该尝试从用户那里获得反馈,搞清楚他们想看到的东西。有了反馈后,你可以进行设计修改甚至重新设计,然后看看在用户那里带来的变化。

  六、结论

  我希望通过本文,你能够理解到为何卡片式的设计会越来越流行开来。而且我相信这一趋势在短期内不会消亡。因为卡片不光浏览起来不费力,它们更是在创建一致的用户体验时最为灵活的布局方式之一。现如今,人们在内容消费面前更注重快速的找到满意的内容,而卡片既然能很好的起到作用,且不受设备影响,难道不是很好的选择吗?

  译自:https://uxplanet.org/using-card-based-design-to-enhance-ux-51f965ab70cb#.2uys07u81

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕