小程序首页怎么排：常用功能放在首屏哪里

用户打开一个小程序，通常带着一件具体的事：看订单、领券、约时间、出示会员码。首页排得好不好，要看他在几秒内能不能找到这件事的入口。很多小程序首页的问题不在好不好看，而在入口排错了位置：常用功能埋在第二屏，首屏被一张大图占满。

这篇讲怎么排小程序首页，让常用功能落在首屏。

一、先弄清用户常做哪几件事

排版之前，先列出用户在这个小程序里会做的事，再按做的频率排序。资料可以从三处来：已有的访问记录、客服和门店听到的问题、运营同事每天处理的需求。

要避免的是按公司的部门来排：商品部的入口一块、会员部的入口一块、活动部的入口一块。用户不关心谁负责什么，只关心自己要做什么。频率高的几件事，就是首屏要留给的位置。

二、首屏分成三块：身份、常用入口、主要行动

手机首屏的位置有限，可以按三块来分：

• 身份与状态：品牌标识，加上用户自己的状态，比如会员等级、积分、待处理订单。让用户一眼知道「我在哪个品牌里，我现在是什么情况」。
• 常用入口：一排或两排图标，每个配两三个字的名称。数量不宜多，一般不超过八个；再多，用户要重新读一遍。
• 主要行动：这个小程序希望用户先做的一件事，比如下单、预约、报名，放一个醒目的按钮或通栏，每屏只放一个。

三块之外的内容，比如专题、推荐、品牌故事，放到首屏下面。首屏不求全，求的是用户一眼就找得到自己要的入口。

三、常用操作放在拇指够得到的位置

用手机时，单手拇指容易够到的是屏幕的下半部分，不容易够到的是顶角。所以可以这样安排：

• 常用入口和主要行动放在中下部，别都挤在顶部。
• 底部导航放三到五项，对应用户常去的几个地方，比如首页、分类、订单、我的。
• 搜索入口放在顶部是常见做法，但如果搜索是用户常做的事，要保证点一下就能用。

四、不同类型的小程序，首屏先放的东西不一样

小程序类型	首屏先放	放在首屏下面
零售	搜索、商品分类、当前优惠、会员状态	专题、新品、品牌故事
预约服务	预约入口、我的预约、可约时段	服务介绍、常见问题
会员	会员码、积分、可用权益	活动、积分商城的推荐
活动与展会	报名、日程、我的票证	嘉宾、往期回顾

表里不是固定答案，只是提示一个思路：先放用户进来就要办的事，再放想让他看的内容。零售类的小程序要兼顾品牌表达和购买转化，可以接着看品牌零售小程序：品牌表达和购买转化怎么兼顾。

五、品牌表达放在哪里

品牌要在首页出现，但别让它把常用功能挤下去。常见的情况是首页顶部放了一张满屏的大图，用户划了一下才看到入口。办法有两个：把大图的高度收一收，让常用入口露出一部分；或者把品牌画面放进首屏下面的专题区，首屏顶部只留标识和状态。品牌的字体、色彩和图像规范保持一致，用户对品牌的印象，不靠占的面积，靠每个细节是否统一。

六、上线前，让真实用户试一遍

排完之后，找几位没参与过设计的人，给他们几个具体任务：「找到你的订单」「领一张券」「约下周的时间」。看三件事：几步到达，在哪一步犹豫，有没有人点错地方。再换几款不同尺寸的手机，看首屏的常用入口是否都在，有没有被挡住。

上线前的整体验收，可以对照小程序上线前一周，验收要过哪几项。首页的排版要先过这一关，再进入整体验收。

小结

小程序首页的排法：先按用户做事的频率排功能；首屏分成身份、常用入口、主要行动三块；常用操作放在拇指够得到的位置；按小程序类型决定首屏先放什么；品牌表达不挤占常用入口；上线前让真实用户按任务试一遍。

飞沐的数字体验服务涵盖微信、支付宝小程序，从会员、预约、零售到活动服务，设计与开发一体推进。