首页 手机软件 商务办公 微信小程序
微信小程序

微信小程序

安卓下载

9

编辑推荐

微信小程序平台是一个APP应用推广平台。 使用此微信小程序微信应用程序帐户平台,用户可以像安装应用程序一样使用应用程序帐户,并且微信应用程序帐户等效于另一个AppStore。 主要功能是应用程序推广。 。

平台介绍

什么是微信小程序,它能做什么?

拥有应用程序帐户的用户就像安装一个应用程序,而微信小程序等效于另一个AppStore。 微信小程序的主要功能是应用程序推广。 微信的目的似乎很简单。 旨在使用户在微信上使用App的所有行为集中。

微信小程序有两个主要功能:首先,可以通过关注应用程序号直接实现APP功能,因此用户无需安装,下载,卸载和其他操作。 对于那些不经常使用的软件,您可以使用它。 代替“申请号”; 此外,用户还避免了不时下载软件更新软件包的麻烦。

但是,如果微信小程序可以获取足够的用户,则需要开发人员的支持。

毫无疑问,开发人员将是微信小程序的最大受益者。 对于开发者而言,微信小程序可以节省开发成本并提高研发效率。 开发人员只需要开发适合浏览器应用程序的产品即可满足不同操作系统的需求。 此外,部署在应用程序帐户中的应用程序的营销和推广也可以事半功倍。

特征

查看容器:视图(视图),滚动视图,滑动器

基本内容:图标,文字,进度条

表单组件:按钮,表单等

操作反馈

导航

媒体形成:音频,图片,视频。

地图

帆布

文件操作能力

网络:上传和下载功能,WebSocket

数据:数据缓存功能

位置:获取位置,查看位置

设备:网络状态,系统信息,重力传感器,指南针

界面:设置导航栏,导航,动画,绘图等

开放的界面:登录,包括签名加密,用户信息,微信支付,模板消息

平台功能

申请号的当前名称为“微信小程序”,不是广泛讨论的申请号;界面和框架包括:视图,内容,按钮,导航,多媒体,网络功能,指南针,重力传感器,绘图板等。

有了这个框架和丰富的组件,微信小程序的启动和运行速度将与本地应用程序相当。可以实现的功能也将由纯网页的服务帐户提供。小型程序开发后,就无法直接发布,并且需要类似于AppStore进行审核。

微信小程序是无需下载和安装即可使用的应用程序。它实现了“触手可及”的应用程序梦想。用户可以扫描或搜索以打开应用程序。它还体现了“即用即用”的概念,用户无需担心是否安装了太多的应用程序。应用程序将无处不在并且随时可用,但是无需安装或卸载。

微信小程序被认为是“跨平台操作系统”,业界对此反应热烈。人们更加担心许多应用程序(移动应用程序)将面临影响。一位熟悉腾讯的人士对此表示:“实际上,他们都在解释一件事,确实没有必要开发应用程序。”

平台优势

  微信小程序已经流行了很长时间,并且与应用程序等相比,基于微信生态的应用程序帐户具有自然的优势。

首先,微信拥有大量用户,而且粘性很高。在微信中开发产品时更容易接触到用户;

第二个原因是推广应用程序或官方帐户的成本太高,微信小程序的“不下载”优势可以减轻用户的心理负担,提高推广效率。要推广微信应用程序帐户,无论是交通环境还是WIFI环境,用户都只需扫描代码即可,这不是问题,可以最大程度地减少用户的耐心。

第三,微信除了为用户提供功能外,还可以推送内容,同时具有未读标记。推送率高于应用程序。

第四,开发和适应成本低。微信公众号的开发涉及网页的前端和服务器的后端。与iOS和Android的开发相比,至少节省了两个平台的开发成本,节省了大量的时间和人力。因为开发这两个平台的客户端,所以几乎必须开发服务器后端。网页的前端可能少于微信公众号,但相比之下,这些前端的工作量却比客户端的工作量少得多。

在微信应用程序中,无论用户使用哪种手机,体验都是一样的。如果它们不一致,则可以与相对较低的开发成本保持一致。如果您正在开发微信消息传递应用程序,则微信会提供一个固定的消息模板,这意味着,无论使用什么系统用户,他们都将看到相同的界面。

第五,很容易进行小规模的尝试和错误,然后快速迭代。这被认为是当今互联网创业的基本方法。而且修改不需要等待审查,迭代之后可以立即看到效果,然后继续观察和迭代。

第六是跨平台。微信小程序本身是一个网页,可以在组中转发,也可以建立在官方帐户上,这非常便于传播。

使用说明

  微信小程序设计指南

 概要

基于微信小程序的鲜明特点,我们为设计小程序界面制定了指导原则和建议。设计指南基于充分尊重用户的知情权和操作权。它旨在在微信生态系统中建立友好,高效和一致的用户体验,同时最大程度地适应和支持不同需求,从而为用户和小型程序服务提供商实现双赢。

  友好而礼貌

为了避免在微信中使用小程序服务时用户的注意力受到周围复杂环境的干扰,小程序的设计应减少不相关的设计元素对用户目标的干扰,礼貌地向用户展示所提供的服务 通过程序,并友好地指导用户进行操作。

  强调

每个页面都应有明确的重点,以便用户每次进入新页面时都可以快速了解该页面的内容。 确定焦点之后,请尝试避免页面上其他分散注意力的项目影响用户的决策和操作。

反例

此页面的主题是查询,但是添加了许多与查询无关的业务条目,这些业务条目与用户的期望不符,这很容易导致用户迷路。

微信小程序

更正

删除任何与用户目标无关的内容,阐明页面主题,并在技术和页面控制的前提下提供有助于用户目标的帮助内容,例如最近的搜索词,常用搜索词等。

微信小程序

反例

没有主次操作,因此用户别无选择

微信小程序

 更正

首先,有必要避免过多的操作供用户选择。 当必须并行执行多个操作时,有必要区分操作的优先级以减少用户选择的难度。

微信小程序

清晰的过程

为了使用户能够流畅地使用页面,当用户执行特定的操作过程时,有必要避免由于用户目标过程之外的内容而打断用户。

反例

用户打算进行搜索,但进入页面时突然被弹出的彩票打扰了; 对彩票不感兴趣的用户是非常不友好的干扰; 甚至确实有一些用户被“诱人”的彩票所吸引,在离开抽奖的主要过程之后,您可能会忘记最初的目标,然后失去对产品真实价值的使用和理解。

微信小程序

明确

用户进入我们的小程序页面后,我们有责任和义务明确告知用户他们的位置和去向,并确保用户可以自由浏览该页面而不会迷路,因此 为用户提供安全愉快的体验。

  清晰的导航,自由进出

导航是确保用户在浏览和跳转网页时不会迷路的最​​关键因素。导航需要告诉用户我在哪里,可以去哪里以及如何返回。首先,微信系统中所有小程序的所有页面都有自己的导航栏,由微信提供,以统一解决我在哪里以及如何返回的问题。在微信级别导航中保持一致的体验可帮助用户在微信中形成统一的体验和交互式认知,而无需在小程序和微信之间切换时增加学习成本或改变使用习惯。

 微信导航栏

微信导航栏直接从客户端继承。除了导航栏的颜色外,开发人员不需要也不能自定义内容。但是,开发人员需要指定小程序每个页面的跳转关系,以便导航系统能够以合理的方式工作。

微信导航栏分为导航区,标题区和操作区。 导航区域控制程序页面的过程。 目前,导航栏分为两种基本颜色。

 导航区(iOS)

导航区域中通常只有一个操作,该操作将返回到上一个界面。

导航区(Android)

与iOS一样,导航区域只有一个操作可返回上一页,并且单击Android手机随附的硬件返回按钮也具有相同的作用。

微信小程序

微信导航栏自定义颜色规则(iOS和Android)

迷你程序导航栏支持基本的背景颜色自定义。 在满足可用性的前提下,所选颜色需要与微信提供的两个主导航栏图标保持一致。 建议参考以下颜色选择效果:

  样品配色方案

微信小程序

页内导航

开发人员可以根据自己的功能设计需要在页面中添加自己的导航。 并保持不同页面之间的导航一致。 但是,由于手机屏幕尺寸的限制,“小程序”页面的导航应尽可能简单。 如果只是常规的线性浏览页面,建议仅使用微信导航栏。

开发人员可以选择将选项卡和选项卡导航添加到“小程序”页面。 标签标签栏可以固定在页面的顶部或底部,方便用户在不同标签之间进行切换。 标签数量不得少于2个,最大数量不得超过5个。为确保可点击区域,建议标签数量不超过4个。标签上的标签选项卡不得超过一组 页。

小程序的主页可以选择微信提供的本机底部标签的分页样式,该样式仅用于小程序的主页。 您可以在开发过程中自定义图标样式,标签副本和副本颜色。 有关特定设置,请参阅开发文档。

微信小程序

顶部标签页栏的颜色可以自定义。 在选择自定义颜色时,重要的是要使分页栏的选项卡保持可用,可见和可操作。

微信小程序

微信小程序

减少等待和及时的反馈

在页面上等待时间过长将对用户造成不良情绪。 使用微信小程序项目提供的技术可以大大减少等待时间。 即使这样,在不可避免的加载和等待时,也需要及时反馈以减轻用户等待的不良情绪。

开始页面加载

小程序启动页面是小程序在微信内容中一定程度上显示品牌特征的页面之一。此页面将突出显示迷你程序的品牌特征和加载状态。除了显示品牌徽标(徽标)之外,页面上的所有其他元素(例如加载进度指示器)均由微信提供,无法更改,并且不需要开发人员进行开发。

微信小程序

下拉页面刷新加载

在微信小程序中,微信提供了标准的页面下拉刷新加载功能和样式。

开发人员可以自定义需要通过下拉交互刷新的页面。这种互动微信将提供标准的功能和样式。在样式方面,刷新图标和下拉标记已捆绑在颜色中,并分为两组阴影。开发人员在使用时应注意标题文本,下拉标记和刷新图标的和谐统一。当用户在此类型的页面上进行下拉交互时,将显示微信小程序页面的标准加载动画。开发人员不需要开发自己的样式

微信小程序

  两组下拉样式

微信下拉提醒用于向用户明确表明迷你计划的所有者,以防止欺诈和作弊。 此处的标签提供了两组深色和浅色方案。 文本颜色无法自定义。 定制背景色时,开发人员应注意下拉标签的识别。 iOS和Android配色方案如下所示。

微信小程序

 微信下拉标记不正确的用例

请避免以下不正确的用法,以确保信息的可见性和页面的可用性

微信小程序

微信小程序

  在页面中加载反馈

开发人员可以在applet中自定义页面内容的加载样式。 建议自定义加载样式(无论是部分使用还是全部使用)都应尽可能简洁,并使用简单的动画通知用户加载过程。 开发人员还可以使用微信提供的统一页面加载样式,如图中的示例所示。

微信小程序

  模态加载

模态加载样式将覆盖整个页面。 由于无法清楚地告知特定的加载位置或内容可能会导致用户焦虑,因此应谨慎使用。 除某些全局操作外,请勿使用模式加载。

微信小程序

 部分加载反馈

也就是说,仅在触发加载的页面部分执行反馈。 这种反馈机制更具针对性,页面变化很小,这是微信推荐的反馈方法。 例如:

微信小程序

  加载反馈注意事项

如果加载时间较长,则应提供取消操作,并使用进度条显示加载进度。

在加载过程中,应保持动画效果; 没有动画效果的加载很容易让人产生界面卡住的错觉。

不要在同一页面上同时使用多个加载动画。

结果反馈

除了在用户等待时及时反馈信息之外,还需要对操作结果的清晰反馈。 根据实际情况,可以选择不同的结果反馈方式。 对于页面上的部分操作,可以在操作区域中提供直接反馈,对于页面级操作结果,可以使用弹出提示(Toast),模式对话框或结果页面进行显示。

部分页面操作结果反馈

对于页面上的部分操作,可以在操作区域中给出直接反馈,例如单击多选控件之前和之后的下图。 对于常用控件,微信设计中心将提供控件库,控件将提供完整的操作反馈。

微信小程序

  页面全局操作结果弹出提示(Toast)

弹出提示(Toast)适用于轻量级成功提示,该提示在1.5秒后自动消失而不会中断该过程,并且对用户几乎没有影响。 适用于不需要强调成功状态的操作提醒。 请特别注意该表格不适合错误通知。

微信小程序

  页面全局操作结果模式对话框

可以通过模式对话框提示需要用户明确知道的操作结果状态,并可以附加下一个操作指南。

微信小程序

页面全局操作结果-结果页面

如果操作结果是当前过程的结尾,则可以使用操作结果页面提供反馈。 该方法最强烈,最清楚地告知用户操作已完成,可以根据实际情况为下一步操作提供指导。

微信小程序

 异常可控,有回溯之路

在设计任何任务和流程时,异常状态和流程通常很容易被忽略,而这些异常场景通常在用户最沮丧并需要帮助的时候出现。 因此,有必要特别注意异常状态的设计,并在发生异常时向用户提供必要的信息。 状态提示,并通知解决方案,以便有一种方法可以返回。

有必要防止用户莫名其妙地无所事事地被卡在特定页面上。 2.2中提到的弹出窗口和结果页面可以用作异常情况的提醒。 另外,在表单页面中,尤其是包含许多表单项的页面中,应明确指出错误项,以便用户对其进行修改。

  异常状态形式错误

如果在表单上报告了错误,请在表单顶部告知错误原因,并标识错误字段以提示用户进行修改

微信小程序

 方便优雅

从PC时代的物理键盘和鼠标到移动时代的手指,尽管大大简化了输入设备,但手指操作的精度远不如键盘和鼠标。 为了适应这种变化,开发人员需要在设计过程中充分利用手机功能,以使用户可以方便,优雅地控制界面。

减少输入

由于手机的键盘区域又小又密,所以难以输入,容易引起输入错误。 因此,在设计小程序页面时,为了最大程度地减少用户输入,请使用现有界面或其他易于操作的选择控件来改善用户输入体验。


 减少输入,巧妙使用界面

例如,在下图中,添加银行卡时,摄像机识别界面用于帮助用户输入。此外,微信团队还开放了各种微信小程序界面,例如地理位置界面。充分利用这些界面将大大提高用户输入的效率和准确性,并优化体验。

微信小程序

除了使用界面之外,当用户必须进行手动输入时,请尝试让用户做出选择,而不是键盘输入。一方面,记忆很容易记住,并且允许用户在有限的选项中进行选择通常更容易通过记忆完全输入。另一方面,仍然认为手机键盘的密集单键输入很容易引起输入错误。例如,在图中,在用户搜索时提供搜索历史快捷方式选项将帮助用户快速搜索,并减少或避免不必要的键盘输入。

微信小程序

 避免误操作

因为我们用手指触摸屏幕来控制手机的界面,所以手指点击的准确性远不及鼠标。 因此,在设计需要单击页面的控件时,需要充分考虑热点区域,以免可点击区域过小或过密而引起误操作。 当简单地将最初在计算机屏幕上使用的接口移植到移动电话而没有任何修改时,通常容易发生此问题。 由于手机的屏幕分辨率不同,因此最适合单击的像素大小并不完全相同,但是转换为物理尺寸时,大约在7mm-9mm之间。 在微信提供的标准组件库中,各种控制元素都考虑了页面点击效果和不同屏幕的适应性,因此建议再次使用或模仿标准控件大小进行设计。

 使用界面来提高性能

微信设计中心已经启动了一套标准的网页控件库,包括草图设计控件库和Photoshop设计控件库。 小程序组件将在未来得到改进。 这些控件充分考虑了移动页面的特征,并可以确保它们在最终页面上具有移动可用性和运营性能; 同时,微信开发团队正在不断完善和扩展微信小程序界面,并提供微信公共图书馆。 使用这些资源不仅可以为用户提供更快的服务,而且可以提高页面性能。 效果很大,隐形地提升了用户体验。

 统一稳定

除上述各种原则外,建议连接微信的小程序应始终注意不同页面之间的统一性和连续性,并尝试在不同页面上使用一致的控件和交互方法。

统一的页面体验和连续的界面元素将有助于以最低的学习成本实现使用目标,并减少由页面跳动引起的不适。 因此,小型程序可以根据需要使用微信提供的标准控件来实现均匀性和稳定性。

  视觉规范

为了方便设计人员进行设计,微信提供了一套用于网页设计和小程序的基本控件库; 同时,它提供了方便开发人员调用的资源。

 字体规格

微信中字体的使用与运行中的系统字体一致。 常见字体大小为20、18、17、16、1413、11(pt)。 具体的使用场景如下:

微信小程序

  字体颜色

微信小程序

主要含量黑色为黑色,次要含量灰色为灰色; 时间戳记的默认值,形式为浅灰色; 描述内容的大部分,属于主要内容是半黑色;

微信小程序

蓝色是链接颜色,绿色是完成颜色,红色是错误颜色。 在“ Press”和“ Disable”状态下分别将透明度降低到20%和10%;

微信小程序

  列出视觉规格

微信小程序

 表单输入视觉规范

微信小程序

  按键使用原理

列表外按钮上的文本标准

当按钮高度为44px时使用:颜色#000000 /#353535字体大小18pt

在点击状态下,文本的透明度可以调整为60%

当无法单击时,将文本的透明度调整为30%

微信小程序

  列表外按钮上的文本标准

当按钮高度为25px时使用:颜色#000000 /#353535字体大小14pt

  页面线性按钮上的文本标准

当按钮高度为35px时使用:颜色#09BB07 /#353535字体大小16pt

微信小程序

 图标使用原则

微信小程序

常见问题

 小程序:新申请表

 问:什么是小程序? 它具有什么样的功能?

答:小程序是无需下载和安装即可使用的应用程序。 它实现了“触手可及”的应用梦想。 用户可以通过扫描或搜索来打开应用程序。 它还体现了“即用即用”的概念,用户无需担心是否安装了太多的应用程序。 应用程序将无处不在并且随时可用,但是无需安装或卸载。

下一步将对应用程序完全开放

  问:我是一名开发人员,尚未收到测试迷你程序的邀请。 我可以通过哪些渠道注册迷你计划?

答:目前,小型计划仍处于内测阶段。 申请完全开放后,主题类型为个人,企业,政府,媒体或其他组织的开发人员可以申请微型程序的注册。

 问:一些帐户已经收到迷你程序内部测试的邀请。 他们会继续打开内部测试的邀请吗?

答:关于小程序的在线节奏:该内部测试采用邀请系统,其内容客户端对于用户而言暂时不可见。 之后,迷你程序将完全开放供应用程序使用,所有迷你程序将在同一时间向用户开放。

问:小程序可以与现有应用程序连接吗?

答:小程序可以使用微信联合登录来连接开发人员现有的应用程序后端的用户数据,但不支持小程序和应用程序之间的直接跳转。

小程序提供了一个新平台

  问:微信已经有一个订阅帐号,服务帐号和企业帐号。 迷你计划和这三个之间有什么区别?

答:小型程序,订阅帐户,服务帐户和企业帐户当前是并行系统。

 问:俗话说,小程序的推出意味着微信将成为应用程序分发市场。 真的吗?

答:微信推出的不是面向应用程序分发市场的小程序,而是为某些高质量服务提供开放平台。

【更新内容】
选择照片时,可以进行简单的编辑。
如果您无法完成该文章,则可以将其放在聊天顶部。
软件截图
微信小程序
微信小程序
微信小程序
微信小程序
微信小程序
猜你喜欢
推广
推广

网络营销时代的来临让推广变成各大商家的重中之重,商家可以通过推广自己的商品来提升自己的知名度,同时提升商品的销售量,从而获得更大的收益。小编这里就帮大家收集了一些不错的推广软件,有兴趣的用户一起来看看吧

软件榜单 更多
最新软件 更多

Copyright©2024 LC游戏网(www.linkchic.com)版权所有 联系邮箱:linkchic*qq.com(*改为@)

晋ICP备2024030154号-1