简单描述： （背景）章樱是教师出身做事比较干练严谨；章樱的丈夫是一位成功的电子商务集团CEO，她对于丈夫的事业向来非常支持，打理家庭内务也仅仅有条； （需求）丈夫在事业上很成功，

这是一个交友网站，除了能找到普通的朋友以外，还可以找到xxx朋友，用户注册的时候，填写数据之多，真的是一般网站无法比拟的，恐怕和找工作的网站有个一拼，但是我相信，这些数据绝对大部分用户是都会详细填写的，因为只有这样才能找到最合适的xxx朋友，同时也能让别人找到你和你xxx。

不过这里这个处理的还可以，一些重要的常用的用不同颜色处理，各个类目用不同的背景区分开来，相对信息还是比较清晰。只是他的背景背景感觉应该用橙色系的色度比较淡的来做背景，这个整体的有机型会强一些。 （4）首屏需要体现网站的更新，体现网站的活力。 淘宝集市；品牌商城，二手闲置。类目的右侧，全球购和促销区的领地，尤其是新增的促销区域，这些动态的数据更新，相信已经足够体现了这个中国最大的C2C的活力，这一版，也把这些强化了不少。 （5）首页的设计能够引人注目，能够让目标用户过目不忘，并对网站形象产生良好的准确的认知和记忆，就设计和视觉而言，用户所希望的是：布局整齐清晰，板块明确，色调不要让眼睛疲劳。 这一块，感觉改版後，板块比原来清晰不少，整个网站的架构也更明了，设计上更加大胆，色彩依旧保持鲜艳为主，刺激用户购买欲望，还是保持原来的主色调，毕竟也是一个企业色，但是个人感觉用色还是有点杂，有点很强烈的对比，让用户感觉心理很不舒服， （网页页面的颜色跳跃会不会太突然了些，虽然这样可以强调公告信息，但是，感觉不是很和谐~） （整体的色彩过于混乱，按照我个人的理解，taobao的主题色应该是橙红色，但是，感觉整个页面中，蓝色跟橙红比重相似，从上来拉下来，感觉进入两个世界，感觉整体性不是很好~） （6）首屏需要较快的下载，因此网页顶端需要减少图片，减少表格的复杂性，保证表格横切的可能性以加快下载速度。 这个个人感觉淘宝的导航虽然设计的很漂亮，但是经常打开后圆角丢失，或者背景图片没现实出来，不过好在导航文字能很快出现，但是过多的图片还是影响了用户对网站整体的感觉，还有个问题，也是关于页面下载速度的，公告栏以及中间的图片广告的背景，好像是深色的粉红，在页面下载之前很刺眼，但是最后有出现清淡的板块，感觉用户心理变化很大，这一块的背景设置应该还是以淡色为主，虽然用户最终影响不大，但是，速度慢的时候，还好思很明显的。

很多企业的PM(特别是互联网公司)都是产品的高级用户，他们很自信(甚至自负)，凭借着经验和自己的理解往往他们认为自己在UED上的能力很强，很多时候他们自己在完成UED的工作；

我们“抄”的是它先进的经验、先进的设计和方法，然后快速的转变成自己的东西，缩短自己的学习、研究成本，这对于一些中小企业要求快速占领市场的策略是相辅相成的。其实就是“学习”他人已有的经验，让自己站到巨人的肩上。要注意的是“抄/学习”都是要以自己的用户为基础，清楚用户的情况，了解自己的发展阶段，不要盲从。

导航体系也应该分为结构导航、内容导航、流程导航三个层面，而不只是一个“导航条”那么简单。（关于网站三层导航体系，参考我的博客：《天涯：如何把大象塞进冰箱》）。 首页第一要素是导航，这对于新浪等媒体性质的网站来说，是恰当的；而对于蚂蚁社区这类交互性质的网站，可能并非如此。对于交互社区网站，我认为首页的第一要素是传递网站的“风格”；第二要素是“激发互动”；第三要素才是“导航”。

今天思域想重点说说，如何合理的设计导航，让用户体验像在逛超市。 如何才合理？ 思域通过长期的实践论证，用户体验调查，得出了设计合理的导航大致具备三个特征――“明确、简单、一致” 在开始说导航之前，大家还是跟随思域去超市发现发现！

共同的特点 以上这些网站都有下面的特征： 布局简单 中心定位 3D效果 柔和,自然的背景色 颜色鲜亮（要谨慎使用） 可爱的图标（也要谨慎使用） 有许多留白 大字体

在分析mofile TV之前，思域本想对中文播客易用研究这个系列做个综述，打算让大家总体的先了解一下具体什么是易用性，后来想想还是跳过这步，思域就在分析的过程中和大家探讨，因为思域对于网站易用性也还是在学习的过程中，至于为什么说这是一个系列，因为思域选取了16个比较知名的中文播客网，也许会逐一的分析，所以各位看官看到的只是系列里的一篇。好了，废话少说，我们开始吧！ 思域就不对mofile TV做介绍了，咱不想知道她的盈利模式，也不需要知道她老板是谁，我只知道她有些地方让用户使用的时候有困惑，对用户不够友好，增加了用户的操作成本，引发了用户不知道该“做什么”的“挫折感”。下面听思域慢慢道来，有说不对的地方各位看官请拍拍砖%uFF

视线跟踪技术早期主要应用于心理学研究、助残等领域，后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中： (1) 推断人们感兴趣或引起注意的内容 (2) 通过所注视的对象可得到其指代对象 (3) 暗示对象之间的关系 能否自发、自觉地使用视觉导向的设计方法，并根据视觉路径走向排列关键信息，这是区别专业与业余网页设计师的一个重要依据。

以下收集几个我过去同事做的与设计相关的概念图例子: - Luke Wroblewski 的用户体验图集 - Bryce Glass 的用户体验重要性概念图 - Matt Leacock 在1999年做的互联网搜索概念图 - Flickr 的概念图集 - Hugh Dubberly 的概念图集

UCD Rokey(微软) MMtea(支付宝) 白鸦(百度) 云天(腾讯) 臭鱼(腾讯) Felix(支付宝) 猫猫淘(移动) 一葉の千鳥 ChinaUI 博客聚合 Alibaba UI Team AlipayUI TaobaoUI Yahoo!UI

Web 界面原型设计常用的工具如下： 白纸、铅笔、橡皮，有时候还需要剪刀。可惜大部分情况下保真度不高而且难以表述页面流程； Word，可以制作 wireframe，还可以批注或者加大段文字说明。可以在一定程度上表述页面流程，但是依赖于文字功底； PPT，使用起来比较麻烦，但是可以动态的表达出交互流程，可惜文字表达能力不足； Flash，同 PPT，更加难以使用。适合制作小屏幕界面原型； HTML，本文就是想讲如何使用 HTML 快速进行 Web 界面原型设计。

Yahoo！在今年做了一次重大改版，页面增加了很多动态效果，比如多个内容标签（Tab）栏、动态按钮、可调整界面色彩等。我觉得模仿Yahoo!是没有错的，早期大量的搜索网站都是如此，网易的多次改版也做了不少的参考。Yahoo！有强大的实力可以去做大量的调研分析，对首页可以接受的技术应用都会非常谨慎的，并且每次调整都会进行一定时间的公开测试听取用户的反馈。也许有些技术并不是Yahoo！首创的，但其能够采用说明对用户来说是安全的。 下面是两个门户门户网站对Yahoo!的模仿： 163.com改版采用了内容标签（Tab），鼠标经过的时候自动更换内容，新浪也有类似的设计。如下图163首页的一个区域：

一个好的UE是一个好项目的开始，在以前没接触过的时候，所了解的UE只是简单的一个层面，以为喊的用户体验、产品分析、数据收集等都是在空喊，以为还是自己的经验最重要，可是当我第一次开始真正意义上的和UE合作，我发现我错了，我错的一塌糊涂…… UE是个相当厉害的角色，他的一些观点和意见不是简单的由某种自我思想产生，不像设计师更多的是在根据经验及阅历来判断事物观点，他们不同，他们会拿出有根据的数据来说明任何简单的问题，很佩服UE，不光是做事态度，还有知识，他们所熟知的知识不是UI部门或是统计部门这样单一的知识，而是一个各个系统的集合，因为在一个项目中，参与的部门很多，而UE要周旋与大家之间，可以想象一下，一个对你工作不了解的同事跟你一起讨论工作你会是什么样的心态，所以，UE具备非常系统的知识，可能他的知识没有你精湛，但是他绝对可以和你一起坐下来谈事情。

视线轨迹 视线经过的所有关注点可以连接成一条完整的路径，即视觉轨迹。 A. 左右移动优先于上下移动（文字左右书写的情况） B. 在同一背景区域移动 C. 移向醒目的地方 D. 向底部移动的可能性小 视线焦点 打开一个新的网页，我们的视线首先会聚焦在网页中最引人注意的那一点上，即视线焦点。

产品信息注意事项（用户接收层面）： 1，应该是和用户本身相关的，关注的或者是有关联度的。 2，整体的信息应该是一致的和真实的可信的。 3，产品信息应该是和善的和善意的。 4，产品信息应该是活泼的和多样性和趣味性的。 5，产品信息应该是可以互动有参与的。

此次网站改版计划的重点在于：最大程度上提高网站易用性、改善用户体验。结合此次时间周期和现有资源力量等实际情况，此次改版提高网站易用性的主要工作应该着重在于用户C作流程的合理性及网站结构的规范性上；当然我们可能也需要对网站的一些主要模块做出功能性的调整和改进意见。

据美国世界日报报道，一项最新研究报告显示，使用者浏览网际网络时，常在一瞬间断定网站的优劣，不会花工夫慢慢探索，也就是说：上网像恋爱，讲求一见钟情。

可以说是亚马逊网站普及了 Tab 式导航。这么多年来，他们一直在探索着一种用户界面，可以使他们越来越多的产品清晰的呈现在用户眼前。我们现在回头去看看亚马逊网站顶部导航的历史变迁也是一件非常有趣的事情。