个人小程序开始流行了,小程序怎么设计才好用？做一个成本多少？ _经验知识

什么是小程序
小程序是一种全新的连接用户与服务的方式。它可以在app应用内被便捷地获取和传播。同时具有出色的使用体验。小程序一般依附于某个用户体量巨大的app平台。同时省去了用户的下载成本和商家的推广成本。比如最为大家熟知的微信小程序。还有支付宝以及其他很多大型的app 。
小程序设计怎样设计好用（以微信小程序为例介绍）
1.友好礼貌
基于微信小程序轻快的特点。我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内。建立友好、高效、一致的用户体验。同时最大程度适应和支持不同需求。实现用户与小程序服务方的共赢。
为了避免用户在微信中使用小程序服务时。注意力被周围复杂环境干扰。小程序在设计时应该注意减少无关的设计元素对用户目标的干扰。礼貌地向用户展示程序提供的服务。友好地引导用户进行操作。
每个页面都应有明确的重点。以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下。应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。
为了让用户顺畅地使用页面。在用户进行某一个操作流程时。应避免出现用户目标流程之外的内容而打断用户。

文章插图
2.清晰明确
导航明确。来去自如
导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户。当前在哪。可以去哪。如何回去等问题。微信在小程序内现不提供统一导航栏样式。开发者可根据需要自行设计小程序首页和次级页面界面导航。建议所有的次级页面左上角提供返回上一级页面操作。此外。微信iOS用户还可通过界面边缘向右滑动操作。返回上一级小程序或微信页面。安卓用户可通过物理返回键达到同样目的。
小程序菜单
小程序的所有页面。包括小程序内嵌网页和插件。微信都会在其右上角放置官方小程序菜单。样式如图。开发者不可对其内容自定义。但可选择深浅两种基本配色以适应页面设计风格。官方小程序菜单将放置在界面固定位置。开发者在设计界面时请预留出该区域空间。若需要在此区域附近放置可交互元素。要特别注意交互事件是否会冲突。操作是否容易被使用

文章插图
减少等待。反馈及时
页面的过长时间的等待会引起用户的不良情绪。使用微信小程序项目提供的技术已能很大程度缩短等待时间。即便如此。当不可避免的出现了加载和等待的时候。需要予以及时的反馈以舒缓用户等待的不良情绪。
启动页加载
小程序启动页是小程序在微信内一定程度上展现品牌特征的页面之一。本页面将突出展示小程序品牌特征和加载状态。启动页除品牌标志（Logo）展示外。页面上的其他所有元素如加载进度指示。均由微信统一提供且不能更改。无需开发者开发

文章插图
3.便捷优雅
从PC时代的物理键盘鼠标到移动端时代手指。虽然输入设备极大精简。但是手指操作的准确性却大大不如键盘鼠标精确。为了适应这个变化。需要开发者在设计过程中充分利用手机特性。让用户便捷优雅的操控界面。
减少输入
由于手机键盘区域小且密集。输入困难的同时还易引起输入错误。因此在设计小程序页面时因尽量减少用户输入。利用现有接口或其他一些易于操作的选择控件来改善用户输入的体验。
例如下图中。在添加银行卡时。采用摄像头识别接口来帮助用户输入。除此之外微信团队还对外开放例如地理位置接口等多种微信小程序接口。充分利用这些接口将大大提高用户输入的效率和准确性。进而优化体验。
除了利用接口外。在不得不让用户进行手动输入时。应尽量让用户做选择而不是键盘输入。一方面。回忆易于记忆。让用户在有限的选项中做选择通常来说是容易于完全靠记忆输入；另一方面。仍然是考虑到手机键盘密集的单键输入极易造成输入错误。例如图中。在用户搜索时提供搜索历史快捷选项将帮助用户快速进行搜索。而减少或避免不必要是键盘输入。