交互设计新手如何检查自己的交互稿?
检查自己的交互稿
交互设计新手如何检查自己的交互稿?
我把自己的想法进行了一些总结,希望得高手指点,同行交流~
开始交互实习有一个多月了,有了初步做交互稿的经验。现在做稿子对我来说最困扰的问题有:
1.对于整体的设计流程走下来还很生涩,方法论是有一堆,但这都是别人的。怎么去从用户目标、从场景入手,一层层按逻辑设计下来的这个方法还需要我慢慢探索。
2.对于网页和app里的很多别人优秀的经典样式知道的太少。一开始接一个需求,脑子里没有大概的感觉。这样设计起来首先容易漏东漏西,其次是花很多不必要的时间去研究一些已经有比较成熟的解决方案的问题,最后我好不容易研究出一个自己的解法,却因为不符合用户习惯、看起来太奇怪而不能用。
3.在考虑问题的时候总是会漏掉一些内容:1.页面的小控件和小的辅助说明文字。2.交互流程中的特殊情况和细节规定设置
对于前两个问题:1.流程生涩。这个问题其实不是这么笼统,可能因为经验太少,问题我都还没有看很清楚。我打算先按我理想化的从别人那里扒来的逻辑勉强走着,后续的遇到问题再慢慢梳理、总结。2.经典样式知道的太少。这个就靠积累了,自己给懒癌的我定的计划是,每次做设计遇到不了解的部分,那就对这个细节设计进行一次竞品的搜集、梳理、总结。算是碰到哪算哪吧。。。否则这个计划可能还没开始就夭折了。
第3个问题就是这次要主要讲的问题啦!如何不漏内容,在这里不漏包括大的情况、场景和小的细节。我想写的大概是一个每次完成交互稿件时的自我检查流程。
检查思路:
1.再走一遍设计的思考流程,清一清脑子,再想一遍可能会发现新的东西或者看清设计中考虑不周全的点。
2.对细节要检查的情况进行分类,慢慢累计成为一张自己的交互自查表。
【第一部分】回顾知新
说明:原本我给自己定的流程是:
“1.解析需求
2.进行产品设计
(1)拿到需求,将可能要做的事情和可能要遇到的环节全都列下来,对任务进行打散重组,寻找重新排列的可能。
(2)判断总体的交互逻辑,页面流程。
(3)每个页面要做的事情的罗列。
(4)进入具体页面,思考:
1 > 目标:这个页面主要做几件事?对页面优先级的排序。
2 >内容特性:讲哪个类型的东西?从此衍生出来的用户会有的情感是什么?针对这个内容,细节交互应该是什么?
3 >页面内不同路径的流程图。
4 >在细节的流程上,去研究每一个控件的各种状态。”
由于是检查,重新走的流程从2.(3)开始。
在走流程的过程中,要思考:
1.以下内容是否有缺失:交互小功能;说明文案。
2.在什么场景下,会用到现有的功能,它是必不可缺少的吗?是能够找到现有的模型,符合常理的吗?
3.这个方案会有什么问题?如果有其他的解决方案我为什么选择了它?(为交互评审做准备。。。)
【第二部分】检查细节
一、流程
1.页面的上下文衔接
1.1分页面与主页面之间如何跳转(如何返回上级、各页面之间的跳转)
1.2各页面之间跳转细节(触发前中后状态,跳转失败说明)
2.内容的上下文衔接
3.随时返回、退出、继续
4.页面title
5.失败后是否有出路
二、内容类
1.文字、数据的排列
1.1没有数据
1.2字数、行数限制
1.3过长时候的处理方式
1.4 数据排列规则
2.图片
2.1未加载的状态
2.2加载中
2.3加载后
2.按钮状态
2.1未点击
2.2点击瞬间
2.3载入中
2.4载入中是否可以取消
2.5点击后(是不可点击还是维持原状)
2.6频繁点击
2.7 Hover状态下的小解释
3.输入控件状态
3.1输入前:输入框(是否需要显示提示文字、是否自动聚焦);配套按钮状态
3.2输入中的提示:输入框(格式错误、字数过少或过多、输入过程中失焦)
3.3输入完成后:输入框(反馈);配套按钮状态
三、特殊情况
1.操作失败
1.1解释
1.2出路
2.特殊状态
2.1无图模式
3.网络状态
3.1正常加载
3.2网络缓慢
3.3没有网络、加载失败
内容还很不全,准备慢慢在实践中补充起来。我的这个检查方法用起来会很复杂,花时间,不过因为太新手太容易出错啦,所以就先好好检查着。等着以后觉得自己的作品质量能稍微稳定点,就可以只做最特殊和细节的检查。






































