【读书笔记】方寸指间——实战指导手册

• 导航设计

标签式：能让用户直观地了解到App的核心功能。根据逻辑和重要性控制在5个以内，通过视觉表现用户的当前位置，页面之间的切换快速又不容易迷失，简单高效。

桌面式：类似于手机桌面各个应用入口的导航方式。每一个入口往往是比较独立的信息内容，用户进入一个入口后，只处理与此入口相关的内容，如果要跳转至其他入口，必须先回到入口汇总界面。

菜单式：以突出内容为主，一般位于产品顶部。与界面的连贯性较好，展开和收起菜单对当前界面没有影响。但由于导航菜单位于屏幕顶部，不适合结合手势，操作上有难度，所以不适合需要频繁切换的功能。

点聚式：最早来自Path，将用户最频繁使用的多个核心功能点汇聚在主界面中显示，方便用户随时呼出使用。所占用的空间较小，常出现在一些主要流程界面中，作为全局导航使用。

• 二级导航

走马灯：适合于图片或整块内容的并列展示，用户通过左右手势滑动来聚焦到当前内容。内容数量不能太多，控制在5~7个以内，以避免用户操作疲劳。

列表：常用于设置、消息和承载大数据量信息的界面。

图示：让导航更加可视化，同时根据页面内容的变化，可以及时地更新图示，适合以图片为主的内容。

分段选项卡：对主导航内容的再次分类，位于界面顶部，视觉上会突出当前所在位置。分段选项卡一般在顶部导航栏下方，一次最多显示4张选项卡。有更多内容，可以结合手势滑动界面。

• 加载设计

当前页加载：点击链接后，在当前页提示正在加载或处理，成功后进入下一页。一般适合在需要处理判断的界面中，不用担心进入空白页面，避免了无故跳转。

进入页加载：点击链接后，直接进入下一个页面，在下一个页面中显示加载内容。现在大部分App的正常路径都会使用这样的设计方式，给用户带来了极为流畅的感觉。需要考虑分步加载，优先加载框架和默认元素，让用户能尽快看到界面的基本布局和内容。

分步加载：优先加载占用网络资源少的内容，例如框架、文字和默认图案，再加载占用网络资源多的内容，这样可以让用户更快速地看到界面框架内容。

懒加载：主要出现在长界面中，如无尽列表，用户可以不断地向下查看内容，达到某个点之后自动加载内容，或者触发拉动后自动加载更多内容。

预加载：是一种提前加载的方式，例如在闪屏的时候提前加载首页内容。还有对于一些表单，都可以提前加载表单的步骤。

智能加载：1、在网络好的情况下，提供更多更长的界面；在网络差的情况下，只显示部分内容，将更多的内容隐藏，通过用户的操作再显示。2、主动判断网络情况，资源会根据网络情况做差异处理。例如，对于图片资源，可以根据网络情况的好坏提供高质量或一般质量的图片。

缓存加载：针对无网络情况下，让用户仍然能看到缓存在本地的有用信息，不会出现空白界面。

• 引导设计

幻灯片引导：一般出现在app第一次启动的时候，通过全屏或近乎全屏的方式展示，让用户聚焦到引导内容上。要做到聚焦、精简、创新，因为引导页很容易被用户直接划过，一般页面为3-5个。

浮层式引导：轻量级但目标性很强的引导方式，一般是半透明浮层结合文案的设计方式，用来提示重要功能或一些隐藏操作。

遮罩式引导：比较强势的引导方式，通过直接盖住界面来强调当前需要引导的内容。遮罩式引导图层需要有确认或退出按键。

嵌入式引导：分为整体嵌入和局部嵌入。整体嵌入一般使用在“空状态”的情况下；局部嵌入式保留当前界面内容的是同，增加引导提示，这种方式比较温和。

互动式引导：一般比较隐蔽，实在用户与产品互动的过程中发生的，引导用户完成操作行为。

• 通知设计

通知中心：提醒内容集中，任何情况都可以下拉查看，最便捷、最不干扰用户的方式。

顶部横幅：在界面顶部短暂停留，能引起用户注意，但又不打断当前界面。（类似浮层通知，浮层通知非短暂停留，用户可以自行选择是否关闭，具有临时性）

Alert：打扰程度最大，打断用户操作，容易被用户忽略内容，直接关闭。

Toast：操作后的反馈，告知用户结果，一般停留3秒左右。

标志：告知用户有新内容，提醒查看。红点和数字提示相比，数字更能引起用户的注意，但当数字过大时，容易被用户忽视。红点提示更适合在大信息量更新，且权重不高的情况下使用，一般点击过后，红点消失。数字提示更适合在更新信息量小，跟用户相关性更高的情况下使用，点击查看过信息后，数字会消失。

• iOS所有的键盘类型

• 图形布局

• 卡片设计

来源：Mufly