小程序时代创业实践(三)

    作者:蜗牛更新于: 2018-04-10 18:16:09

      其实,对于微信官方给出的设计原则是友好礼貌、清晰明确、便便捷优雅统一稳定。

      1.友好礼貌,激信官方希望小程序专注解决用户当前的问题,做一个“管而非是在用户处理问题时候,一直制造干扰的“推销员”。首先,每个页面都应该聚焦于某个重点功能,不能与该功能无关。例如,搜索页面的功能应该是搜索,与搜索无关的功能或内容(如Banner广告以及诱导搜索关键词推广等)应应该尽可能去除。其次,页页面的导航应该按照用户的预期进行。例如,用用户跳转进入一个页面时,小程序不应该弹出与之无关的广告,因因为广告不符合用户进入页面的预期。

      2.清晰明确用户在操作小程序时,小程序应该为用户明示当前状态,同时应尽量减少用户在操作上的限制和等待时间。微信官方已经为小程序提供了全局导航栏,包包括导航区(返回按钮)、标标题区和操作区三组。

      如果开发者有需要,可以在小程序的首页中使用页面内导航,包括顶部Tab样式和底部标标签样式。每种样式至少需要要两个标签,最多不能超过五个标签,而微信官方给出的建议是最多不要超过四个。开发者可以定义导航栏和页面内导航的风格颜色。在定义顾色时,开发者需要注意元素辨识度,不能出现刺眼或按钮与文字可视性差的情况。小程序中的加载反馈细节也是影响整体体验的重要部分。微信提供了一个下拉刷新组件,开发者只需要按照要求套用圆可同时,页面内的加载提示推荐使用局部加载反馈而非全局加载反愤,加载时间较长时,建议提供进度条以减缓用户等待的焦灼感。

      微信小程序提供三个结果提示方式,提示效果从弱至强分别为小弹窗提示(toast)、模态框提示(moda1)和单独的成功结果页面。开发者需要根据实际情况,对不同程度的提示进行合理利用。在小程序中,异常情况需要明确告知用户出现了问题,同时明确告知用户问题出在那里、应该如何解决。如果表单中出现错误,小程序应该在顶部弹出提示,井在错误项目的右侧提供错误图标,以便用户定位问题。便捷优雅微信官方希望小程序可以敏捷地解决问题。例如,当用户在进行输入时,可以通过联想、API接口以及其他方式(例如扫描银行卡等),帮助用户快速、准确地填充输入内容。在设计时,应该确确保用户的误操作概率更低。

    小程序时代创业实践(三)_微信小程序_小程序_小程序电商_课课家

      小编结语:其实,对于微信官方在文档中提到,可点击元素应该保证足够大,以便用户能够有明确的点击反馈。4.统一稳定在设计文档中,有关于统一稳定的说法更倾向于“统一”,小程序在整体上应该为用户提供整齐划一的功能,避免同一种视觉。

课课家教育

未登录