交互说明文档格式优化

互联网讲究快速迭代,通常设计改动的地方也不是特别多,我也能得心应手的处理好。之前经历了一次不能拆分的复杂功能改版,从产品设计到开发上线全面翻车,苹果市场卡了 1 个月才通过审核。项目结束之后团队坐在一起复盘,除了协作流程的问题,也有交互说明文档在复杂项目中写得不够清晰的原因。基于此,我重新制定了新的交互说明文档格式,目前在团队内使用正常,在此分享给各位读者。

阅读更多

交互设计第五节课——Axure移动原型制作技巧

制作可滚动的列表

在网页里,网页长度超过屏幕长度,浏览器侧边就会出现滚动条,滚动条既是指示屏幕当前所处的网页位置,也可以对屏幕显示的网页位置进行操作。而且滚动条是自然而然出现的,会根据不同的屏幕而适配。不过我们要在Axure里做移动原型的时候,一般先要绘制一个手机框,这个框的高度是定死的,如果在框里内嵌一个Inline Frame(内部框架),框侧边会出现难看的滚动条,要知道移动端屏幕寸土寸金,滚动条只有在进行滚动操作的时候才会出现,默认处于隐藏状态,因此用Dynamic Panel(动态面板)是个不错的选择。

阅读更多

交互设计第四节课——画原型也需要逻辑

在老师强调了三节课不要急于画原型以后,这节课终于可以开始画原型了。这次的原型看上去比较简单,用axure实现淘宝网首页图片轮播效果。淘宝网首页的图片轮播效果如图所示:淘宝首页图片轮播

不过这里还是强调一下,不要急着马上动手,画之前我们可以好好分析一下,避免做无意义的返工。

阅读更多