美文网首页产品交互设计
单卡中的产品设计原则

单卡中的产品设计原则

作者: 极小光 | 来源:发表于2018-05-23 17:42 被阅读45次

    简评:少即是多,协调一致,排列优先顺序并享受乐趣。


    这里有一些背景信息帮助我们阅读本文。

    类似的项目组织到一个系列中,通常每个系列 60-120 个项目。用户来搜索并发现项目然后购买他们。项目有关闭时间,关闭后用户不能做购买操作。

    少即是多

    优化您的产品,而不是增加更多内容。

    每个卡片都是详情页面的入口,左边的卡片进入详情页面有三种方式:

    • 点击 View this item 按钮
    • 点击 more 链接
    • 点击卡片

    这是可以理解的,如果更多的按钮是希望更多的转换。如果我们删除 more 链接和 View this item 按钮,看看结果会怎么样。

    删除后如右卡片所示,我们发现删除后产品看起来很“新鲜”,而且单个卡片的变得更简洁占用空间更显,这样真个列表可以呈现跟多的卡片,对用户来说这更容易找到喜欢的东西。

    协调用户界面

    创建统一的用户体验

    当我开始清点产品中使用的所有卡片时,我发现没有标准。卡片上相同的组件有不同的视觉样式,这会使用户会感到困惑,因为用户不能简单的区分出商品卡片和系列卡片。

    要处理这个问题首先要区分物品和系列之间的差异:物品是单个物品,而系列包含许多物品。然后定制一个标准,系列卡片上使用一个标签和多个图像来表示,以此来和物品卡片进行区分。这样用户可以直观的的知道卡片的含义。

    优先考虑使用需求

    显示关键信息。

    卡片可以包含多种类型的信息,例如图像,标题文本和按钮。但是,在某些情况下不需要所有信息。我们可以根据知识对用户重要性来确定信息的优先级。

    例如,当项目卡位于在用户的喜欢列表时(可以理解为购物车之类的东西),此时物品的的关闭时间是最重要的信息。只显示关闭时间和当前价格,触发用户点击即将关闭的项目。另一种情况下,当用户最近查看某个商品时,更改后的价格信息对用户很重要,这可能会吸引用户尽快购买此商品。

    带来各种布局的乐趣

    浏览时让用户感兴趣。

    人们通常喜欢通过模式来看待事物,但是在相同的模式下会引发视觉疲劳,所以同时希望有新鲜感。我的目的是通过制作布局来提供更有趣的浏览体验。网格视图、列表视图和轮播视图常一起使用。请记住,不要让用户在一个布局中滚动很长时间。

    原文:Product Design Principles in a Single Card
    推荐阅读:UX Designer 必读的 7 本书

    相关文章

      网友评论

        本文标题:单卡中的产品设计原则

        本文链接:https://www.haomeiwen.com/subject/ysfdjftx.html