拥挤的地铁上，身体随着列车的摆动在自顾自的平衡着，目光却始终未曾离开自己手中的那个小小物件。无疑，这就是电子书的吸引力。无论是手机、PSP、IPAD还是真正的为阅读而设计的电纸书们，吸引了人们的眼光，让人们可以打发列车上无聊的时光。

手机、PSP、IPAD这些带有阅读电子书功能的产品，拥有绚丽的彩色屏幕界面，华丽的外观设计，个性化的阅读软件。种种显示这些产品已能够满足人们的阅读欲望，但目前市场上出现了各种各样的专为阅读设计的阅读器——电纸书，这些产品是为人们的阅读而生，拥有E-Ink电子墨水屏幕，模拟与纸面相似的阅读情景，不伤眼是个非常好的设计点。

专一的阅读器产品，在众多的带有阅读功能的其他产品间，是否能够占有一席之地呢？话说伟大的乔布斯放出狠话来：人们不再阅读！的确是如此，目前人们的娱乐生活丰富多样，网络世界色彩纷呈，信息过量的涌现在我们眼前，几乎没有时间来关注，如今人们是否还能够继续从书中阅读，汲取养分呢？

【电纸书】：

拥有几乎是唯一的阅读功能，附带着某些音乐功能以及号称可以上网的“残废功能”。

屏幕很特别，最近试用过几款电纸书，用来阅读小说是真的蛮好用，不会很累，屏幕不会扎眼，很赞！

不过电纸书在众多拥有丰富功能的产品中，还是显得功能过分单一，虽然尺寸小于一本书的尺寸，但是比起手机这样的小物件来还是显得身材庞大，携带不便。

另外有个非常不能忍受的就是刷新问题，电纸书产品的刷新比较慢，而且刷新过程中会出现短暂的黑屏幕现象，虽然不会过分的中断用户的阅读，但终归是习惯了其他产品快速的刷新，因此会有稍稍的不爽。

电纸书的进入书籍阅读方式一般是从书架上找书进入，或者从最近阅读界面进入。比较类似纸面书籍的阅读方式。

【手机、PSP等小屏幕产品阅读】

屏幕靓丽，色彩丰富，阅读的时候虽然多是黑白色的文字阅读界面，但是由于屏幕亮度及屏幕背光等因素，不宜长时间的阅读，极易引发疲劳。

这类产品功能较为丰富，且携带非常方便。尤其是手机产品，几乎成为了人们口袋中的必备品。

这类产品进入书籍阅读方式一般是先打开阅读软件，然后再从某入口中寻找要阅读的书籍，按照路径寻找，然后确认开始阅读。这样的方式与平时使用电脑打开某个文件的方式类似，虽然较容易操作，但却不是真正阅读时的习惯。

【IPAD平板电脑】

IPAD阅读是采用模拟真实阅读场景的拟物化设计方式，模拟用户从书架上取下书籍阅读的形式，并且利用无可挑剔的技术将翻阅的方式做到极致，书页的跟随，随着之间的翻动，跟随一起翻看，百分百的模拟翻书的形式，并且在翻阅过程中，可以逐步的看到下一页的文字，在翻开的书页上甚至可以看到上一页文字透过纸面的形式，绝对真实的模拟了阅读的情景。

IPAD进入书籍阅读方式是从Ibooks阅读软件进入，显示书架上的一本本带有封面的书，选择其中的某本书，就类似在图书馆寻找书的感觉，找到书，然后点击打开开始阅读。

IPAD的阅读界面目前看来是无可挑剔的阅读界面，真实的模拟翻阅的感觉，让用户能够身临其境的感受阅读的气氛。除了没有书墨香气及书的触感外，别的与真实的书籍别无二致。

不过IPAD作为一个阅读工具，分量还是略显沉重。尝试阅读过一部分书籍，实在无法长时间的手握，只好放于桌台上使用。另外，作为一个阅读用的产品，携带还是略显不便，尺寸较大，且后盖不防滑，放在包内容易划伤，需要加上额外的外套，这无疑又加重了产品的重量。

在这里我略微对目前大家常用的阅读产品进行简单的说明，借以引发对阅读的思考。到底什么才是最好的阅读方式呢？我们真的会完全抛弃纸面的阅读了吗？电子书的时代到来了，电纸书阅读器的时代是否真的也到来了呢？

        标签的出现解决了页面上导航难以排布的难题，让页面信息整理更加容易。标签的形式来源于人们的生活，在书中夹上一些做好标记的纸条并露出书边，下次再寻找书里的内容就非常方便了。

       网页中的标签是为了更加清晰的整理网页导航区域，对每个不同的页面进行信息整理并归类为一种最完整易懂的分类名，以此作为页面的标签。这样的形式在如今的网页设计中得到了广泛的应用。如果我们需要列出的标签只有几个时，可以用非常漂亮的样子做出来，而且会很容易看懂。

      可是当摆在我们面前的是一长串，比如二十几个标签的时候，我们该怎么办呢？以往的做法是将所有标签列出，并排列成多行，这样的方式虽然解决了标签的排布问题，但却给使用的用户带来了极大的困惑，并且这样的排布在形式上也不再像标签的形式了。另外，这样的排布想要类似标签的形式时免不了需要滚动显示标签，将当前项滚动至下方距离标签内容最近的位置。这样就会产生每个标签在使用时位置不固定的问题，用户会有一定的疑惑：上次明明在这里的啊？奇怪，难道我记忆力出问题了？

       这个是我一个朋友在设计页面时遇到的问题，在与之进行设计讨论的时候遇到了很多的问题。在这里我将讨论中的思路简单的说一说吧。

      由于显示器显示的页面宽度有限，目前虽然宽屏幕、大分辨率的显示器已经出现，但是还并不算非常普及。我们在设计网页时需要考虑更多的适应性，让更多的用户在使用时不会出现问题，还是需要考虑较小分辨率的显示器情况。鉴于这些限制性因素，那么我们究竟该如何来排布这么多的标签呢？

      1.   分好的标签之间一般是并列关系，内容最好是互相不交叉的，并且是互相平等的关系。如果我们罗列出的许多个标签之间有从属关系，我们需要考虑将其重新进行分类划分。将标签进行分组，把完全平铺的标签换为几组标签。

      2.   用任务标签直接显示分组情况。比如Windows系统中，浏览器在开启多个网页窗口时，在任务栏位置以同一个浏览器程序的形式显示，共同表示开启的多个窗口标签页。这样的显示就大量节省了任务栏宽度。

      3.   将标签从重要标签向次要标签进行排布，按照所设计的页面进行排列，将多余出来的标签归入“更多”标签中，这样虽然在界面上隐藏了一部分标签，但是却让界面显得更加清爽整齐。并且，根据这样的排列后的标签，会突出网页想要人们注意到的重点界面，集中来访用户的关注度。次要标签中的内容让那些愿意在网页中长时间浏览和寻找的用户进行探索，这些相对次要的内容不是网页设计的重点，因此相对而言也不会有非常多的用户使用起来不方便。

      4.   如果标签很难划分重要不重要，可以将所有的标签列出来，并加以滚动条或者左右箭头的形式，让用户可以在众多标签页中横向滚动浏览。为了让人们使用起来更加方便，需要又一个地方可以以下拉菜单或其他形式显示所有标签，方便用户快速选择。另外，在平铺标签的时候，不能无休止的缩短标签的长度，要以标签的辨识度为首要。不能够无休止的缩短标签，以至于用户无法知晓每个标签的内容。如图是有这个问题的典型–Google Chrome浏览器：

      5.   当横向位置不够放置多个标签时，可以改为向垂直方向设计。垂直方向用户可以较方便的滚动鼠标来浏览，即使标签有比较多个也能更容易的排列。此外，垂直方向上每个标签的高度都是容纳一个字的高度，因此较短的位置可以显示较多的标签。横向设计的标签由于每个标签都会有几个字的长度，从而会占据更多的横向空间。

      最后回到我和朋友讨论的话题上，本来如果只是单纯的是二十个标签我会建议他设计成垂直标签，但是根据项目的特殊性，他搭建的页面左侧还有一个不可或缺的树状结构，因此，经过再多的思考，考虑到这些标签在不同的用户面前会呈现不同的一些标签，但有部分是会常用到的，因此最终建议他考虑使用“3”，即权衡出几个相对常用和重要的标签，然后将排列不下的标签们放到更多标签里面，这样能够将过多的标签稍作缓和。

      在设计标签时可能会遇到各种各样的问题，根据不同的情境采用不同的设计方式，灵活的运用设计技巧就可以制作高可用性的网页。在每次的问题处理时多做不同的尝试，会容易产生很多优秀的设计模式，积累这些设计模式在今后的应用中就会更快捷。

     网站设计除了架构设计、交互设计、视觉设计这些方面以外，还有一个非常重要的点，那就是——网站内容。我们在进行网站设计的时候要首先思考用户为什么会来到你的网站，你能为用户提供什么样的内容，什么样的功能（帮助），你如何展示你的内容？要站在用户的角度，去体会你的网站。在体会网站的同事要记得理解用户。用户非常忙，他们都是急性子，短时间找不到想要的东西，就会生气的走开，你就丢失了这样的一位用户了。                            

        用户使用网站，就好比是用户在与你对话，当一段对话变得驴唇不对马嘴时，用户就会抓狂，然后生气的走开，从此再也不理你。用户的性情会严重影响用户对网站的印象，为那些容易发怒的，焦躁的，有压力的用户提供的网站内容要特别的清晰简单。在记录用户想法时尽量记录用户的原话，理解用户在描述他们的需求时使用的语言，这样一来，在编写网站内容时就能够知道用户通常用什么样的词汇了。用户要在网站中有成功的体验，人们必须找到他们需要的内容，理解他们找到的内容，基于用户的理解进行适当的操作。

       人们来到网站总是带着一定的目的或者为了完成某个任务而来，极少是有因为网站看起来好看而来的（部分设计师为了学习而来到一些优秀网站的设计，带着纯视觉的原因而参观网站。）用户在网站中搜寻，期望得到自己的答案，网站最好的方式就是做到跟用户对话，用户又什么疑问或需要，网页能够迅速的反馈，并给出用户解决方法。不过网站本身不会讲话，用户带着大量的疑问来到网站，网站就是为了解决用户的问题而生。

        用户上网很少是为了认真阅读的（除了关注博客这样的以内容为主的网站外），用户在网页上大多数是采用浏览信息的方式，相比较电脑上阅读，纸面的文字读起来比网页的文字有质感也更亲切，正因为如此，我们在设计网站的内容时需要考虑用户浏览信息的习惯，减少篇幅过长的文字堆砌。网站的文字大段大段的出现，用户看起来很伤神。网页的文字能简短就简短写，当写好了一段文字后，一定要仔细阅读是否能够有所删减，网页上给用户呈现的文字应尽量是重点文字，避免废话连篇的占用网页空间。

         在编辑网站内容时，大篇幅的内容写成几个部分并标上标题，这样用户在阅读时就能够先阅读标题了解内容，这样用户就不用费很多时间阅读自己不需要的章节了。当然，章节标题的意义是为了概述一段文字，因此标题需要仔细斟酌，切不可随意的安放一句话就当做标题。另外，标题与内容要比其他的信息接近，当标题和上下的文字间距相同时，标题就会“飘”在两段文字间，让用户茫然。标题和文字间应当使用紧凑原则来布局，这样用户就能准确的知道标题概述的是哪个部分的内容。如图：

        网页需要留有一些空白，分为无心留白和有意留白。因为内容多少的缘故出现的留白是无心留白，特意安排的空白空间是有意留白。虽然无心留白也能够让界面有呼吸的空间，在设计时也应当多使用有意留白，段落中的留白给网站内容留了一些呼吸的空间，让页面更通透，来访的用户不会被大量的密集文字压的喘不过气。

        网站内容可以恰当的使用一些图示，图片比文字更能够直接的传达信息，图片的出现让界面更加生动，也让用户可以更容易知晓网站的内容。但是图片的大小需要仔细考虑，根据网页设计的大小来安排图片的排布。图片的大小应尽量不要占满屏幕，来访的用户看到满屏的一个大图很可能不会记得往下滚动，这样下方的内容就被用户忽视了。

        上图中，右侧的滚动条说明该网站下方还有很多内容有待显示，但左侧的大图片占据了页面整个的空间，造成了页面已到底的假象。视线被图片所占据，这样的图片让用户对网站内容失去了把握的能力，图片已经大到了忽视内容的地步。

       我们在设计网站时很多时候都考虑布局合理性和界面美观性（当然毋庸置疑这些也是非常重要的），关注这些方面设计的同时，我们不能忽视了网站的根本—为来访的用户提供可用的信息，让他们在我们的网站上能够找到需要的内容，顺利的游走在我们的网页中。

工作环境还是挺不错的，屋子很大，但有许多空位子，期待其余的新入职同志们报道，嘻嘻！公司的都是很大的显示器，感觉条件还蛮好的，不过网速还不是很适应，习惯了北邮校园强大的网络资源:P

刚下去吃了传说中很好吃的汉王午饭，感觉蛮好的:)

才报道了一小会儿，暂时还没有感觉到工作的压力，头儿还没有给我分配任务，姑且自己先随便看看吧。

期待我美好的设计生涯！

Fighting！

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

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

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

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

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