微信小程序设计规范

用户头像
石家庄/设计爱好者/5年前/1268浏览
微信小程序设计规范

微信小程序设计规范

减少无关设计元素对用户目标的干扰,礼貌展示程序提供的服务,友好引导操作!

  1. 在不得不并列多个操作时,需区分操作主次,减轻用户的选择难度。

  2. 在技术和页面控件允许的前提下提供有助于用户决策和操作的帮助内容,比如最近搜索词等。

  3. 导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。(在微信层级导航保持体验一致,有助于用户在微信内形成统一的体验和交互认知,无需再各个小程序和其他微信页面的切换中新增学习成本或改变使用习惯。)

  4. 微信导航栏直接继承于客户端:导航栏分为导航区域,标题区域,操作区域。(导航区控制程序页面进程<)
    4.1微信进入小程序的第一个页面,导航区通常只有一个操作——“返回”,即返回进入小程序前的微信页面。 进入小程序后的次级页面,导航区的操作为——“返回” 和“关闭”。 “返回”,即返回上一级小程序界面或微信界面。“关闭”,即在当前界面直接退出小程序,回到进入小程序前的微信页面。
    ios


    Android

  5. 标签分页栏可固定在页面顶部或者底部,便于用户在不同的分页间做切换。标签数量不得少于2个,最多不得超过5个,为确保点击区域,建议标签数量不超过4项。一个页面也不应出现一组以上的标签分页栏。

0
阅读原文
|
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
手表表盘UI系列
【新年UI图标】活动icon
UI 登录界面设计模板包
【新年UI图标】会员icon
【新年UI图标】体育icon
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
UI通用设计素材1
Security Camera UI kit
钱包ui模板
【新年UI图标】汽车icon
UI应用平面图标
3D渐变流体抽象矢量UI背景图
拟物风质感写实UI卡片合集源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
盲盒APP UI设计
高级表盘系列UI源文件
【新年UI图标】钱包icon
新能源APP应用UIKit
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
app
app
app
app
大家都在看
登录注册