• 0点赞

  • 0收藏

热门推荐:一个简单的微信小程序开发要多少钱?

微信小程序伴随着马化腾的演讲也终于要和大家见面了,此次小程序将在春节前正式和大家见面,关于小程序的功能,你了解的够充分吗?未来的趋势已经不在是APP,面对这样的小程序你想好开发的方向了吗?作为创业者你是否有了自己明确的目标。

微信小程序设计文档将所有的设计范例分为了四个部分,分别是: 友好礼貌 清晰明确 便捷优雅 统一稳定

除此之外,微信官方还提供了一些便于开发者使用的组件,这些组件可以在微信官方的小程序 IDE 中直接使用。 设计文档也针对这部分组件进行了详细说明,包括每个组件的适用范围。同时,还提供了 Sketch 与 Photoshop 的设计模板,便于 UI 设计师直接使用。 建议没有太多设计经验的开发者请尽可能使用微信提供的组件样式,这样可以在快速开发的前提下,保证小程序的用户体验。

友好礼貌,微信官方希望小程序专注解决用户当前的问题,做一个管家,而非是在用户处理问题时候,一直制造干扰的推销员。首先,每一个页面都应该聚焦于某个重点功能,不能与该功能无关。例如,搜索页面的功能应该是搜索,与搜索无关的功能或内容(如 banner 广告以及诱导搜索关键词推广等)应该尽可能去除掉。 其次,页面的导航应该按照用户的预期进行。例如,用户跳转进入一个页面时,小程序不应该弹出与之无关的广告,因为广告不符合用户进入页面的预期。建议小程序设计时应该以快速解决用户问题为目标,并为其提供明确且符合预期的步骤导航。而这与张小龙在演讲中提到的用完即走的概念是吻合的。

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

微信小程序提供三个结果提示方式,提示效果从轻至强的分别为小弹窗提示(toast)、模态框提示(modal)和单独的成功结果页面。开发者需要根据实际情况,对不同程度的提示进行合理利用。 建议操作反馈时用 toast,询问行为时用 modal,表单提交后用页面。 Toast、Modal 和成功页面这份设计文档特别强调了异常情况的设计。在小程序中,异常情况需要明确告知用户出现了问题,同时明确告知用户问题出在哪里、应该如何解决。文档对表单中填写出错情况的提示样式进行了规定。如果表单中出现错误,小程序应该在顶部弹出提示,并在错误项目的右侧提供错误 icon,以便用户定位问题。

便捷优雅,微信官方希望小程序可以敏捷地解决问题。比如,当用户在进行输入时,可以通过联想、API 接口以及其他方式(例如扫描银行卡等),帮助用户快速准确地填充输入内容,扫描银行卡快速填充内容在设计时,应该确保用户的误操作概率更低。微信官方在文档中提到,可点击元素应该要保证足够大,以便用户能够有明确的点击反馈。但文案及 icon 不让用户困惑也是减少误操作的重要方式之一。

统一稳定,在设计文档中,有关于统一稳定的说法更倾向于「统一」。即小程序在整体上应该要为用户提供整齐划一的功能,避免同一种视觉元素中在不同页面中有不同的样式。

这样的原则,有助于保证用户的认知稳定性。设计师在设计的时候,应尽可能避免一个小程序中多种元素风格差异较大的情况。这样既不能保证小程序的视觉统一性,同时也对用户的认知稳定造成严重破坏。建议在开发过程中,可以将相同的组件的样式规定于一个全局 WXSS 文件中,以便开发时快速复用并保证视觉统一。温馨提示选择通过微信认证验证主体身份的用户,完成注册流程后请尽快进行微信认证,认证完成之前部分功能暂不可使用。

微信小程序的功能讲究的就是“用完即走,无需下载”所以在开发小程序的时候一定要秉承着这样的观点,去领域这些功能,不要顾此失彼,也不要丢了西瓜拣芝麻,小程序的功能已经足以媲美APP在开发时切忌莫要太复杂,从而背离了小程序的特点,一旦小程序正式上线其将会一种全新的姿态来对APP发起冲击,所以作为创业者一定要提前做好准备,现在去独立开发小程序已经有点晚了所以最好还是寻找一个第三方,像巴巴互联推出的微信小程序生成工具——微尘,就能很好的解决这一问题,让你在最短的时间内解决开发问题。在小程序出现的最初始抢占先机。

版权声明:橙逸所提供的文章、图片等内容均为用户发布或互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系我们微信:jalonw删除。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论信息

TOP