关闭顶部展开顶部

臭鱼:QQ空间大头贴改版设计总结(2)_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:产品需要合适自己的设计
上图左侧是电梯里的飘柔广告。把洗发水的广告做成一面镜子的创意着实很棒。设计者清楚的知道:”在镜子上做广告更适合自己的品牌性质”。不过,从上图中不难

改版面临的问题二:合成单张VS合成多张;摄像头拍摄VS上传现有照片,两个维度的交叉。

这是一个由新功能引发的问题。旧版只答应插入单张的照片合成大头贴,新版则提供给用户合成动画大头贴的功能,答应用户上传多张照片合成逐帧动画的大头贴。要合成动画,需要一个“时间轴”,用来顺序排列多张照片,编辑动画。界面大致是这样的:

对于旧版中合成单张大头贴的功能,通过用户反馈,决定加入多张对比的功能。即,用户可以相中了某一个外框,然后尝试着搭配多张照片,反复对比,最终选择一个满足的搭配。这就需要一个备选照片列表,让用户随时点击对比。界面大致是这样的:

合成单张与合成动画是两个不同的任务,各自有各自的界面。听上去很合理。

无论是合成动画还是合成单张,都有两种插入照片的方法:用摄像头拍摄和上传现有照片。这样一来就出现了两个维度:合成单张VS合成动画;摄像头拍摄VS上传现有照片。

假如直接将上面这个维度关系转化成界面,是这样的:

这样设计有很多缺陷:

用户看到了“用摄像头拍照”功能,但是只能拍摄单张,要想拍摄多张,合成动画,就得先选择页签“合成多张动画”,再点击“用摄像头拍摄”。“为什么现在不可以用摄像头拍摄多张?”“我怎么知道要进到合成多张动画页签里才能拍摄多张?”

原本要合成单张大头贴的用户假如发现可以合成动画大头贴也很可能想尝试一下。而用户面对现在界面很可能发现不了“用摄像头拍摄多张照片”的功能。

原本合成动画的用户拍摄了多张照片之后改变主意了,本以为删除其他的照片,只留一张就是合成单张了,但是却不行(按这样的设计,需要用户去点击合成单张的那个页签)。

分享:几点闪光
出错,也能莞尔一笑~碰到出错页面经常是让人讨厌的事,不过撞见些可爱的页面,有时反而成了种乐趣。个人最喜欢的404页面,是淘宝UED团队blog的那个。“四零

来源:蓝色理想//所属分类:网页设计教程/更新时间:2007-08-23
相关网页设计教程
闁汇埄鍨遍悺鏇綖閸℃稒鈷掓い鏇楀亾妞わ綇鎷�
婵炲濮崑鎾斥槈閺傝法澧涙俊鑼€濋柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶嬪殧鐎瑰嫭澹嗙换涔侀柣銏╁灲閹凤拷
婵犵鈧啿鈧绱炲澶婄闁诡垎鍕槬闁诲酣娼уΛ娑㈡偉閿燂拷
闂佺ǹ绻愰幊搴ㄥ焵椤掑倸甯堕幖瀛樼矒瀹曟繈鏁撻敓锟�
闂佺ǹ绻愰幊搴ㄥ焵椤掆偓閸氬绮婇敂鍓х煓閻庯絺鏅濋惌娆戠磽娓氬﹥瀚�
闂佽 鍋撴い鏍ㄧ☉閻︻噣鏌涘┑鎰胺缂併劍妞藉銊╊敍濞嗘垵绗¢梺鍝勫€婚幊鎾舵閿燂拷
闂佸搫鍟版慨椋庣礊婢舵劖鐓i悹杞拌濞层倕霉閿濆棙绀€闁告ɑ鐗犲畷鎰版晸閿燂拷
濠碘槅鍨崜婵嗩熆濡吋瀚绘い鎾寸箖鐎氾拷
婵犵鈧啿鈧绱炲鍥ㄥ妞ゆ挻绻冪€氳櫕淇婇妤€澧叉繝顫嫹
濠碘槅鍨崜婵嗩熆濮椻偓瀹曨剟顢欓崗鐓庘偓鐢告煛閸繄孝濠殿噯鎷�
濠碘槅鍨崜婵嗩熆濮椻偓閺屽懘鍩€椤掆偓閳诲酣骞戦幇闈涙闂佸搫瀚搁幏锟�
濠碘槅鍨崜婵嗩熆濮椻偓瀹曪綁骞嬪┑鍫紝
婵犵鈧啿鈧绱炲澶婄煑闁瑰瓨绻勯瀛樹繆椤栨澧叉繝顫嫹
闁诲骸鍘滈崜婵嬫偋閹惰棄鐭楀┑鐘插暙閼靛綊鏌ら懞銉ュ闁绘牭缍佸畷娆撴晸閿燂拷
UB闂佸湱绮崝妤呯嵁閸モ晜瀚氶悗娑櫳戦~锟�
闂佽壈椴稿濠氭焾鐎电硶鍋撻獮鍨仾婵犫偓閿燂拷
闁诲骸绠嶉崹鍝勶耿閸㈢嚜
闂佸憡姊绘慨椋庣礊婢跺瞼鍗氭繛鍡楀閸炲绻涚紙鐘哄厡闁稿骏鎷�
缂傚倷鐒﹂悷锕傚垂濠婂嫮顩锋い鎺嶇缁插湱鈧偣鍊濈紓姘额敊閿燂拷
©2017 www.mb5u.com濠碘槅鍨崜婵嗩熆濮椻偓瀵噣鎮╅幓鎺撳瘶
闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷