交互在专题设计中的价值体现

未来已来2018-09-12 13:52

作者:马志强


之前在做专题设计过程中总有些自我反思:难道交互就是把策划稿重新加工,换一些标准的交互控件吗;是把策划稿版面排的更好看一些吗,其答案显然不是。那在专题设计中怎么体现交互设计的价值呢?经过多次专题设计的打磨,慢慢地总结出一些经验,作为自己阶段性总结。以一次云课堂微专业专题设计为例。

1.“三思后行”,思考该专题所传达的主要意图(业务需求)以及目标、用户需求

策划所做线框图

策划交接好文档后,往往是比较粗的框架,甚至没有确定好文案。设计师第一步首先要做的就是思考这个专题想要传达给用户主旨是什么:这个专题是想要做什么?只有确定了这些,哪些模块是重点才有依据,才能为后续的设计打下基础。

在此专题中,策划给出的仅仅是大致的内容(专题头图内容、课程卡片、相关活动入口),对于策划文档来说,这已经比较详细了。但对于交互来说,需要了解的还很多,如这仅仅是这些课程的试学吗?

这么低门槛的试学目的是什么,是不是为了让学员感受到这些课程很好,从而去了解这门课程所在的微专业呢,那是不是需要增加该门课程相关微专业的入口,或者在所学过程中加入了解微专业的入口。

通过和策划讨论这些问题后,原本策划也没有想详细的地方,也更加清楚,如在课程卡片中增加该门课程相关微专业的入口。

课程卡片中加入该课程所在微专业入口,可方便用户了解相应微专业详情。突出原价和优惠价的对比,让用户感受到该课程的打折力度,从而让更多人参与。为了吸引用户对课程有所简单了解,在鼠标hover时,可以显示课程简介。

业务需求搞清楚了,用户的需求是什么?参加自己感兴趣的课程,从而更加了解相应的微专业(门槛较高,成本高)。通过这次活动,用户感受到很容易参加课程(门槛较低,成本低)。

交互在此阶段更多的是了解需求,专题设计不是交互设计师觉得页面怎么设计好看就能完成的,而是为了更好地满足业务需求、达成设计目标,同时兼顾用户需求而进行设计。

2.着手设计,在设计中也推敲方案

确定了该专题所传达的目标,然后就是规划相应的模块组合,孰轻孰重。引导用户一步一步地走到相应的课程中(一般在策划时就规划好了有哪些模块,因为这些模块是需要内容支撑)。交互所考虑的就是怎么将这些模块最优组合排序以及其中的交互细节。模块的顺序并不是交互单独需要确定的,因为这和业务目标有很大关系,需要和策划一起确认这样的模块划分以及顺序是否合理。

该专题内容并不复杂,因此并没有用到定位锚点导航等交互方式。在复杂一些的专题中引导用户就需要交互的精心设计,如快捷定位锚点导航、模块化标签导航、模块序列引导等。根据这些,相应地做出交互稿。

交互稿

头图中强化活动时间,让用户感觉到活动时间阶段紧迫性。突出“5元”低门槛、无门槛红包、已参与人数,吸引用户参加(降低评估成本,从众感)。

3.专题以外的设计

这样的专题很适合用户自己传播,当周边的朋友参加了这样的课程,从众感会让其他人也参加,分享文案也需具有可传播性。专题不是冷冰冰地内容堆砌,情感化设计融入其中,会更有传播性。这就涉及到文案风格、交互排版、视觉氛围综合影响。

总结

优秀的专题设计需要具备简洁易懂的文案、顺畅的内容传达流程、良好的专题氛围感。其中交互在专题中不仅仅是交互控件的应用,也是综合业务与设计的思考;不仅仅是区块的设计,也是细节的设计。


本文来自网易实践者社区,经作者马志强授权发布