发布时间:2023-2-2 分类: 行业资讯
微信的最新更新,小程序入口变得轻松得多。在微信打开后,最近使用的小程序放在初始页面的下拉菜单中,下拉栏空间非常充足。为了培养用户使用小程序的习惯,让更多人了解小程序,微信开发团队还推出了“跳”小程序游戏。
小编的朋友小王最近拿了一个小程序的私人名单,因为他之前没有触及过小程序设计,他按照做应用程序的想法做到了,所以他基本上都是这样做的……
随着小程序的普及,设计师们收到了很多私人订单的小程序,以避免与小王一样的痛苦经历。小编今天分析了几个应用程序,并讨论了App与微信小程序设计的异同。
商城类
Mushroom Street App和applet之间的界面非常典型。
首先,看到一个小程序的第一印象是简洁和平整。 App标题栏中的横幅消失在applet中,主题颜色背景被替换为“Leading Red Packet”字样。 (红包完成后,头条的位置减小,背景不变。)小程序中的真实图标变成了一个带有放大字体的简单线性图标。虽然第三列使用物理图像,但是添加了整体灰度,并且增强了页面的均匀性。其次,在下降之后,会发现小程序的水平滚动列表少于App,并直接在第一级页面上显示产品信息,并使用用户的简短评论替换直播和主题建议。
通过这种方式,界面的整体外观更轻,满足小程序的设计要求。值得注意的是,小方案页面增加了一句特别的句子,“这个商城是腾讯投资公司,全包,官方保证。”这真的是想给产品经理一个恭维,因为使用该应用程序的人大多是忠实用户,但在微信终端用户可能会第一次通过朋友圈,群聊。愿意使用小程序的用户通常对微信有很高的信任度。对于新用户来说,这句话无疑是一个强有力的镜头,腾讯的父亲的大腿也是顺便说一句。
它也是一本依赖社区和UGC内容制作的小红皮书。小红树的小程序可以说是非常符合设计师的审美观 - —极简主义。
底部的tabbar只有两个内容,“Home— My”,第一页没有任何启动和功能分区,只有产品和搜索产品。必须要说的是,在许多使用水平线的小程序中,使用小型红色书籍的卡式垂直排列是非常有吸引力的。
辅助页面(产品详情页面)更像是淘宝网,有用户推荐和产品详细信息,但都采用“一拖拉”的方式。 App“Discovery”功能下的内容仅在项目用户推荐点开关后才会出现。从逻辑上讲,小红树用串口功能/触发功能取代了应用程序的并行功能,使页面最小化。
然而,小红树的“微风”在一定程度上暴露了用户吸引力方面的自信心。我不知道实际的排水效果。我们还将看看未来小程序界面的更新趋势。
信息类
基于信息的小程序在一定程度上分享了微信公众账号的一些功能。关于小型项目的发表文章和讨论比公众号码更加灵活方便,并且已成为未来的发展趋势。
第一个要说的是《好奇心日报》小程序,它与App相同。顶级导航分为新闻和讨论。一些讨论嵌入在新闻部分,没有底部导航栏。但是,应用程序中的水平滚动列表和Q浮动按钮消失了。
此应用程序中的浮动按钮实际上为应用程序提供了许多功能。按钮的消失意味着用户无法登录,使用小程序中的社交功能或在辅助页面上发表评论(可以匿名称赞)。就像改变小程序名称一样,它更像是一本电子杂志。 Curiosity Daily在功能上做了减法。
取消社交功能是否合适?让我们来比较钛媒体小程序。
App和applet选择了不同的主题颜色,但它们都是品牌颜色。蓝湖看起来更加生动,但个人觉得没有黑色亮点。 (如下所示)公司可能认为applet和App目标受众不同,小程序用户更年轻。
底部导航栏具有相同的用户登录界面,除了“发现—活动“栏目。用户可以登录,收集,评论等,但更重要的原因是应用程序中的付费程序在applet上同步。该功能是一种联合效应。
回到我们的问题,applet是否需要社交功能?这取决于开发applet的主要目的和社交功能的获得效果。例如,像心灵之王这样的小程序,你需要与你的朋友竞争“刺激”用户继续回答问题,所以他们应该有社交功能。
总结
通过分析这两种类型的应用程序,我们可以探索以下小程序设计经验。
1.灯光设计
一般来说,小程序比App简单,突出了主要功能。您还可以将并行功能更改为串行/触发功能以简化页面,例如小红皮书。
2.注意团结
applet的颜色,图标和样式应与应用程序中的颜色,图标和样式相同,但请考虑更改目标受众以进行适当的更改。减少横幅和物理图标的使用,以实现页面简化和颜色均匀性。
3.我应该使用水平滚动列表
这在技术上是可以实现的,但是大多数小程序目前都不使用这种方法,但也有像Douban Ratings这样的小程序。水平滚动列表和垂直滚动列表是applet中的两个选择关系,一个是可以无限期拉动而另一个应该是有限的。
4.注意加载效果
applet内容的轻量级也有一个重要原因— —减少开放时间,用户等待app比app小得多。此时,加载效果可以用作奖励项目以保留用户。
5.导航栏样式
applet的底部导航栏相对较硬,配置空间为2-5,图标和文本空间都很严格。您可以使用顶部导航栏和浮动导航按钮。例如,心灵之王将使用“知识狗”作为浮动按钮来引导用户进入热门列表。
今天的分享就在这里,朋友们,您在设计小型程序的过程中积累了哪些经验?您可以在评论区域中分享它们。