首页
PS教程
PSD素材
PS素材
高清图片
背景图片
字体下载
矢量素材
PS资源
PS作品
影楼PS
下拉
用户名
电子邮箱
用户名
密 码
记住登录
登录
找回密码
注册
摄影
摄影教程
LR预设
摄影交流
摄影修图
影楼
婚纱相册
儿童相册
写真相册
台历模板
打包
PS模板包
PS素材包
PS字体包
PS笔刷包
下载
背景大图
插件下载
PNG下载
电子相册
资料
PS专题班
教程下载
视频教程
PS教程区
影楼样片
认证投稿
帖子
用户
版块
帖子
搜索
调色动作大全
光斑素材
薇拉调色图层
修图教程
雪花素材
PS磨皮滤镜大全
PS抠图滤镜大全
PS动作大全下载
PS渐变大全下载
PS形状大全下载
PS图案大全下载
PS样式大全下载
资源包下载
婚纱模板
儿童模板
写真模板
台历模板
背景大图
剪贴素材
电子相册
视频教程
儿童后期背景
婚纱后期背景
写真后期背景
天空背景素材
雪景背景素材
儿童模板字体
婚纱模板字体
写真模板字体
3D立体背景
名片模板大全
2019挂历模板
菜谱模板大全
知羽相册下载
艺匠相册下载
金夫人相册
婚庆x展架模板
火焰笔刷打包
睫毛笔刷打包
星光笔刷打包
烟雾笔刷打包
2019台历模板
毕业纪念相册
影楼广告模板
3D免抠图模板
4D婚纱模板
新手必看:如何成为86ps的认证会员
数码照片处理技巧视频教程大全下载
儿童照片扑克
最新PhotoShopCS5教程pdf
影楼VIP卡模板大全
2012-2015儿童模板
淘宝产品摄影视频教程
HDR摄影视频教程
A4成长册彩页模板定制
后期修图视频教程下载
2019年8/12寸台历定制
8寸台历DIY套件批发
台历挂历模板定制
快速认证加入VIP
如何获得下载权限
86ps会员专区
>
PS教程区
>
QQ网购2.0规划改版(原创理论)
发帖
回复
返回列表
2189
阅读
2
回复
QQ网购2.0规划改版(原创理论)
[复制链接]
上一主题
下一主题
只看楼主
倒序阅读
使用道具
楼主
梦舞飞扬
发表于: 2013-04-15
作者:腾讯ecd
原文:
图片:m_1362466182506.jpg
背景与情景决定的事儿 - 两种导航设计
项目中的某天,项目相关人集体会议,就一些设计风格和传达出的含义做深入探讨。 核心争论点是:如果某个地方,我们不用某种颜色,会破坏网站模式的对应关系。 大家列举用会带来的困难,及不用会带来的问题,互不相让,直到其中有一位GM说,我觉得大家都太入戏了, 其实用户根本搞不清楚我们的结构与模式。
佐藤可士和也在他的《超整理术》一书中提到过类似的现象:客户总是觉得顾客已经了解他们的产品了,也觉得顾客一定 会关注他们的广告,希望基于这个前提做产品的广告,但其实顾客根本就不了解,或者说没兴趣了解。 其实在日常生活中,每个人都会遇到这种,自己觉得显而易见,大家都应该明白,但其实很多人不明白的事儿。这来自于大家过去的 经历体验不同,对具体事件深入了解不同,以及主动探索的意愿不同。
就比如:QQ网购是一个什么都卖的,综合性商城,这件事情。 项目的任何参与者都会觉得,这是一个显而易见的事情。当然,如果从首页进入,用户从首页各种类别商品的展示中,也会快速学习到这件事情。但对于直接进入到某个频道、列表、或商品的用户呢?不要说,现在大部分的电子商务平台都是什么都卖的啊,我们针对的不是大多数平台,而是就这个QQ网购平台。在初步方案的用户测试中,这个问题暴露出来。我们直接打开QQ网购电器频道页面,让用户开始浏览,然后给用户一个购买一罐可乐的任务。不少用户疑惑了,他们问:这里不是只卖数码家电的么?还卖可乐?
按照大多数网站的做法,我们本来是在除了首页后的其他页面,都将竖向类目导航收起,留有一个“全部商品分类”的提示。但明显这个提示并不足够,很多人觉得,这个应该只是电器城的商品分类。用户对于事物的理解,相对于从宏观框架上入手,更多偏向从局部,当前情景下的进行判断。
故事的背景和当前的情景会影响用户的理解,因此,我们决定为了首页和内页,设计不同的导航。
图片:m_1362466182964.jpg
信息获取有效性最大化 - 宽窄版
我们以前常常会说,在无限的互联网世界中。但其实一切都是有限的。比如带宽,比如显示屏大小,比如首屏的位置。比如用户停留在你网站的时间,比如他们滚动滑鼠的次数。
而相对于推动用户改变设备,或研究出革命性技术革新等方式,在原本有限的空间中,通过扩大内容显示宽度,来扩大有限空间下的信息数量,明显是一件相对靠谱的事儿。这个靠谱,包含了可行及可达到这两个层面。
回头想想,现在QQ网购65%以上的用户使用的屏幕达到了1280及以上的分辨率,而V1版的网购宽度才985pix。算上15pix的滚动条,这65%的用户页面两边一共起码有280pix的空白。这些空白留着干什么?游泳还是跑马?这么奢侈的事儿,暂时还是不合适做的。
图片:m_1362466183412.jpg
当然,我们又不能牺牲另外35%喜欢小巧的用户的使用体验。那么,我们起码就应该有2个或者以上的页面宽度尺寸,来满足不同的用户。并且,鉴于我们做多个尺寸的核心目标,是为了更多的信息内容展示,我们的版本必须是宽版后有内容补充,而非单纯的相同数量的信息平铺(相同数量信息间距加宽)。
图片:m_1362466184341.jpg
本部分内容设定了隐藏,需要回复后才能看到
(申明:此教程来源于网络,转载请注明作者,如需商业用途请与作者联系。请支持原创!)
共
条评分
只看该作者
沙发
木子爷
发表于: 2014-04-28
不错,学习了,谢谢分享
共
条评分
只看该作者
板凳
yuguorui8
发表于: 2018-09-04
共
条评分
发帖
回复
返回列表
http://vip.86ps.com
访问内容超出本站范围,不能确定是否安全
继续访问
取消访问
隐藏
快速跳转
摄影
LR预设
摄影交流
摄影修图
摄影教程
影楼
婚纱相册
儿童相册
写真相册
台历模板
打包
PS模板包
PS素材包
PS字体包
PS笔刷包
下载
背景大图
插件下载
PNG下载
电子相册
资料
PS专题班
PS教程区
教程下载
认证投稿
影楼样片
视频教程
关闭
关闭
选中
1
篇
全选
24套216P儿童模板
400套会声会影模板
20套古装相册模板
21套全家福相册模板
1500套淘宝海报模板
4月最新儿童模板15套
孕妇模板12套+样片9套
儿童样片349P+DM单
A4幼儿成长纪念册
商业修图视频教程
马克杯照片模板大全
2014婚纱样片大全
婚礼跟拍相册模板
韩国儿童海报模板
摄影入门视频教程
商业修图视频教程
商业合成视频教程
2014影楼样片100套
淘宝产品描述模板大全
影楼价格表PSD模板
好看的PS英文字体
AE电子相册模板
地产广告模板大全
最佳菜谱模板大全
淘宝素材模板大全
光盘封面模板大全
2016影楼样片大全
淘宝水印图片大全
水珠水花笔刷大全
儿童影楼DM模板大全
T恤烫画图案图片大全
行业画册模板大全
后期蓝天白云晚霞天空
RAW格式人物原片大全
高清花纹背景图片大全
电影海报模板大全