[转载] 快速搞定设计中的分支流程和异常情况

写在前面的话:

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

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

流程图如下:


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

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

大象不肯进去怎么办?

冰箱太小装不下怎么办?

好不容易塞进去,冰箱门关不上怎么办……

实际流程图如下:


这也是在设计中常常会遇到的问题。做稿子的时候,你觉得已经非常完美了,流程步骤各种都已经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:“多页面通用内容放在一页一起搞定” 

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

四、其他

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


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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容

  • 一不小心就遗漏了分支流程 刚刚工作的时候,有过这样的体验:新项目、时间紧急,急火火的做完所有页面,进入开发了,研发...
    黑白之间阅读 693评论 2 8
  • 这篇博文是自己在学习git过程中的思考总结。本文仅仅代表个人的看法,如有不妥地方还请本文文末留言。 😊 原文链接g...
    Ming_Hu阅读 1,080评论 4 18
  • 【语录】也许活着的意义对于人来说不是很重要,重要的是开心与幸福。如果一个人找不到活着的意义,请不要迷茫,先试试看寻...
    Scorpion冰嫣阅读 304评论 0 1
  • 家里有车了!看着这个庞然大物,我萌生了驾驭它的念头。于是,报名,学习,考试,一连串的流程下来,我终于拿到了本儿,...
    浅言默语阅读 356评论 3 2
  • 霜刃摧锋万木落, 雪袖善舞生素锦。 冰肌彻骨西风啸, 晶结一束玲珑心。
    周存_cefb阅读 67评论 1 1