干货推荐｜Web、PC客户端和移动端APP设计自检表(附思维导图源文件下载).pdf

干货推荐｜ Web 、PC 客户端和移动端 APP 设计自检表（附思维导图源文件下载 ） 在进行功能设计的时候，有一个 List 的清单可以帮助我们更好更完整地设计产品功能。今天 作者 @ 不知 辛苦数天整理了一份产品设计用的设计自检表。推荐各位收藏。 最近整理了一份设计自检表，适用于 Web 、PC 客户端和移动终端 APP 设计，主要用来在做产品设计 的时候检查设计内容的完整性，尽量考虑不同环境下产品的交互，同时补充一些做产品设计时容易 忽视的细节。 思考的过程比较发散，可能还是会有一些遗漏的细节，会在后续不断完善，也欢迎大家借鉴和吐槽 。 一、显示 1. 屏幕 说明： 在 PC 端的 Web 或 PC 客户端设计，需要考虑屏幕的分辨率不同而呈现不同的设计效果，对于一 些Web 的实现方式不同，还需要考虑不同屏幕尺寸下的显示效果。 PC端还存在调整窗口大小等操作 ，这种情况下是否需要对页面布局进行调整？如何调整？都是需要根据产品的实际情况综合考虑的 问题。 而移动终端也同样需要考虑分辨率的问题，除此以外就是支持横屏还是竖屏？是否支持两种屏幕方 向的切换？若支持切换，布局如何调整？ 2. 内容加载 在做 Demo 的时候，往往会按照常规的内容加载量在做，但是不要忘记初始和无限大这两种极限的 情况哦！ 二、网络 说明： 网络这块考虑的四个方向之间其实存在着一定的关联性，大家在不同的网速、网络环境下可能会选 择不同的加载方式和数据传输方式。目前来说，这里提到的蓝牙已经几乎不再用于在文件等内容的 传输了，而更多是用在做一些智能硬件的适配上。而 VPN 在 To C 的设计场景中几乎不会出现， 在To B 的设计中才有可能偶尔需要考虑一下。 三、操作 说明： 几种设计平台的设计模式各有不同，比较容易忽视的主要是一些状态保持、快捷键操作。 四、输入 说明： 输入需要从输入的格式、方式、校验几个角度考虑，不仅包含手动输入，还有文件上传等，在移动 终端上，输入的方式更加多样。 五、流程 说明： 在实际的设计中，会有单独的业务流程设计，这里只是简单提一下比较容易忽视的几点，也就是当 前状态的显示、加载内容的方式、操作的反馈。 六、状态 说明： 这块整理得比较零碎，主要是目前想到的一些情境下，需要考虑相关交互的设计呈现 此处连接可能包含连接服务器或连接用户的情况，而不仅仅是网络连接，比如 QQ 视频也是一种连 接 七、缓存 缓存需要考虑 2个问题： 这里需要考虑手动和自动的机制 八、特定条件触发 说明： 这一块是指在一些特定条件下触发的操作，比如账号注册、多次验证账号密码失败、支付等，或是 点击到一些特殊格式的内容。 特定条件触发的操作也是比较发散的命题，需要后续完善。 总结： 以上内容均为本人思考整理，并以思维导图的方式放在了百度云上， Mindjet 格式的源文件见下方 链接： 作者链接： /s/1bfAtx8 密码 : aa77 官方链接： /s/1i3O1rs5 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台