好记性不如烂笔头
许多资讯类的网站都有信息量庞大的导航。网站的全站导航就占据了第一屏的1/4。而各个栏目又需要大量的导航。按照逻辑关系给这些导航排序。全站的导航理应出现在最前面，接下来是各个栏目的导航。可不经过处理直接这样安排的话，当用户点击到各个栏目页的时候，第一屏1/2的位置都被导航占据了：首先是全站导航，然后是栏目导航（见下图）
当网站的导航信息量到达一定程度时，将所有的内容都罗列出来显然是不妥当。这时我们通常会减少导航的信息量，常见的做法是当用户进入到栏目页时，我们将全站导航做“薄”。这里的“薄”有两个层面的意思，第一个层面指信息量的“薄”：只提供最主要或者最重要的导航项，而不是所有的导航。第二个是视觉上的“薄”：缩写导航的名称（当然保证用户仍然明白缩写后的名称点击后是打开哪个页面）减少视觉上的修饰，精简导航的形式。必要时我们还会将栏目页的导航也做“薄”，减少导航的项目和视觉修饰(见下图)。
“排序”是第四次UCDchina书友会的议题，会后我就打算将我自己对于排序的想法写下来，可越写越觉得自己对这个话题的理解更偏向与信息构架。但对于只对信息架构一知半解的我，怎么也没法将这篇会后笔记完成。所以我不打算将这份会后笔记完成，一些已经列出提纲而无法深入展开的地方我先准备放一下，等我有能力驾驭他们的时候，再与它们有个了断。
这里先列出这次会后笔记的提纲，其中就完成了1、2条（完成的部分会在后续的博客中放出）。希望以后能完成它。
1. 缓解全站导航和栏目导航的矛盾
2. 版块之间的排序
3. 当要展示的信息量过大时，提供有效的信息检索和传达方式
4. 时间维度上的信息排序
5. 信息排序的改变和用户对信息的记忆
虽然平时的工作一直都在做与信息架构相关的事，但却没有系统的，全面的认识过，感觉颇有些对不住自己学到专业（我学的是信息管理和信息系统）。找其原因可能是这方面的知识在互联网行业还比较新兴，关于这方面的书籍也不是很多（我在都豆瓣一直有收集信息构架方面的书）。但我打算学好这门课程。
在八月份的书友会上，和Ami聊起了哪个职务更重要，当时她的观点是产品经理>交互设计师>视觉设计师。我当时也认同这个观点。会后我重新思考了这个问题。
交互设计和视觉设计的目的都是为了给用户带来愉快感
交互设计和视觉设计的目的都是一样的。两种设计都是为了给用户在使用网站中带来愉快感。具有良好交互设计的网站，能让用户使用起来感觉很顺畅，很方便，这就是给用户来带愉快感。而好的视觉设计能传达一种感情给用户，让用户能够享受这种感情或者达到某种共鸣，这也给用户带来了愉快感。当一种产生愉快感不足时，可以用另一种愉快感弥补，但你很难说哪种愉快感一定超越另一种。当然我只是泛泛而论。具体的情况还是要看网站的性质。如是工具性质的强交互类的网站，这时交互设计会比视觉设计对用户影响更大些。反过来，一些视觉展示和体验类的网站通常视觉效果对用户影响更大，这时视觉设计会更重要些。
交互设计和视觉设计发展阶段不同
目前，交互设计是比较新兴的一个职业，从事这方面的人还不是很多，企业也渐渐发现它的重要性。相比竞争比较激烈接近饱和的视觉设计，交互设计目前的待遇可能会比视觉设计高些。但这并不表明交互设计的重要性超过视觉设计。只是说明交互设计这个职务的竞争还处在粥多僧少的阶段。
交互设计的投入产出比更容易衡量
对于企业来说它关心的无非两件事：一是降低成本，二是提高利润，实际上就是个投入和产出比。相比之下，交互设计比视觉设计的投入和产出比更易衡量。比如说因为提高了用户注册环节的容错性和纠错性，所以用户注册的数量增加了XXX。这个投入产出的关系就比较清楚。而要在视觉设计中找这个关系就比较困难了。视觉设计这个环节到底为产品贡献了多少力量是很难去衡量的，所以就有这样的认识：做好交互设计能够为企业带来更多的利益。但这样的认识却忽略了一点，视觉设计往往是第一个传达给用户的体验，如果用户第一次访问一个网站，感觉在视觉上不舒服，他可能就不会再去深入了解这个网站，当然也没有后面的交互体验，而企业可能永远失去了这个用户。可是这样的情况很难去衡量，或者衡量的成本很高，无法量化视觉设计对与产品的贡献度自然就使得视觉设计在表述自己的作用时显得没有底气。但是它的重要性绝对不输给交互设计。
八月的UCDChina书友会是我提前准备的和实际讨论偏差最大的一次书友会。提前准备的关于用户体验设计和产品设计异同方面的话题好像派不上用场。会议主要探讨的是大家在公司里的“title”和实际干的活。大部分同学在公司的“title”和他们干的活都有出入。产品经理也同时干着交互设计和用户研究的工作；交互设计也操办视觉方面的工作等等。可能这就IT行业的现状。
白鸦也莅临了这次书友会(终于见到了传说中的人物，呵呵。)白鸦在会上说现在设计师的价值正在被贬低，“用户体验和用户研究师”“产品经理”等的“title”成为设计师的升级方向。我十分赞同白鸦同学的观点。我们耳熟能详的大品牌像apple，sony，nike，任天堂都是靠他们产品中出色的设计赢得他们的地位的。出色的设计永远是产品的灵魂，而这些灵魂的缔造者就是伟大的设计师。白鸦的一句话给我印象蛮深的“除非我的‘title’中带O的（CEO,CTO…），否则我的‘title’永远是设计师！”
片名叫《傻瓜》（Miracle of Giving Fool）
这个“傻瓜”有着自己等待的人，这个“傻瓜”知道照顾妹妹是最重要的事，这个“傻瓜”有着一个愿为他妹妹捐出肾脏的朋友，我羡慕这个“傻瓜”。
他有着自己生活的期待，知道自己的责任，有着真正关心他的朋友。他不并”不傻”，和许多人比起来。
平淡的故事一样可以触动你内心最柔软的地方。车太贤在片中的表演非常出色，他塑造的这个“傻瓜”一次一次的打动着我。这个质朴的傻瓜正在用自己平凡的生活去影响着其它人。他的善良、乐观、诚实、坚持都是值得人们尊敬的品质。说起这些品质来，很多人都不如这个“傻子”。社会的进步加快了人们生活的步伐，人们越来越忙碌，要面对越来越多的事，就逐渐淡忘了自己对生活真正的期待；人们很容易就找到理由来推脱自己的责任；人们的圈子更广了，虽然朋友越来越多，但真正能褪下面具交心的却没几个。《傻瓜》这部电影让我明白只有保留着对生活最纯真的期待，明确自己生活中的责任，有着朋友的支持，这样的生活才是有机的，健康的。
第一部感动我的电影是《不可不信缘》，那是我读大学的时候。
自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站视觉设计的一些要点，有他人经验，也有自己的心得：
1—logo：
基本logo特征，符合logo设计基础（平面设计通用）显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果）
2—文字：
内容等级决定字体、字号大小、粗细；状态决定颜色（默认或者根据网站特殊统一）
3—广告、内容图片：
尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比。
4—icon：
品牌性，表达准确合理，设计手法（依据品牌性），一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。
5—可点击（button)：
区别（不可点击），根据人的生活经验：厚度，可按，质感（实体联想），色彩（品牌性、统一性、对比性）；统一的样式大小（依据里面文字的内边距统一）
6—背景图片：
氛围效果营造，同产品的统一性，优化（品质大小，色彩信息，实现方案），
7—图文排版：
主图次文，图文节奏，空隙，模块化。
8—当前状态：
放大（形状），变色（反色、对比色、明度纯度区别色），链进链出后指定内容提示。
9—交互控件：样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程优化），创意。
10—loading：
内容关联性（loading前后的内容关联），无聊等待的乐趣，体积、面积优化，创意。
11—用户反馈_ 成功、出错、提示、无结果：
文案（明确、合理、人性化、创意），图形（明确、醒目、色彩的心理认知准确度）。
12—动画效果：
过程合理（模拟真实环境的合理化），连续，节奏感，用户日常动作表现，音效配合，创意。
13—首尾设计：
首（品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏（与首），创意。
14—适应屏设计（全屏设计）：
最大最小屏幕的考虑（文字、图片的位置、折行效果）
15—固定尺寸的栅格设计：
合理的单元格（考虑黄金分割），单元格面积节奏，边距统一性
16—demo设计样稿：
对内容最多最少的考虑。
17—页面：
品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理（运用素描的基本规律来做页面）。
18—阅读：
背景对阅读（视力）的舒适度，内容与背景的对比舒适度。
转载于淘宝UED
之前看过部分主题，都是Skins Factory顶级作品，这次在Hyperdesk中看到，就贴出来，复习一下。
