微软的交互设计现场分享会 ——UIRSS.com

      作为一个设计行业的新人，偶然混进了一个交互设计联盟，群里各种大牛:),根据大家提供的消息，于昨天报名参加了这样的一个会议，因为要见到众多这个行业的大牛们，心里早已内牛满面，激动不已:P

      会议在微软的一个叫做lounge的屋子里召开的，里面作为一个休息室感觉蛮好的，我还发现里面放了一个桌球桌子，椅子凳子都很舒服，五颜六色的。屋里挂满了win7的宣传画，大概是借这个活动小做下宣传吧，呵呵。

      这次活动主讲是由微软亚洲工程院资深设计师张雷中先生带来的，主讲内容是关于微软surface产品的一些介绍以及设计过程。张先生图文并茂的深情演说让大家都能够全神贯注的投入其中，领略surface设计过程的乐趣。这个产品设计过程也采用了Persona人物角色的方法，原型制作方法，在他们的工作中会把设计拿去让用户进行测试，并再次设计，制作了扇形以及其他的形式选择菜单让用户进行选择，并最终选定用扇形来进行设计。目前surface这个产品由于很多现实的原因还只是在美国有使用，比如拉斯维加斯赌场，高级饭店等一些场所。

这次讲座提到了一个名词“NUI”，Natural User Interface，主要是讲自然交互的交互方式，让人们在使用情境下根据自己的直觉理解进行操作，这个概念大概是由于目前触摸操作方式的逐渐普及才出现的吧。

      由于时间的原因，张先生只是大致的进行了介绍，对他们在工作中使用的Brainstorm、workshop、Sketch流程只是简要的提及。

      讲座部分只是本次活动的一个部分，另外还有一个部门是评审委员会候选人会议，在2010年里面会由这些专家们共同评定一些优秀的界面设计。这些活动是为了让设计这个行业能够得到更多的人重视，能够让人们意识到设计对于人们的生活有多么重要，能够引起更多的企业和国家官员的重视。

PS：更多关于Surface的介绍在这里：http://www.microsoft.com/surface/ 

+Add：更多关于本次会议的内容在这里：http://design.yesky.com/433/11119933.shtml

搜索引擎知多少

现如今，搜索引擎在互联网生活中占很大份量，人们上网时几乎离不开搜索引擎的帮助。无论你想要得到什么信息，搜索引擎都可以帮你找到。由于习惯的不同，人们可能从朋友推荐得知搜索引擎，或者无意间点击进入，然后从此爱上这个家伙:)  目前在中国，百度搜索引擎占了相当大的市场份额，但是继Google和百度之后，微软推出了Bing搜索引擎，成为搜索引擎的一个后起之秀，赢得了很多人的好评，同样腾讯的搜搜也有大量的用户。接下来就据几大搜索引擎的特点稍作分析：

一、首页面：

1. Google的首页面干净清爽，有很多功能选项，但是视觉设计简洁清晰。个人非常喜欢玩下方的彩色区域，鼠标以上会出现好玩的泡泡图标。                                                                                                                                                                                                                                  与其他几个搜索引擎不同的是，Google的搜索按钮在输入框的下方，并且Google独一无二的设立了一个“手气不错”通道，让人们可以快速的进入到想去的页面，而无需转到搜索结果页面。搜索界面主要的还是那个搜索框，有人能研究说Google的搜索框没有考虑汉字比英文大的特点，而将搜索框做的比英文版的稍高一些，这是Google中国本地化没有做到很完善的一个代表吧。个人不太喜欢的就是Google的界面有很多分割线，虽然起到了分割的作用，但是我认为空间很大，没有必要分割界面如此仔细，这个线条运用得有点多余。另外，首页面顶端的文字很小，页面空间足够大，没有必要让顶端的那些功能文字显示得如此小。Google界面让我疑惑的地方还有就是在同一个界面出现了重复的功能选项，但是视觉上是不一致的（左上角的选项和搜索框下面的泡泡选项区都有音乐等搜索）。
2. 百度的界面很干净，尽管如此，搜索引擎的功能倒是齐全的，用户通过首页面的这些选项就能很容易的进行搜索任务了。就界面视觉设计而言，百度不如Google做的精致，很粗糙的下划线链接虽然简单，但是缺少了一定的美感。仔细看界面的时候发现了一个语词上的问题，百度搜索右侧的设置高级，一般在界面上都是用的是高级设置，也许这只是一个习惯用法，但是作为一个如此多用户的大搜索而言，需要尽量考虑用户的习惯，即使在做创新的时候也是需要尊重用户习惯的，何况这个语词应该不算一个创新点。
3. Bing的搜索界面与众多搜索引擎都不相同，很大的一个改变就是，Bing的网站编辑们每天都收集很多非常棒的图片作为背景图片，并将这个图片作为当天的主题，让使用搜索的人们可以顺便了解很多地方的风土人情。Bing的界面视觉很漂亮，目前提供的搜索功能比较简单，相比其他的引擎，提供给用户一个主动删选搜索结果的选项“全部显示”和“仅限于简体中文”。搜索框右侧的橙色搜索图标很醒目，但是我认为，这里可以结合文字一起，这样可以更加清楚的表达搜索按钮的含义。                                                           
4. 搜搜的界面风格与百度很相似，不过视觉上比百度似乎要精致一些,   比如搜索框的设计色彩选择，比百度的要舒服些。

二、输入搜索内容：

         当输入搜索关键字时，这几个大搜索引擎都使用了提示的技术，不同的是有些显示了不同关键字的搜索结果数量，这在我平时使用上来看是不必要的，这无非是表示搜索引擎强大的功能，而用户是不需要知道这些信息的，这在我看来是一种纯粹的炫耀。搜搜的下方用户自己输入的关键字使用了黑体显示，这是不必要的区分，在视觉上会显得有些突兀。

三、几大搜索引擎的相关搜索比较：

         微软Bing的相关搜索放在左侧，百度和Google的放在搜索结果的下方。百度和Google的相关搜索位置比较接近。但是个人认为还是百度是设计比较合理些，因为百度的相关搜索放在了搜索结果翻页的页码下方，这样比较符合逻辑，如果用户认为自己的关键字是正确的，那么在搜索结果中就存在往后翻页的可能性，逻辑上来讲是应该把页码放在相关搜索上方的。相关搜索是关键字不是很准确的时候搜索引擎提供的一种可能性，这个和当前的搜索结果列表是关系不大的，因此独立算作一个部分。

搜搜的设计与百度类似，不多作评价。

         Google就直接把相关搜索放到了页码的上方，搜索列表的下方，这样没有很多使用上的逻辑性，但是由于位置比较接近，使用上也可以接受。

         Bing的相关搜索特立独行的放到列表左侧，是为了和其他搜索引擎区分，但是我认为没有考虑到用户使用的过程，左侧的相关搜索与用户搜索关键字的搜索框相距很近，用户在输入关键字的时候不可能直接就知道自己输入的是不正确的，因此用户其实是需要有一个浏览搜索结果的过程的，这就导致，一旦用户拖动到页面的下方，就无法发现搜索引擎提供的相关搜索功能了。而如果用户经常使用，记得相关搜索是在上方的话，还是需要往页面上方走，然后再选择其他的搜索关键字，这样使用起来就比较繁琐。另外，在视觉上，Bing提供了一个橙色的所有结果条，而下方不远处是相关搜索，色彩的巨大差异容易让人们忽视相关搜索的存在，并可能理解为下方的是所有结果的分类。

四、搜索结果页码显示：

         关于搜索结果页码显示部分多说一句，根据费茨定律，目标放大，距离缩短，是较好的设计。Google页码部分只是单纯的给出了数字1234，并且距离很近，鼠标选择页码的时候容易出现错误的现象。百度，有所改进，在数字外加上了一个小框，但是这样的改进不够明显。而bing和搜搜注意到了搜索引擎的这个缺点，使用了较大的颜色方块来设置页码，使用起来比较舒服，也不容易出现选错页码的问题了。

补充: 看到一本写的很好的关于搜索界面的英文书《Search User Interface》

电梯的设计

          电梯的设计这么多年来也是设计师们反复议论的一个课题。如今的楼层越来越高了，高楼层的建筑电梯就成了一个必不可少的设备了，如何让电梯的设计方便人们的使用，也成了一个比较有争议的设计话题。
        今天去到西直门西环广场，进入到一层电梯间时准备按电梯上楼，没想到电梯间等候区没有按上下的按钮，反而是一个楼层选择面板，想去哪个楼层就可以直接选择楼层，我觉得这样的设计也许会是一个改进吧。因为电梯间尤其是公共大厦或宿舍楼的电梯间，总是会有很多人在进入电梯里面没办法挤过去按到自己想去的楼层，现在这样把选择面板放到一层的外部就比较人性些了。
         有一个设计得非常不好的电梯间就是我有一次去中关村新浪找朋友的时候，我跟她聊天后出来准备离开的时候，按了电梯下，我很自然的就想看看电梯到几层了，结果什么讯号都都看不到，记忆中好像也没有上下的讯号灯都没有看到或者显示得不是很清楚 目前大厦电梯已经不再是小型电梯，而做成了较大型电梯，可以承载更多乘客，但是这样带来的问题就是更多的人不能轻易的按到自己想去的楼层了，这样的大型电梯设计了两面的楼层选择控制面板，人们进来的时候无论从左边还是右边进入电梯都可以比较容易的按到自己想去的楼层。

小图标制作

图标练习，不太会做图标，看到有人把图标做得晶莹剔透，自己也尝试做几个简单的。大家轻拍  

web界面设计–左上到右下的距离

         参加完今天的大型招聘会回来，继续给大脑补充养分:P
         喜欢一本好书《瞬间之美——Web界面设计如何让用户心动》，关注很久了，可惜囊中羞涩，图书馆来了这本书第一时间奔过去借来阅读
         才只看到前面很少的一部分，喜欢本书开头的一句话“良好的用户体验，全在于那些完美的瞬间”。说得非常正确，用户体验其实就是用户在真正使用产品时候的一些感受。如果产品能够带给人们一个个感动的瞬间，用户会爱上这个产品，说不定偶尔在朋友间还会无意间提起，顺便帮产品做了推广。因此完美的瞬间提升用户体验，而用户体验提升用户的市场价值，比如Iphone刚出来的时候，人们一瞬间爱上这个产品，并相继介绍给身边的人，不断的有赞美之词出现，市场上卖到断货的现象时有出现。
         在以前的学校学习以及在伊飒尔实习的时候做过一些设计项目，在开始着手设计之前会整理一个类似于功能列表的东西，其实就是说我事先对我将要进行的设计会有一个规划，会自动在脑中有一个大概的概念。因为设计总是带着一定的目的去进行的，比如网站，总是有个主题的，大致具备什么样的功能，主要是宣传公司还是推广公司的产品，有大致的一个设计方向。收集好这些设计点后用一个很大的容器放起来，根据具体特点开始着手布局，导航位置，内容位置，等等信息架构在此时可以适当用线框图开始布局。没有细节，只是一些大体的界面轮廓逐渐开始布局。界面设计的拼图游戏就从这样的步骤开始。
        书中提到了一个概念翻译为古藤堡图表，汗颜自己从事这个行业居然没听过这样的一个理论，一直认为我们做的左上角到右下角的设计是根据大量的用户研究结论比如用户眼动研究等方法得出来的，平时设计工作中只是在使用这样的一个图表理论但是从没有仔细的研究过。仔细看看发现很多地方的设计都是这样的一个布局方式，从左上角到右下角的方向是用户的一个习惯方向，很多网页或应用软件都按照这样的方向来进行布局。
举例：

       淘宝网上的购买和加入购物车在一定程度上也是遵循这个左上到右下的设计准则，引导用户的视线。橙色和蓝色的按钮将用户从主要目标“图片”拉过来，吸引用户注意，让用户有点击购买的倾向，引导购物动作的发生。

        还有很多类似的设计，使用了这样的左上到右下的设计，安装软件，弹出框的设计等地方，仔细观察都会发现这样的理论应用:)  借鉴其他人的理论并运用在平时的学习和工作中，这对自己是一个很好的提升方法。

用户还是商业？

午睡的时候突然想到一个小问题，当用户需求和商业利益出现冲突的时候我们该怎么办？ 
         根据以前的工作经验，在现阶段的中国企业，商业利益还是大于用户需求的。虽然企业也在高调的宣布，我们是注重用户体验的，我们的产品都是经过了可用性测试检验的产品，是经过研究用户需求得到的产品，但是，在实际操作中，产品设计还是会特别考虑市场策略，商业利益。
         以前参与过一个项目，在其中负责交互设计工作，为了能够得到更好的设计，也参与了前期的用户研究阶段，深刻的理解了用户的困难。我们团队根据研究结论，规划出来一个理想化的真正符合用户使用习惯的产品。但是当我们满心欢喜的把设计作品拿到客户跟前讲解后，客户方很尴尬的告诉我们，虽然做了用户研究，有这么多的结论，但是考虑到市场的竞争，某公司的产品上有**的文字，如果我们的产品上没有这样的文字，用户在购买的时候会觉得我们这个不如人家的产品好，这样销售会有问题的。然后根据客户的要求，我们违心的把那些用户不需要的东西添加上去，，。
         在使用互联网的时候也偶然发现有些地方就是真正只为了用户的需要在考虑，有些网站就是有为用户考虑的心思，但是出于盈利的目的，添加了一些额外的操作，给用户使用上带来了一定的麻烦，提高了商业价值，降低了用户体验。
        前一段时间使用人人网（原校内网）的时候发现在分享图片或者日志的时候会出现一种模态弹出框（爱伦库柏提倡使用非模态形式的提示）提示用户分享成功，这个几秒钟自动消失的弹出框的下方附带了一个广告，虽然用户可以在弹出框自动消失前手动关掉这个弹出框，但是对于用户而言这一步的操作显然是比较多余的操作，不是出于完成这个分享动作必须的操作，因此在一定程度上会影响用户的体验感。
        今天查看的时候发现广告消失了，但是这个弹出框的形式还是继续存在，不知道是最近广告较少，还是人人网的设计师意识到了这个广告的问题，希望他们会以更好的方式来解决这个用户操作成功的提示问题。个人很喜欢Gmail的提示，在不影响用户使用的地方悄悄的给与提示，很体贴

如何提高网站的用户黏度？

         用户是网站活跃的主要力量，如果网站没有用户的访问，就如同浩瀚大海的一座孤岛，无法传达自己的讯息。网站的用户数量和同一用户访问的次数影响着网站的流量，用户黏度越高的网站才越有价值。那么，如何能提高用户黏度呢？网站要提高用户的访问度，需要从以下几方面来考虑：
网站内容，网站可用性，网站界面设计等，网站要试着了解用户的需求，想办法解决并尝试以最优化的方式去解决用户的需求，鼓励用户提供自己的信息，让用户主动宣传网站，形成用户圈子这样的网站才有可能有较高的用户黏度，才能在众多网站脱颖而出。
         网站内容        

         首先就是网站内容，用户访问网站是为了寻找自己需要的东西，用户在网站上寻找信息，资讯，图片，资料等等内容，他们带着一定的目的前来这个网站，有可能是无意间链接过来，有可能是搜索引擎跳转而来，有可能是以前访问过然后直接输入网站地址而来，等等方式。总之，用户带着对网站内容的某种期望前来访问。一个优秀的网站会提供给用户足够的符合网站的主题的内容，比如汽车网站，为了满足用户欣赏新型车，查找期望看到的车型，价格等信息，让用户能够方便的对不同的车进行比较等等。网站就是应该提供这样的符合网站主题并且是基于用户来访任务的内容。这样的网站才不是一个空洞的网站，能够提供给用户足够的内容，让用户可以从网站得到收获。

        网站的可用性

         网站提供了丰富的内容，但是良好的可用性会提高用户使用网站时的满意度，在寻找信息完成用户任务的过程中会对网站产生极好的印象，甚至会因此而喜爱网站。良好的网站可用性会让用户更有兴趣在网站中探索，他们对自己的每一步操作都有很好的把握，能够自主的控制自己的前进方向，带着明确的目的“逛”网站。比如豆瓣网的注册账号，就是非常友好的一个例子，用户很简单的输入自己的很少信息，然后就成功注册了豆瓣会员，而不需要像一些很奇怪的网站，要求填写很复杂的用户信息，或者其他无关紧要的信息。这样的账号注册方式不会影响用户使用上的体验，让用户感觉非常简单。

   网站界面设计

         界面设计优秀的网站，可以让用户愿意停留，可能不只是为了寻找网站的内容，设计舒适的网站，就好像是精美的咖啡屋，让人愿意花时间流连其中，处处细小的设计都可能带给用户惊喜，他们在视觉上有很好的放松，话说就是叫做“养眼”，网站的色彩搭配，内容布局等都可能在设计师的精心设计下变得很舒适，让用户愿意驻足，并在心里说：哇，真好看的网站！当然界面设计在各人对美的欣赏程度上有所不同，但是精心设计的网站总是会得到更多人的关注和好评，这点是毋庸置疑的。

         总之，满足用户需求，并且是竭尽全力去满足用户需求，从用户的角度出发，想用户所想，这样的网站设计才能够得到广大用户的认可，才能够被用户所青睐，这样的优秀的网站才能够在用户群中得到推广，才能得到更多的用户访问，才能在搜索引擎上有很好的排名，进而吸引更多的来访用户。抓紧时机，黏住你的用户吧！

Dolphin

设计地带blog皮肤设计

海绵宝宝飞天图