设计自查表:快速搞定分支流程和异常情况

写在前面的话:

先来看一个比较老的梗,把大象装进冰箱需要几步?相信大家都知道 。

打开冰箱门—–把大象放进去—–把冰箱门关上

流程图如下:

这应该是大多数人,按照直观感觉都能想到的正常理想操作顺序。

然而问题并没有想想的那么简单

  • 大象不肯进去怎么办?
  • 冰箱太小装不下怎么办?
  • 好不容易塞进去,冰箱门关不上怎么办……

实际流程图如下:

这也是在设计中常常会遇到的问题。做稿子的时候,你觉得已经非常完美了,流程步骤各种都已经6到飞起了。自信满满把设计稿给到开发同的时候,问题来了。

配一张真实截图

呃……最怕空气突然安静……

只有开始手忙脚乱,开始各种填坑……

—————正文分割线——————

上面说的这些情况,其实就是在做设计时候最容易忽略的事情。

分支流程和异常情况考虑不周全

当然我们做设计的时候主要精力肯定是应该集中在主要任务和流程上,分支流程虽说是小概率事件,但是也要有所考虑,不然方案就会不完整。

所以,我专门针对这种情况整理出发生频率最高的最容易被遗漏的分支流程和异常情供大家参考(又名那些年填过的坑),当然这些内容也并不是万能的,更多的是希望能提供一些有意义的参考以及思路给大家。只有思路清晰,思考角度遵循一定的规律和步骤,才能有效的避免遗漏。(填坑是非常痛苦的经历)

不过关于支线流程和异常流程的思考,即使再丰富的设计师,实际上在一个新接触的项目中也不可能做到在流程设计阶段就考虑得面面俱到。所以在方案基本完成后的自查阶段还需要重新梳理、查漏补缺。

SO……少年请留步……

一、适用人群

  • 1.初级交互设计师
  • 2.喜欢交互设计的同学
  • 3.非交互职位,但是不得不涉及到交互的同学(产品经理、视觉设计师、测试工程师等)

此表为beta版,总结了我自己在工作中出现遇到比较多的各种情况,内容我还在继续完善整理中,不足之处还望大家补充指出:)感谢……

二、怎么用

先来一个题外话:我有个朋友总丢三落四,出门的时候不是忘记拿手机,就是忘记拿钥匙,他自己也很苦恼。为此他想了一个办法,用一个盒子非常固定的把钥匙、手机、钱包都装在一起,只要找到盒子就不会忘记任何一样东西了。那么精力重点就在这个盒子上 。

回到我们的分支流程和异常情况上来,盒子(自查表)我已经给你准备好了。从做设计的前、中、后 各个阶段,列出了一些必然会遇到的点。

你只需要找到这个盒子(自查表)结构化的填入内容就基本能搞定大多数的问题了。

其实这就是一个结构化思考的过程。在这个过程中,不仅能清晰的整理好自己的思路,避免一些不必要的遗漏。填完以后你还会发现这会成为你自己项目的一张自查表,也方便其他项目成员检查梳理问题。

先来看看我们通常给出去的稿子都长什么样。

这是我们最常见的设计稿的样子,按照最理想状态流程一步一步的呈现,这就和我们前面讲的把大象装进冰箱的理想步骤。

但是实际上了,一个输入框和一个上传操作就会有那么多种状态和情况,也就是冰箱门打不开,大象塞不进去的情况。

但是,这些情况是有一定规律的,不需要耗费太多的时间和精力去思考,可以固定的按照一定规律填进去,就能解决绝大部分问题。首先找到你的盒子(自查表),接下来我们就来看看,在设计的各个阶段比较容易漏掉的地方都有哪些。

1.设计前

1.1明确需求和目标

主要检查点:业务目标、用户目标、产品目标、设计目标

tips:“从别人那里得来的二手需求,往往对需求的本质理解都不够深刻

要看自己是否明确当前的目标,能不能用一句话把目标描述清楚(最好是可衡量的目标,比如:产品目标今年10月活跃用户数上升20%),所以要尽可能的自己弄清楚需求。

1.2弄清目标用户和用户角色

主要检查点:用户类型、帐号体系

tips:“不同类型用户之间的联系千丝万缕”

做设计的时候基本都能清楚的知道,产品面对的目标用户是谁,但是容易忽略的地方是在于里面一共有多少种用户类型的用户,比如:管理员、vip、内网用户、外网用户等等,每种用户类型在体验和内容上是否需要有分层处理,是否涉及到权限问题,应该怎么处理。角色之间能否互相转变,操作是否清晰,转换后的提示是什么?账号体系用什么?

2.设计中

2.1框架阶段

主要检查点:层级关系、信息区分、扩展性

tips:“一个好的框架不会因为内容的增加或者减少而发生巨大变化”

信息架构用户是否容易理解, 内容组织是否有一定的逻辑关系,扩展性是否足够。

2.2流程阶段

主要检查点:角色,入口,目的,操作,离开、中断

tips:“我是谁?从哪里来?要到哪里去?怎么去?还有谁?”

要看流程有没有短路,如果过程中有中断,中断后要怎么提示,如果有不同的权限和角色,还得检查相互之间有没有相通和关联的地方,共同的关键节点。以及逆向操作。不同角色不同场景的任务流程一定要单独梳理。

2.3内容显示

主要检查点:数据显示、缓存、内容、状态(特别是为空、初始)、显示(各种极限情况)

tips:“为空、初始、极限情况”

通常情况下我们只做理想状态,为空,极致的状态是最容易被忽略的,要根据不同类型的产品和场景具体考虑。

2.4反馈通知

主要检查点:通知,提醒,界面反馈,用户反馈入口

tips:“操作的任何阶段(前、中、后被中断)都要防止用户发呆”

反馈很多时候是和用户的上一步操作联系在一起的,是一种界面的指引,用户做了什么你要告诉他结果,你希望他做什么怎么提示他。

2.5文本控件

主要检查点:表意清晰、使用一致

tips:“结合流程检查要符合操作的前后情景,符合用户的常规认知和习惯”

在交互方式逐渐有一定积累的今天,如果不需要特别标新立异,还是尽量选择通用常见符合认知和习惯的控件。

三、设计后

检查点:设备、中断情况、网络情况、特殊状态、刷新方式、异常操作

tips:“多页面通用内容放在一页一起搞定”

这些内容只需要整理一次,全产品通用。

四、其他

这次整理的自查表里面也会把经常遇到的一些通用类型列举出来,比如:图片啊,表格啊,在具体做到这些设计的时候,可以直接参考这部分。也许不太完整,但是更多的希望给大家提供一些参考和发现一些规律。

对于分支流程和异常情况,大家一定要积累自己的“盒子”,通常情况下只需要的结构性的填入补齐就能解决大部分问题。

最后希望此表能帮助大家在工作中面对分支流程和异常情况的时候,提高处理效率。也能积累出一套自己的“秘籍”。

感谢阅读……此表还在继续优化中……

下载地址:https://share.weiyun.com/d86f872ca5bbf10753a4ced06213aaef

密码:I5sUZd

注:文中所用部分配图来源网络和项目实际用图

参考资料:

《如何建立交互设计自查表》

《如何避免遗忘分支流程》

Tencent CDC

作者:joyluo

(0)

相关推荐

  • 注册表快速搞定被写保护的U盘

    U盘没有写保护开关,为什么还是被写保护了?该如何解开呢?碰到这种情况的朋友想必都非常着急,因为这样的U盘无法存读取文件,无法删除,甚至连格式化操作都不能用,用各种U盘修复程序都无效。关于U盘被写保护其 ...

  • 巧用注册表快速搞定被写保护的U盘

    一、首先我们应当要查看U盘上面的写保护开关是否打开,该开关与过去使用的软盘原理一样。如果有开关一定要将它打开。 二、查看该U盘的根目录下的文件数目是否以达到最大值,通常格式的应256个。如果没有达到2 ...

  • 快速搞定战争题材的海报设计

    小编话:今天给大家带来的是@duiuoba分享的如何快速搞定战争题材的海报设计,若你正好接到一个战争题材的海报设计任务却不知如何下手,那就赶快看过来吧!暂时用不上的同学也可以学习下PS的运用技巧,赶快 ...

  • 手把手教你打造【0失误神器】——交互设计自查表

    前言 之前做一个H5活动,忘记了要给"立即抽卡"按钮加抖动的动效,发现的时候已经没有时间再修改了,最终上线的活动是一个静止的按钮.虽然并没有影响活动本身,但是我们都知道,动态的按钮 ...

  • 如何快速搞定一份看起来还不错的PPT?

    纸面功夫30%.素材收集30%.软件制作20%,今天这篇是阿里巴巴的资深交互设计师@Heidixie 在内部分享的干货,重在帮你摆脱工具,直击PPT「沟通传达」的本质. 新年除了做工作规划,还做了一些 ...

  • 怎么用SmartArt快速搞定PPT图片排版

    怎么用SmartArt快速搞定PPT图片排版 SmartArt是PowerPoint自带的一款插件,或许你没有听过,或许你听过了,但是不会用,本文讲述了使用SmartArt快速搞定PPT图片排版. 首 ...

  • Excel工资条怎么做,vlookup函数快速搞定

    在职场办公我们都会收到工资条,记录上个月的工资详细情况,这样的工资条是如何制作的呢?对于一个大公司,员工众多,一个个复制工资表头,效率低下.今天给大家分享使用vlookup函数快速搞定. 准备数据 先 ...

  • 护送美女 8090《花千骨》快速搞定升级难题

    在8090花千骨中,一路过关斩将但是往往会碰到等级不够的问题,这可怎么办?要说可以得到海量的经验,那护送玩法是不得不提的,不用击杀一个怪物就能获得升级所需的经验,真的是可以简单快速搞定升级难题. 操作 ...

  • 酷盘2.X有UI版本快速搞定酷盘所有操作

    由于具有文件共享容易、同步速度快,而且支持PC、Android、MAC OS和iPhone等多平台的特点,自2011年酷盘推出以后,笔者就一直使用它来在各设备间同步自己的文件。不过,其时酷盘采用的是类 ...