承接上文，产品定位决定用户需求满足与否，也决定用户范围。而之后，用户如何使用软件，如何通过软件记录信息、查询信息，都取决于软件本身的信息查看方式，此篇从信息结构和内容的展示方式来总结。

1：调整前后

1. 修改前：

   
   原始列表.png

- 导航、顶部条、搜索区分别占据页面30%左右，导致主要内容（数据列表）显示区域较少
- 导航，左侧菜单，搜索区，主列表个字段对齐方式混乱，增加阅读困难
- 由于菜单和导航内容较多，主列表淹没在信息海洋中，为显示内容不得不加粗，颜色等方式来强调，增加认知负荷的同时也导致主次不分。

2. 修改后列表

   
   修改后列表.png

• 导航与顶部条优化合并，通过缩减区域大小，增强视觉效果来保证重要性，
• 导航菜单调整见“百卓优采个人版设计总结（1）---产品定位”
• 缩减搜索区和左侧菜单，来扩大主信息（列表）的区域大小，来保证视觉优先。
• 规划和整理内容区和对齐方式。

2：重新规划结构，以内容为主

设计优先保证核心需求---简化结构，将更多的空间留给内容展示区域和操作区域

原软件结构

原软件结构.png
修改后软件结构
修改后软件结构.png

3：列表查看方式调整

• 通过组织和隐藏，简化搜索区域
  • 合并筛选项至关键字搜索---组织
  • 保留关键搜索项，提供更多选择---隐藏

搜索区域.gif

• 调整列表显示

• 提供字段显示选择，由用户自主决定显示字段；

• 取消横向滚动查看，所有字段宽度自适应显示；

• 详细设置每个字段合理宽度比（默认、最小、最大），确保自适应下的显示合理。

  
  列表内容设置.gif

• 强化拖动，塑造简单操作感觉

  • 视觉上增强，明确告知可操作
  • 操作优化，可操作高度由1px加至5px（透明效果）--费茨定律：起始到目标的时间，由目标的大小和距离决定。

拖动.gif

• 单据调整
  单据设计模拟现实，沿用用户日常工作经验，降低学习成本，使用亲切感，拉近与用户距离

  • 调整前单据

    
    调整前单据.png

  • 实际的单据（图片来源自度娘）

    
    单据1.png
    单据2.png
    单据3.png

  • 根据实际单据调整后

    
    调整后的单据

此部分的简化多数采用了”隐藏“的策略，可是隐藏如何做的更好呢？ 正如《简约至上》的一句话：
?“无论隐藏什么功能，都意味着你在用户和功能之间设置了一道障碍。这个障碍可能是遥控器上的塑料仓门，也可能是网站上一连串的点击。为了不给用户造成不必要的麻烦，必须自己权衡要隐藏那些功能。”