干货推荐|Web、PC客户端和移动端APP设计自检表

来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

在进行功能设计的时候，有一个List的清单可以帮助我们更好更完整地设计产品功能。今天作者@不知 辛苦数天整理了一份产品设计用的设计自检表。推荐各位收藏。

最近整理了一份设计自检表，适用于Web、PC客户端和移动终端APP设计，主要用来在做产品设计的时候检查设计内容的完整性，尽量考虑不同环境下产品的交互，同时补充一些做产品设计时容易忽视的细节。

思考的过程比较发散，可能还是会有一些遗漏的细节，会在后续不断完善，也欢迎大家借鉴和吐槽。

一、显示

1. 屏幕

说明：

在PC端的Web或PC客户端设计，需要考虑屏幕的分辨率不同而呈现不同的设计效果，对于一些Web的实现方式不同，还需要考虑不同屏幕尺寸下的显示效果。PC端还存在调整窗口大小等操作，这种情况下是否需要对页面布局进行调整？如何调整？都是需要根据产品的实际情况综合考虑的问题。

而移动终端也同样需要考虑分辨率的问题，除此以外就是支持横屏还是竖屏？是否支持两种屏幕方向的切换？若支持切换，布局如何调整？

2. 内容加载

在做Demo的时候，往往会按照常规的内容加载量在做，但是不要忘记初始和无限大这两种极限的情况哦！

二、网络

说明：

网络这块考虑的四个方向之间其实存在着一定的关联性，大家在不同的网速、网络环境下可能会选择不同的加载方式和数据传输方式。目前来说，这里提到的蓝牙已经几乎不再用于在文件等内容的传输了，而更多是用在做一些智能硬件的适配上。而VPN在To C的设计场景中几乎不会出现，在To B的设计中才有可能偶尔需要考虑一下。

三、操作

说明：

几种设计平台的设计模式各有不同，比较容易忽视的主要是一些状态保持、快捷键操作。

四、输入

说明：

输入需要从输入的格式、方式、校验几个角度考虑，不仅包含手动输入，还有文件上传等，在移动终端上，输入的方式更加多样。

五、流程

说明：

在实际的设计中，会有单独的业务流程设计，这里只是简单提一下比较容易忽视的几点，也就是当前状态的显示、加载内容的方式、操作的反馈。

六、状态

说明：

这块整理得比较零碎，主要是目前想到的一些情境下，需要考虑相关交互的设计呈现

此处连接可能包含连接服务器或连接用户的情况，而不仅仅是网络连接，比如QQ视频也是一种连接

七、缓存

缓存需要考虑2个问题：

这里需要考虑手动和自动的机制

八、特定条件触发

说明：

这一块是指在一些特定条件下触发的操作，比如账号注册、多次验证账号密码失败、支付等，或是点击到一些特殊格式的内容。

特定条件触发的操作也是比较发散的命题，需要后续完善。

总结：

以上内容均为本人思考整理，并以思维导图的方式放在了百度云上，Mindjet格式的源文件见下方链接：

本文由 @不知 原创发布于人人都是产品经理。未经许可，禁止转载。