小型软件设计总结(2) --- 首页

承接上文:百卓优采个人版经过产品定位和功能分析,将功能重点更契合用户需求,那么与用户首先接触的就是首页了。

作为一款免费软件(用户获取成本很低),用户使用软件和探索软件所愿意投入的成本是有限的。首页作为用户感受产品的第一个阶段,承载了产品、用户的多种期望,这也要求首页是一个复合的、完整的操作与反馈的集合,必须具备以下特征:

  1. 快速的功能告知。
  • 在最短的时间内告知“软件是什么”、“软件能干什么”-------产品与用户需求匹配确认。
  • 让用户最快找到工作流的起点,并开始工作-------给与其探索软件的起点。
  • 利用最简单的,认知最广的方式显示用户所需-----熟悉产生信任。
  1. 尊重用户的选择
  • 自己是自己最信任的对象,让用户成为软件的主人
  • 软件能智能预判的同时支持用户自主设置。
  • 解放用户的触觉
  1. 提醒与业务结合
  • 细致入微的话术,避免用户的误解
  • 解放用户的视觉
  • 删减、转移、组织、隐藏一切不必要的内容,
  • 减少冗余,降低认知负荷,认真做好每一个细节

1: 简化前后

简化前(2015-05),初始尺寸:1150*735px


小型软件设计总结(2) --- 首页_第1张图片
原始首页.png

简化后(2015-09),初始尺寸:1280*728

首页交互操作.gif

2:简化内容对比

2.1:初始尺寸: 简化前:1150735, 简化后:1280728。

  • 重新设置软件宽度,经统计用户显示器分辨率宽度在1280px下不足5%,活跃用户中占比更低, 1280相对于1150多了130px,可反向作用于”相近性原则“(格式塔原理),调和软件信息疏密程度---简化大多数用户的感觉。
  • 重新精确设置软件高度,避免底部任务栏而导致的显示不全。

2.2:内容简化

小型软件设计总结(2) --- 首页_第2张图片
内容简化.png

3:简单归于实际

  • **3.1:快速的功能告知 **
    最为直接的告知用户,软件是什么,可以做什么,让用户最快找到工作流的起点,并开始工作。
    小型软件设计总结(2) --- 首页_第3张图片
    首页初始提供业务流起点.png

    利用最简单的,认知最广的方式显示内容
    小型软件设计总结(2) --- 首页_第4张图片
    统计图表传递统计概念.png
  • **3.2:尊重用户的选择 **
    由用户选择待办事项的查看方式,日历模式&任务列表模式
    由用户自己设定要统计的内容,时间,维度等
    不同的信息查看方式.gif

3.2:解放用户的触觉
提醒与业务结合,操作更为便捷;如低库存下,一键补货。
巧妙入微的话术“知晓”、“全知晓”,是取消提醒而非删除,操作更具安全感。

小型软件设计总结(2) --- 首页_第5张图片
提醒与业务结合.png

3.3:解放用户的视觉

  • 删减、转移、组织、隐藏一切不必要的内容,
  • 减少冗余,降低认知负荷,认真做好每一个细节
    • 认知负荷通俗的说就是读者需要费多大成本才能理解你传达的意思,成本包含注意力,时间,思考,视觉定焦等;
  • 认知负荷越高的界面,信息传递的难度也就越大,给用户带去的压力和助力也就越大。
  1. 删除“使用流程指导
  • 此信息虽然具备让用户全览产品功能的潜质,但也给用户带去认知负荷,也存在视觉上的压力:
  • 界面中信息较多(流程本身的杂乱,带有一定的认知负荷)
  • 使用软件是必须要按照这个流程使用吗的疑问?(其实软件本身不是,反而会增加用户的疑问。)
  • 软件使用起来好复杂(小微企业根本没有那些需求)!
  1. 整合”服务信息和评价“
    服务入口必不可少,但是也确实对整体增加了非常多的认知负荷。

诫己

继续借用《简约至上》:

“简单的设计似乎用不着怎么花心思。所以,每每事与愿违,人们就容易灰心丧气”

交互设计就是这么奇妙,简单是我们所追求的,但却有人认为其太过于简单,往往不认知,不重视,所以每每事与愿违。交互是一个综合且非常有趣的事情,虽然容易灰心丧气,但也充满挑战,激起我无线兴趣。

你可能感兴趣的:(小型软件设计总结(2) --- 首页)