/ 设计

交互设计相关学习笔记/betahouse周报系统单方面体验总结

很抱歉这次不是干货分享 但下面都是自己手打的东西
而且可能看上去没什么卵用
算是自己这周的学习总结笔记,同时可以把它当做一篇周报体验反馈总结来看
因为自身各种各样的问题,第一次用周报系统出现了各种各样的问题
且刚好在看交互设计相关的文章,然而研究不深今天就来冒昧地拿来开刀惹(ry
(((o(゚▽゚)o)))
第一次正式写文章~~(还是用了MD呢)~~,大概考虑不足还是有很多问题,欢迎斧正
读书读得少,有相当多的不专业名词 有相当多的不专业名词 有相当多的不专业名词 !!!

接受了以上内容,OK,那我们继续

在此之前,需要说明的是交互设计也是设计师的一部分

用户体验设计师、交互设计师、UI设计师、视觉设计师、前端工程师、信息架构师、前端工程师...等等,国内,它们都有一个统一的称呼,叫美工(引用:http://www.zhihu.com/question/19582408)

(这图真是没逼格(ry)
参考文章引用:http://www.woshipm.com/ucd/86434.html
这个图大概就是交互设计所需要的知识储备,同时也是一个方案的从构想到实行的过程
是的你没有看错设计师也是要了解代码相关的
然而设计师还要学AE,简直惹

接下来就来套个公式吧

需求分析:

属性:移动周报编辑网页
用户角色:不用多说,是给工作室内部提供的平台
用途/目的:编辑、提交周报,并方便大家相互查阅监督
场景:随时随地编辑周报,并能在周日提交
需求提炼:界面简洁,操作方便

信息架构流程设计:

信息构图:


(这是草稿,字超烂XD)

(最后得到的思维导图)

思维导图在这里思维暂存的作用,当人在思考一个复杂的事物的时候,会冒出很多很多想法,但是人的工作记忆(working memory)能力又十分有限,所以如果你没有很好的方式把灵感都记录下来的话,它们就很可能马上溜走,无影无踪。而思维导图鼓励你用一种灵活的方式,把想到的东西都记录下来,所以一般人做完一张思维脑图,往往会惊讶于自己竟能收获这么多样和丰富的想法(引用:http://www.zhihu.com/question/20273625
使用软件制作(像XMind、mindjet等)的思维导图能更方便地得到干净严谨的构思
总之就是用最简单的工具来整理思绪实现大概构想,并且作为前期还能方便修改
另外还有头脑风暴用的思维导图,更加灵活地运用图画形状颜色,充分扩展思维
相比于头脑风暴的思维导图,我更喜欢用思维导图来整理思路
不光是交互设计中,生活中也有很多方方面面可以使用这个方法整理思路,对你没看错就是初高中教辅书上常见的那种图

笔记:如何构想思维导图?
参照:http://www.zhihu.com/question/23413559
然而作为一个开放性思维方式,每个人的构想方法是不一样的
由中心主题开始,到分页每一个page的设想,从功能到表达
在后期所有页面最好想好大概显示界面(做好画图准备)
这样可以让工程师做出来的东西尽可能向自己设想靠近,省时省力
关于功能细节,可以每做一次就把总结的经验这些放在一起,制作原型的时候就能尽可能地把该考虑得到的考虑进去,并方便下次查对是否考虑完全
我在做了这次思维导图之后给自己总结了以下条例:
例如:提交(包括编辑)响应要考虑响应是否成功,是否提示
能编辑的地方编辑除了首次编辑还要考虑是否能修改是否能删除
自行添加的事例显示时该如何排序
所有的响应功能的开关在哪里,设置是否合理

诸如此类的字体不同的小bug
别的还有一些难以描述的系统bug,属于可用性测试里吧

所以,对于我自己做的思维导图需要注明的是:
添加了周报事例编辑情形(手残人士这个功能很重要啊
添加了未提交情形考虑
还有周报的生成时的表现方式能希望更改一下,不是单纯将提交的事项直接生成,比如按日期分类啊什么的,能更贴近功能
还有想过编辑个人资料啥的功能,不过既然是内部使用功能意义也不是很大

流程图:

施工中XD

原型设计:

施工中XD如果可以会交上rp文件

可用性测试:

なし

视觉设计程序设计:

暂不考虑

因为本来也是课多,这周仅研究部分了信息构架相关
然而还是扯了那么多(fei)字(hua),真是李菊福啊
总之这篇文章还是半成品,还在研读相关书籍以后还会来完善的(然而没有人看x
最后,如果对我的思路抱有别的想法,欢迎指出纠正
(。゚ω゚) ハッ! 感谢阅读到此,土下座