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

12 评论 38324 浏览 748 收藏 6 分钟

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

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

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

一、显示

1. 屏幕

显示-屏幕

说明:

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

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

2. 内容加载

显示-内容加载

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

二、网络

网络

说明:

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

三、操作

操作

说明:

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

四、输入

输入

说明:

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

五、流程

流程

说明:

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

六、状态

状态

说明:

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

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

七、缓存

缓存需要考虑2个问题:

  • 何时更新缓存?
  • 何时清除缓存?

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

八、特定条件触发

特定条件触发

说明:

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

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

总结:

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

作者链接:http://pan.baidu.com/s/1bfAtx8  密码: aa77

官方链接:http://pan.baidu.com/s/1i3O1rs5

 

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 666,很干

    来自浙江 回复
  2. 感谢大佬!

    来自广东 回复
  3. 作者是一个测试,不是产品吧?

    来自安徽 回复
    1. 确实是产品。。。

      来自上海 回复
  4. 网盘地址已失效,再分享一次吧

    来自广东 回复
    1. 官方链接那个网盘还可以下哦,内容是一样的

      来自上海 回复
  5. 作者您好,谢谢您的整理,可以留个微信或者邮箱联系方式吗?

    来自上海 回复
    1. ❗ 微信公众号 不知,ID是 a_half_infinite

      来自上海 回复
  6. 产品小白,在此鞠躬致谢

    来自四川 回复
  7. 对于小白的我觉得非常受用,备注提示不能转载,表示尊敬作者所以没转载

    来自广东 回复
  8. 正准备自己写一份,正好与作者比对一下。 😀

    来自上海 回复
    1. 哈哈,我倒是觉得很有用,好想转,备注提示不能转,好不开心

      来自广东 回复