全书总共有七个部分，前三部分讲的是用户打开一个新的网页前30秒所做的事情，第四部分到第六部分讲的是用户深入网站要做的事，第七部分讲的是用户离开网站时要做的事。下面先讲述前三部分，有部分的删减。
页面布局要根据目的设计，如果对于网站来说注册量很重要，那么就要把注册放到显眼位置，想出一个有激情的标语，并且给注册按钮做一个与众不同的颜色。下图是拉勾网的页面。
个性即有自己的风格，“所有的网站都在展现某种个性，但这并不是有意为之，很多个性都是无意间流露出来的”，可以通过使用一致的符号增加网站的风格统一性。下图是一个envatomarket上的一个网页付费模板magicbook,它的符号就是3d的书展示。
导航能够告诉用户目前在哪里，从哪里来，可以到哪里去，导航是网站的组织结构导航即所设计的信息架构的体现。设计师在设计信息结构时要考虑哪些功能放到哪些标签里，有几个标签，标签的名字是什么，考虑因素是按照用户理解的方式，不让用户疑惑。体现在网页时，设计者要有足够的理由证明功能a, b和c放在标签A而不是标签B里，比如购物网站中，“手机”放在“数码产品”类而不是“服装”类。
创新是好的，创新的前提是很好的解决了问题，如果创新给用户带来了认知上的负担，让用户感到疑惑，这样的创新应该舍弃。《移动UI设计模式》在图表一章中说到“如果你去Dribble或Behance这样的设计图库网站看看，会看到许多美轮美奂的移动端图表。遗憾的是，它们当中许多都是设计习作，对信息的交流并不是特别有用”，回顾下之前在Dribble上看到的图表，发现它们中有很多确实没有很清楚了交代清楚信息，仅仅是好看而已，离好用还有差距。设计中，好用应该是第一步，好看只是锦上添花而已，这也是为什么交互设计总是在视觉设计之前的原因，太早的关注视觉上的元素就会过分关注细节，对更重要的信息架构和信息交代放松，可谓是捡了芝麻，丢了西瓜。记得刘津在《破茧成蝶》一书中讲述过，她遇到过一些画原型很漂亮的产品经理，产品经理做了交互设计师的工作，希望交互设计师对原型做出简单的修改就可以了，但是细细查看产品经理的原型，很多东西都是想当然，产品定位信息架构还没有搞清楚，干嘛要急着去做原型呢。总之，在出漂亮的图之前，逻辑性要有足够的说服力。下面，我们看几个Dribble和Behance好看但是并不好用的界面，第一张图的横坐标是什么不清楚横坐标只有周几，日期都没有。第二看上去令人非常的疑惑，不知道作者想表达些什么。（也有可能我脑子不好使）
为界面做标记。所有的标记元素对一个新手来说都要通俗易懂，不要使用一些专业术语，如果软件工程师在提醒时加的文字是编写语言的术语，那得有多么的头疼。另外，不要等到用户输入结束后再提醒用户数据出错，要在输入框内写出提醒，并在用户完成一项时告诉用户格式是否错误。总之每次在登录点击登录按钮时出现的“用户名或者密码错误”会让许多用户莫名其妙，到底是用户名错误了还是密码错误了呢？试了好多遍才发现是邮箱多打了一个空格。如果在用户输入用户名时就做出格式或者是否注册的反馈会大大减少用户的疑惑。
提供搜索词建议似乎成为了标配，自动完成输入，在用户输入几个字或是字母的情况下就可以找到想要找的信息，国内百度，新浪微博，知乎等都使用了次方法。不过，搜索词建议也会带来坏处，因为有时候自己心里的关键字可能会带来更精确的搜索。
回到搜索结果列表是一个非常贴心的设计，有时候输入关键字后呈现搜索结果界面，点击其中一个结果后当前界面会被替换，在搜索按钮旁边放上“回到搜索结果”的文字链接。当然，很多情况下可以设定浏览器打开新的页面，不至于覆盖原有的信息，而且浏览器的返回按钮也可以替代“回到搜索结果”。
网友评论