美文网首页Design2BPMskill
小型软件设计总结(2) --- 首页

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

作者: 司马西 | 来源:发表于2016-01-12 13:45 被阅读261次

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

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

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

    1: 简化前后

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


    原始首页.png

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

    首页交互操作.gif

    2:简化内容对比

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

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

    2.2:内容简化

    内容简化.png

    3:简单归于实际

    • **3.1:快速的功能告知 **
      最为直接的告知用户,软件是什么,可以做什么,让用户最快找到工作流的起点,并开始工作。
      首页初始提供业务流起点.png
      利用最简单的,认知最广的方式显示内容
      统计图表传递统计概念.png
    • **3.2:尊重用户的选择 **
      由用户选择待办事项的查看方式,日历模式&任务列表模式
      由用户自己设定要统计的内容,时间,维度等
      不同的信息查看方式.gif

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

    提醒与业务结合.png

    3.3:解放用户的视觉

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

    诫己

    继续借用《简约至上》:

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

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

    相关文章

      网友评论

      本文标题:小型软件设计总结(2) --- 首页

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