干货|移动端的设计说明

继上次交互体验说明之后，鸟姐今天给大家讲述下关于移动端的设计。移动端一般是指APP、PAD应用。

移动端设计主要介绍启动页、引导页、导航、输入框、弹窗、刷新、加载的设计模式。

首先讲述下启动页，启动页面实际上是完成客户端的首次预加载、这样可以降低用户对于时间的敏感度。一般分为升级逻辑、登录状态、PUSH推送权限、闪屏广告等检测。启动页的展示可以从下列几个角度进行分析设计，第一，品牌宣传。第二，内涵，引起情感共鸣。第三，热点类。

引导页主要是为了帮助用户更好的去理解产品，设计原则主要是突出核心，色调与产品主色调相符合。引导页的主要方式有幻灯片、遮罩、动态、交互等。

幻灯片的引导主要是讲述产品的功能，用讲故事的方式引导更受欢迎，其目目的在于建立与用户相匹配的场景，让用户感同身受。遮罩方式直接通过覆盖接面来去引导当前的内容，属于模态引导，需要进行不断的确认才能退出。动态引导一般通过视频或者动画比较有趣的形式进行引导。交互式引导主要是用户操作产品的时候，会进行交互引导，如上滑下拉、下拉刷新等手势互动说明。

导航的设计是APP很重要的内容，该设计直接影响到用户体验。APP的导航设计有很多种款式，有标签、抽屉类、桌面类的、点聚式的导航。标签的类似淘宝那种icon，一般控制在一行5个以内。抽屉类的一般运用于信息流产品，如抖音、小红书等。桌面类的一般运用于每个独立的信息内容，如微信钱包等。点聚式是指将多个核心功能聚集在一个点，点击那个点后，会拓展开多个功能按钮，如闲鱼。

输入框的设计需要考虑的点如下：字段名、键盘交互、默认值、提示文案、是否必填、约束内容（字数、格式）等。输入框设计主要是为了帮助用户能够更快地去填写，然后出现问题给出校验规则。

弹框的设计主要是为了提醒用户，降低操作的繁琐度、减少页面的跳转。弹窗主要包括下面几种，第一个Toast，这种是属于延时消失，主要运用于提醒。第二个dialog，这种属于强制性提示，也是为了降低操作成本。第三个Actionbar，这种一般有多个功能，使用文字列表或者图文形式，如：分享模块。第四个Snackbar，安卓直接调用，IOS需要定制，属于延时消失的弱提示，可以与用户进行沟通。作用也是提醒用户。

消息通知主要是为了将信息传递给用户，设计的时候秉承引起用户注意，但是不能打断用户当前的操作任务。如：PUSH推送、浮层、标注、短信或者公众号消息提醒等。

刷新主要分为两种：手动刷新（用户操作某个功能的时候，进行下拉刷新）

自动刷新（根据一定的条件，系统自动进行刷新的执行）

页面加载设计主要是运用于APP产品，页面刷新一般分为全屏、分布、自动、离线、智能加载。全屏加载一般运用于功能性页面；分布式加载一般运用于内容类产品；自动加载一般运用于长列表、瀑布流。离线加载一般视频类/新闻题材类缓存到本地。智能加载根据WIFI还是非WIFI的模式下，展示的模式不一样。无WIFI的时候，不展示图或者是小图，视频或者是动画是一个标识展示等。

感谢各位的支持，后续鸟姐将持续分享干货，预祝各位新春愉快。