卡片式设计解析

什么是卡片式设计?就是交互信息的承载体,通常以矩形的方式呈现。就像信用卡或者棒球卡,网页卡片以一个浓缩的形式提供了快速并且相关的信息。

所有卡片的特点就是交互性。不仅仅是他们提供了信息,而且他们用另外一种委婉的方式去要求一次互动。卡片通常包括按钮或者发布到社交媒体的方法。3 4 5 6 7 8 9 10 11 12 13 14 15 16

WAP站设计第一阶段总结

前段时间,我们团队经历了一次紧急任务,就是WAP站;整个的项目时间为二周,将之前的所有WAP站全部推翻重做,留给UI的时间只有惊人的1天!

这也是整个团队第一次面临WAP项目的实战,在此期间学习了诸多经验,下面就来总结一下,与大家共勉

2

第一节:分辨率4 5 6 7

第二节:图标

9 10

第三节:投影

12

第四节:考虑不周全

底部居然露出来了

14

第一版本的反响并不是很好,所以我们紧接着进行第二阶段的设计,下面就是第二阶段的交互稿与首页效果图

1 4 3 215我们正在努力的推进中,相信不久,一个全新的WAP即将上线

团队互动 – 你画我猜现实版本

为了将疲劳的节奏打消,我们会抽时间做一些有意义的互动;

这次我们一起玩你画我猜,规则很简单,第一个人写,然后下一个人画,如此反复,中间需要全程保密,直到最后一个人写完,才能全部摊开;往往全部摊开的那一刹那,所有人都会捧腹大笑

下面是我们的一些成果

1 7 6 5 4 3 2看完了,你笑了么?

你也想玩?来公司找我吧

 

产品交互路径图

在一次UED工作坊上面学习到的此种方案,非常简易,3分钟即可学会

首先我们需要准备的是一张足够大的纸,最好再准备不同颜色的水笔,就可以开始绘画了

IMG_3550画图的过程很简单,先在外面画一个大圈,在大圈的周围画上角色,把用户的操作用线与节点的方式画下来,就这么简单

22最后,任何的方法不要光看,拿起笔画起来,只有实践了才会有深入的体会