美文网首页体验式设计研究设计学习iDesign
版本迭代中的交互设计流程总结

版本迭代中的交互设计流程总结

作者: 爱吃爱花爱生活的UX人 | 来源:发表于2016-01-16 23:37 被阅读531次

    近期参与了公司的新版本迭代项目,对设计流程有了新的认识。以下是一些总结:

    下文将从四个阶段:需求确认阶段、设计初期、设计阶段以及设计评审阶段,总结每部分的工作内容以及注意点,最后说说就我自身而言需要在此基础上提高的一些能力。

    | 需求确认阶段

    需要做到三点:

    1. 过一遍上一版本的设计,看哪些地方可以优化;

    2. 结合业务流程图,用低保真原型铺页面流程图,考虑到各种状态,如报错、无网络等;

    3. 结合需求文档,与产品明确各部分的需求。

    这个阶段需要注意的是:

    • 铺页面流程图要快速,重点不在于每个页面的完整性,而是确保流程中的每一个环节都考虑到,并且形成闭环。务必将各个环节跑通,避免在设计中期因为需求不明确导致较大的设计变动。

    • 各环节包含了与上下游业务数据的对接,比如运营提供的文案、开发提供的数据接口。以订单为例,订单有哪些状态,每种状态都是由怎样的用户操作流程生成的;这些流程是否都能跑通,后台能否提供相应的数据接口。

    • 与产品确认需求时,尽量根据流程一部分一部分沟通,而不是想到一个问一个,以减少沟通成本。


    | 设计初期

    做好文档规划和时间预估:

       • 结合页面流程图,根据需求的紧迫程度以及页面的权重,工作量的多少(哪些页面需要改进的地方多,哪些只有小变动),划分各个页面的设计优先级、规划时间节点。

       • 确定文档的精度。对于单个页面,要清楚哪些状态需要做出图示,哪些只需要文字说明,以避免不必要的时间花销。但前提是,确交付的文档能清楚传递出设计解决方案,便于上下游的工作交接,优化他们使用文档的体验。

    | 设计阶段

    需要做到两点:

    1. 设计页面时,按照“页面整体布局>每个模块>单个组件(布局样式、交互方式、状态)>页面操作流程的状态”的顺序进行设计与文档编排。

    2. 交互的流程、方式、细节先考虑,UI细节后考虑,文档的粗略得当,比如是否需要详细到具体的间距,还有字数限制。根据项目的不同,设计稿的精度有所不同,设计师要学会评估。

    这个阶段需要注意的是:

    • 在设计过程中会面临多个设计决策阶段,首先需要划分每个决策的先后顺序,会对其他设计决策造成影响的先考虑。

    • 在整体设计完成后需要重新检验每一个环节的设计决策所带来的风险,验证是否符合设计目标、产品目标、业务目标。

    • 做设计决策时,时常需要参考竞品。那么在参考竞品前务必明确 自身产品的定位、产品目标和业务目标,把握好设计的界限。具体来说,就是 哪些部分可以参考竞品,以及如何将竞品的设计方案结合在我们的产品中。

    | 设计评审阶段

    需要注意的是:

    • 首先描述项目的目标、问题和需求——确保与会者对项目认识和你保持基本一致;

    • 结合使用场景描述设计方案——增加代入感;

    • 描述方案时,减少主观倾向性,从多角度(技术、产品、运营)客观地评价设计方案的利弊。

    | 总结

    这次设计中也发现了不少问题,还需努力改进:

    • 新版本设计之前,一定要熟悉上一版的流程、规则、样式以及业务逻辑、后台逻辑;

    • 提高时间预估的能力;

    • 完善产品思维:不是通过设计给产品打补丁,而是要从根源解决问题;

    最重要的是:提高设计决策能力。设计决策的能力高低取决于设计师的产品经验积累、业务经验积累、思维的全面性、对需求优先级的把控、思维的敏捷性。

    相关文章

      网友评论

        本文标题:版本迭代中的交互设计流程总结

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