新手引导是为了让用户快速学习产品新的功能而出现的一种展现形式,它主要分为两种类型:针对产品主推功能通常采用开机画面引导为主;针对逻辑较强,步骤稍多的操作功能或是更改了常用功能的位置通常会采用气泡形式进行展示。 1)开机画面引导形式 下图为百度地图新手引导的设计图:界面设计简洁,主题明确,画面有趣,让用户清晰的明白产品要主推的功能。 设计上采用产品吉祥物元素,加上需要展示的主题,让画面有趣并富有故事性。 布局上采用图文上下排布,视觉语言统一。 文案上简洁,主次明确。 交互上,用户可以在任意一页把页面关闭,体验更加人性化,操作更加方便。
2)气泡引导形式 气泡形式是一种比较直观有效的方法告诉用户目前发生的状况,但是这种提示从一定程度上也干扰了用户的操作路径。所以当产品需要引导用户时,怎样减少用户对产品的负面影响是设计师需要考虑的。下图是两个产品针对气泡引导使用的不同方案:
闲鱼APP在做新手引导时形式上采用半遮盖的方式,尽量减少对用户的干扰;交互上有添加关闭功能,让用户随时可以离开;设计上采用图文结合的方式,通过吉祥物形象来引导用户阅读文字信息,从各方面把干扰降到最低。 百度地图采用另外的一种呈现方式,形式上采用全遮盖的方式,给用户最明确的展示;交互上「知道啦」按钮代替了生硬的关闭按钮,使交互更具情感化;设计上通过吉祥物超萌的表情来引导用户浏览图文信息,让页面更有故事性。 小结 页面引导不管运用哪种形式设计,都是为产品功能服务的,在引导用户关注新功能的同时,需要提升产品的好感度,避免对用户产生干扰。 新手引导页面不宜过多,最好是3±页,用户既能耐心的看完信息,又不至于引起用户的反感。 设计形式尽量新颖有趣,来吸引用户的视线。 交互上需要做到让用户随时可以退出,尽量不要做强制用户的设计。 三. 梳理模块之间的关系 从视觉的角度去优化每个模块的同时,我们必须注意它们之间的关联性,虽然每个模块都相对独立,但是需要在品牌特色上具有统一性。品牌特性的传达是通过产品的每一个细节来体现的,一致性的视觉语言会使用户对产品有更深的印象。所以产品每个模块颜色的选取,设计元素的运用以及大的设计风格都需要设计师进行精准的把控。 总结 通过以上例子,希望能够让小伙伴们打开设计思路,让自己有更多的设计方案来解决设计问题。 作为视觉设计师,我们首先要做到的就是设计上满足业务需求,但在此基础上怎么让界面更加精细美观具有设计感是设计师需要努力的方向,所以设计师应该更全面的了解每一个模块,进行深层次的设计探索,让设计更具有价值。与此同时,再对交互逻辑和业务需求全面深入的了解是设计师更高的进阶方向,紧跟UXD趋势,使自己不断涉猎新的东西,保持创新的理念,提升设计价值和自身的社会竞争力。 document.writeln(''); document.writeln(' (责任编辑:admin) |