以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档，不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论：http://www.5gsns.com/spac......-id-9037.html |
||
|
白鸭发布了一篇好文章, 提纲挈领地分析了facebook类sns的“呈现层的信息架构和导航”,地址是这里-- http://www.5gsns.com/space-84-do-blog-id-8867.html
我自己做网页设计好多年, 最近我们也在建设一个sns, 所以对facebook类sns的页面设计非常重视, 我对白鸭的分析十分认同, 也愿意深入地表达一些源于自己的想法, 所以并未以回复的形式与白鸭沟通, 而采用日志的形式.
头部导航区
今天不巧, 我这里facebook一直访问不上, 不知道是什么原因. 为了满足直接的视觉感受, 我以UCH的1.2 1.5版本 以及 校内为例子，说说我对头部导航区的认识。
先看UCH1.2版本的头部：
  设计宽度775像素，高55像素
内容分布可见白鸭的分析。
这是校内的头部：
 设计宽度800像素，高95像素
这是UCH1.5版本的头部
 设计宽度 100%，随浏览器伸缩，离浏览器边距10像素
假定UCH1.5版本代表facebook新版设计， UCH1.2代表facebook旧版设计， 就“呈现层的信息架构和导航”的变化作出分析。
变化1 宽度
宽度从指定宽度755（约）变为自适应宽度100%
老外设计网站规矩是很多的，比如遵循向下兼容原则，这是早期网页产品设计规范之一，要满足低端用户对网站的使用需求。可如果设计规则不是与时具
进的话，无脑地遵循规则，过时的限定实际上是一种设计的束缚，随着时代的发展，显示屏逐渐扩大，早期的15寸显示器几乎已经脱离民用，这个时候，标准的网
页宽度800像素（15寸显示器满屏现实）实际上就是网页设计的束缚。出于负责的考虑，国内模仿者是没有必要按755像素进行设计的，由于国内pc行业发
展晚，使用15寸显示器的人比国外的要少很多很多，几乎是可以略过的一群。
如果不是站方过于懒惰与拥有崇高的抄袭精神的话，是可以提前设计出更好的“呈现层的信息架构和导航”的。
因为800像素的空间实在太小，可以放置的内容有限，如同校内的头部还要加入广告，如此局促的设计实在是种差地用户体验。
而更宽的头部，可以将更多的导航、应用、功能结合在里面，将操作与内容展示有效的分离。
变化2 分离的布局
可以看到UCH1.5的头部与内容部分是分离的，这么做的好处是：
1用户更容易操作，更容易阅读内容
2可以有效实现自定义空间模版功能，而保持标准化的头部让用户操作不会受到风格变化的影响。
变化3“开始”式的应用菜单
分离的头/体布局让“开始”式的应用菜单使用地更为舒服，定势内容为动态内容节省出空间，而借由操作系统的用户习惯使用户也不会因为改变而过于困惑。（收进去的菜单还是会带来一些困惑的）
从以上的3个根本变化来看，头部菜单的优化设计对整个产品体系的设计是至关重要的，是关键设计。大家都去过蚂蚁网，蚂蚁在自身对sns理解上做
出了一些变化，可以看到其“个人空间”中顶部的功能条有uch1.5的影子---这是为了其自定义风格服务的，而在个人首页里还是继承uch1.2的形
式，有改变，不彻底。
最后大家再看一眼word的布局，真是一切尽在不言中。
 欢迎讨论：）
|
