一个复杂页面该如何布局设计

面对信息量大的页面,设计师需要通过列出所有信息、从产品策略和用户角度进行整理,然后根据用户反馈调整信息优先级,最后形成清晰的页面布局。例如Facebook首页,将基础功能、主要功能、辅助功能和信息按重要性排序,从而实现界面的整洁和易用。
摘要由CSDN通过智能技术生成

很多产品的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让界面越来越凌乱。我们可以这样做:

  1. 把需要展示的信息都列出来
    先不考虑信息之间的关系和顺序,大致列出即可。主要信息一定要列出,优先级较低的信息不用100%覆盖也没有关系。

    以Facebook为例,首页需要展示的信息有:
    Logo、搜索、用户信息、导航、Explore功能列表、发帖发图、最新动态、朋友推荐、语言选择、网站声明、聊天板、我创建的、设置、注销……

  2. 从产品策略的角度整理信息
    与对这个产品比你更了解的人讨论(如产品经理),从产品策略的角度将这些信息进行分组归纳(这时还不需要过多考虑用户):

    基础功能:搜索、导航、设置、注销
    基础信息:Logo、用户信息
    主要功能:发帖发图
    主要信息(不断更新):最新动态
    重要功能:聊天板
    重要信息:朋友推荐
    辅助功能:我创建的、Explore功能列表
    辅助信息:语言选择、网站声明

  3. 从用户的角度整理信息
    与用户(或潜在用户)交流,观察他们对这些信息的真实想法。因为越贴近真实心理越好,所以可以用一些口头话、感性的表达方式:

    可能是我使用这个东西的唯一目的:最新动态
    我常用的东西,越方便越好:发帖发图
    必须有,但我通常不会仔细去看:Logo、搜索、用户信息
    如果有动态我就感兴趣:聊天板

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值