臭鱼:QQ空间大头贴改版设计总结(2)_网页设计教程
推荐:产品需要合适自己的设计上图左侧是电梯里的飘柔广告。把洗发水的广告做成一面镜子的创意着实很棒。设计者清楚的知道:”在镜子上做广告更适合自己的品牌性质”。不过,从上图中不难
改版面临的问题二:合成单张VS合成多张;摄像头拍摄VS上传现有照片,两个维度的交叉。
这是一个由新功能引发的问题。旧版只答应插入单张的照片合成大头贴,新版则提供给用户合成动画大头贴的功能,答应用户上传多张照片合成逐帧动画的大头贴。要合成动画,需要一个“时间轴”,用来顺序排列多张照片,编辑动画。界面大致是这样的:
对于旧版中合成单张大头贴的功能,通过用户反馈,决定加入多张对比的功能。即,用户可以相中了某一个外框,然后尝试着搭配多张照片,反复对比,最终选择一个满足的搭配。这就需要一个备选照片列表,让用户随时点击对比。界面大致是这样的:
合成单张与合成动画是两个不同的任务,各自有各自的界面。听上去很合理。
无论是合成动画还是合成单张,都有两种插入照片的方法:用摄像头拍摄和上传现有照片。这样一来就出现了两个维度:合成单张VS合成动画;摄像头拍摄VS上传现有照片。
假如直接将上面这个维度关系转化成界面,是这样的:
这样设计有很多缺陷:
用户看到了“用摄像头拍照”功能,但是只能拍摄单张,要想拍摄多张,合成动画,就得先选择页签“合成多张动画”,再点击“用摄像头拍摄”。“为什么现在不可以用摄像头拍摄多张?”“我怎么知道要进到合成多张动画页签里才能拍摄多张?”
原本要合成单张大头贴的用户假如发现可以合成动画大头贴也很可能想尝试一下。而用户面对现在界面很可能发现不了“用摄像头拍摄多张照片”的功能。
原本合成动画的用户拍摄了多张照片之后改变主意了,本以为删除其他的照片,只留一张就是合成单张了,但是却不行(按这样的设计,需要用户去点击合成单张的那个页签)。
分享:几点闪光出错,也能莞尔一笑~碰到出错页面经常是让人讨厌的事,不过撞见些可爱的页面,有时反而成了种乐趣。个人最喜欢的404页面,是淘宝UED团队blog的那个。“四零
- 相关链接:
- 教程说明:
网页设计教程-臭鱼:QQ空间大头贴改版设计总结(2)。