微信小程序怎么设计图文步骤

微信公众平台宣布 , 微信小程序开始公测 。想必大家早在上个月就听说了 , 微信小程序是一种全新的应用形态 , 微信小程序平台不需要下载安装即可使用应用的平台 , 微信小程序实现了应用“触手可及”的梦想 , 用户扫一扫或者搜一下即可打开应用 。也体现了“用完即走”的理念 , 用户不用关心是否安装太多应用的问题 。应用将无处不在 , 随时可用 , 但又无需安装卸载 。下面一起看一下小编给大家带来的微信小程序设计图文步骤吧 。

微信小程序怎么设计图文步骤


微信
【微信小程序设计指南】
概要
基于微信小程序轻快的特点 , 我们拟定了小程序界面设计指南和建议 。设计指南建立在充分尊重用户知情权与操作权的基础之上 。旨在微信生态体系内 , 建立友好、高效、一致的用户体验 , 同时比较大程度适应和支持不同需求 , 实现用户与小程序服务方的共赢 。
友好礼貌
为了避免用户在微信中使用小程序服务时 , 注意力被周围复杂环境干扰 , 小程序在设计时应该注意减少无关的设计元素对用户目标的干扰 , 礼貌地向用户展示程序提供的服务 , 友好地引导用户进行操作 。
重点突出
每个页面都应有明确的重点 , 以便于用户每进入一个新页面的时候都能快速地理解页面内容 , 在确定了重点的前提下 , 应尽量避免页面上出现其他干扰项影响用户的决策和操作 。
反例示意
此页面的主题是查询 , 却添加了诸多与查询不相关的业务入口 , 与用户的预期不符 , 易造成用户的迷失 。
微信小程序怎么设计图文步骤


微信
纠正示意
去掉任何与用户目标不相关的内容 , 明确页面主题 , 在技术和页面控件允许的前提下提供有助于用户目标的帮助内容 , 比如最近搜索词 , 常用搜索词等 。
微信小程序怎么设计图文步骤


微信
反例示意
操作没有主次 , 让用户无从选择
微信小程序怎么设计图文步骤


微信
纠正示意
首先要避免并列过多操作让用户选择 , 在不得不并列多个操作时 , 需区分操作主次 , 减轻用户的选择难度 。
微信小程序怎么设计图文步骤


微信
流程明确
为了让用户顺畅地使用页面 , 在用户进行某一个操作流程时 , 应避免出现用户目标流程之外的内容而打断用户 。
反例示意
用户本打算进行搜索 , 在进入页面时却被突如其来的抽奖弹窗所打断;对于抽奖没有兴趣的用户是非常不友好的干扰; 而即便有部分用户确实被“诱人”的抽奖活动所吸引 , 离开主流程去抽奖之后可能就遗忘了原本的目标 , 进而失去了对产品真正价值的利用和认识 。
微信小程序怎么设计图文步骤


微信
清晰明确
一旦用户进入我们的小程序页面 , 我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去 , 确保用户在页面中游刃有余地穿梭而不迷路 , 这样才能为用户提供安全的愉悦的使用体验 。
导航明确 , 来去自如
导航是确保用户在网页中浏览跳转时不迷路的最关键因素 。导航需要告诉用户 , 我在哪 , 我可以去哪 , 如何回去等问题 。首先在微信系统内的所有小程序的全部页面 , 均会自带微信提供的导航栏 , 统一解决我在哪 , 如何回去的问题 。在微信层级导航保持体验一致 , 有助于用户在微信内形成统一的体验和交互认知 , 无需在各小程序和微信切换中新增学习成本或改变使用习惯 。

推荐阅读