赞助商
立即赞助

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

交互设计3年前 (2021)更新 流光
3.8K 0 0

文者结合自身经验,总结一份互自查表,来帮助大家在工中面对分支流程和异常情况的时,提高处理效率。

先看一比较老的梗,把象装冰箱需几? 相信家都知道 。

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

流程图如:

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

然而,问题并没有想象那么简单。

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

实流程图如下:

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

这也是在设计常常会遇到问题。做稿子时候,你觉已经常完美了,流程步骤各都已经6到飞起了。自信满满把设计稿到开发学时候,问题来了。

一截图:

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

面的这些况,其实就设时候易忽略的事。

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

当然我们做设计的时候要精肯定是应该集中在要任务和流程上,分支流程虽说是小概率事件,但是要有考虑,然方案就会整。

所以,我专针这情况理出发生频率最高、最容易被遗漏分支流程和异常情供大家参考,然这些内容也并不是能,更多是希望能提供些有意义参考以及思路大家。有思路晰,思考度遵循定规律和步骤,才能有效避免遗漏。

不关支流程和异常流程的思考,即使经验富的设计师,际上在一个新接触的项目中也不能做到在流程设计阶段就考虑得面面俱到。所以在方案基完成的自查阶段还需要重新梳理、查漏补缺。

一. 适用人群

  • 初级交互设计。
  • 交互设计的同。
  • 交互职位,是不不涉及到交互学(品经理、视觉设计师、测试工程师等)。

此表为beta版,总结了我自己在工作中遇到较多的各种情况,容我还在继续善整中,足之处还望大补充指,感谢……

二. 怎么用

先来一个题外话:我有个友总丢落,门的时候是忘记拿手机,就是忘记拿钥匙,他自己很苦恼。为此他想了一个办法,一个盒子非固定的把钥匙、手机、钱包都在一起,只要到盒子就会忘记任何一样东西了。那么精重点就在这个盒子上 。

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

你只需要找到个盒子(自查表)结构化的填内容就基能搞定大数的问题。

其实这就一结构化思考的过程。这过程中,不仅能清晰的整理好自己的思,避免一些不必的遗漏。填完以后还会发这会自己项目的一张自查表,也方便其他项目员检查梳理问题。

先来通常给出去的稿都长什。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

这是最常见的计稿的,按照最理想状流程一步一步的呈现,这就和前面讲的把大象装进冰箱的理想步骤。

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

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

但是,这些情况是有一定规律的,需要耗太多的时间和精思考,可固定的按照一定规律填进,就解决绝大分问题。首先到你的盒子(自查表),接来我们就来看看,在设计的各个阶较容易漏掉的地方都有哪些。

1. 设计前

确需求和目标

主要检查点:业目标、用户目标、产品目标、计目标。

tips:「从别人那里得来的二手需求,往往对需求的本质解都够深刻」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

要看自己是否明确当前的目标,一句话把目标描述清楚(最好是可衡量的目标,如:产目标今年10月跃户数上升20%),要尽可的自己弄清楚需求。

弄清目标户和户角色

要检查点:户类、帐号体系。

tips:「不类型用户联系千丝缕」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

做设计时候基本都能楚知,品目标用户是谁,是容易忽略地是在于里共有多少用户类型用户。比如:管理员、vip、内网用户、网用户等等,用户类型在体验和内容上是否需要有分层处理,是否涉及到权限问题,应该怎么处理。色能否互相转变,操作是否晰,转换后提示是什么?账号体系用什么?

2. 设计中

框架阶

要检查点:层级系、信息区分、扩展性。

tips:「个好框架不会为内容增加或者减少而发生巨大变化」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

流程阶段

主要检查:色,入口,目,操作,离开、断。

tips:「我是谁?从哪里来?要到哪里去?怎么去?还有谁?」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

要看流程有没有短路,果程中有中断,中断要怎么提示,果有不同的权和角,还得检查相互之间有没有相通和关联的地方,共同的关键节点。以及逆向操。不同角不同场的任务流程一定要单独梳理。

内容显示

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

tips:「空、初始、极限况」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

通常况下我们只理状态,空,极致的状态易被忽略的,根据不同类型的产品场景具体考虑。

反馈通知

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

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

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

反馈多候是和用户的上一步操作系在一起的,是一种界面的指引,用户做了什你要告诉结果,你希望做什,怎提示。

文本控件

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

tips:「结合流程检查要符合操作的前后情景,符合户的规认知和习惯」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

3. 设计后

检查点:设备、中断情况、络情况、特殊状态、刷方式、异操作。

tips:「多页用内容放在页起搞定」。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

这些内容需要理,全品用。

三. 其他

这理自查表里也会把经常遇到些用类型列举出来,比如:图片,表格,在具体做到这些设计时候,可以接参考这部分。也许不太完,是更多希望大家提供些参考和发现些规律。

对分支流程和异常情况,大家一定要积累自己的「盒子」,通常情况下只需要的结构填补齐就能决大部分问题。

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

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

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

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

注:中分配图来源络和项目实际图。

欢迎关注作者「腾讯CDC体验设计」的微信公众号:

用腾讯高手的交互自查表,快速搞定设计中的分支流程和异常情况

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

今年本命年想做个表情包,但是之前没有做过,在网上搜索教程时,没有找到很有用的。所以我大部分都是看很多喜欢的表情包,然...
动态表情
图标的分类和风格有很多种,而设计图标的时候,如何才能抓住用户的眼球,设计出自己满意的图标呢? 欢迎关注译者的微信公...
ICON
关于介绍「刷新的类型」的文章,各类论坛、公众号有很多,也并不复杂,我就最常用的「下拉刷新」,从品牌、功能、惊喜、运营...
下拉刷新
毕业两年来一直都做着 B 端产品的 UI 设计工作,参与过的后台产品设计面对的主要客户有公司内部、各大企业以及政府机构。工作...
B端产品
本人比较喜欢研究各种各样的App,下载使用过的应用更是不下900款,但是最终保留的App少之又少,这是为什么呢?通过多次分析得...
产品价值
关于底部浮层的定义相信大家都很熟悉,底部浮层通常称为「浮层」或「浮窗」,可用于给予信息提示,也用于展示更多的拓展信息...
交互控件
原创的动画视频能够积极地影响产品的用户体验,也能在营销过程中发挥重要的作用。在数字产品竞争如此之激烈的今天,有效地将...
UI动画
随着促销活动日益增多,相继对应的促销手段也逐渐变的丰富起来。拼购、秒杀、预售、好友助力砍价相继的诞生,让普普通通的单...
交互设计