[WEB界面设计瞬间之美第5部分笔记.docxVIP

瞬间之美WEB界面设计如何让用户心动[美]Robert Hoekman ,jr.著向怡宁译Part5 参与—————互联网，其中很大的一部分乐趣在于参与主要内容：为什么“说清楚”比“有效”更重要，如何鼓励和激发用户社交行为，为什么“跟从”用户的动向会比成为他们的“朋友”更合适(我很喜欢参与这个词，参与意味着互动，参与意味着融入，那么每一个行为都会有Feedback)第19章 创建个人资料案例：第一章讲到，平面设计师网站的主要目的是向平面设计师展示优秀作品，业务目的是吸引用户注册。很多网站的用户个人资料包含重要信息，比如名字，兴趣爱好，为什么加入网站等，但对其他用户没有帮助。同时有这样一些用户，他们愿意研究别人收藏的案例、评论回复，从而看到更好的内容。比如用户注意到客户给某个项目的费用很高，那么用户也许想知道与这个客户合作的其他设计师。等等。19.1 递进的增加方案基本情况是每个人创建的个人资料页面，其他用户都可以看到。两种用户：用户分为两种类型，客户、爱好者这样的普通注册用户，另一种是设计师，设计师需要做一些事情，比如创建案例集、费用和职能范围，而创建案例集的人都需要填写一些额外的信息。我们希望其他用户认为设计师才能注册，所以额外信息的填写在注册程序之外。动态个人资料：当设计师创建了案例集等等，个人资料相应的更新以反映设计师的行为。这种动态的个人资料更加生动，成了用户的行为记录。空白资料页面：如果用户没有任何行动，那么他的个人资料页面一定是空白资料页面。好处在于鼓励用户有所行动。Author’s评价：创建案例集方便用户查看该作者的其他的案例，同时也可以了解其他人的评论回复。那么动态个人资料页面成为了寻找优秀内容的入口。总结：动态的个人资料=固定的基本内容+用户行为记录(让个人资料页面成为有效的人际交往手段，这个idea太棒了。同时我感受到author并不是简单的把创建案例集扔到页面中，而是采用动态的更新的方式，普通用户不会感觉到只有设计师才可以注册，而且动态的行为记录更能吸引人注意力。同时我有一点点疑问就是我似乎在某些网站能够看到某某某又与谁成为好朋友了或者其他一些记录，我时常感觉到被骚扰，都是一些很无聊的内容，所以优秀的idea也不要细心经营。)第20章 编辑案例：第三章讲到一个在线网站的导航，这里讲该产品的编辑功能。用户试图执行某个编辑任务，不管是为某段文本调整格式还是在页面中插入图片，系统总会弹出同一个窗口。弹出窗口包含了文本格式工具，图片编辑工具，插入时间戳，创建RSS的feed。等都在里面。那么为什么不能把这些工具直接放在主界面，去掉弹出窗口，同时就是每一次都得在一大堆工具里费劲的找寻自己需要的那一个。(是哦，非常赞同，每次编辑都要弹出一个窗口，然后再在这个窗口里找自己需要的工具，重复一系列相同的步骤。这样做和直接放在主界面一目了然想点哪儿就是哪儿比起来是要麻烦的多。说到一大堆工具，如果说真的舍不得丢掉这些工具，那么采取递进/分层显示是非常不错的。我想后面也是采取这种思路吧。我还想到自己的房间整理，也可以采取这种方式的，分常用和不常用的分类，然后再细化分类。)20.1 在正确的时间显示正确的工具分析：弹出窗口有100多个工具，其中只有3-4个能够真正满足所有的任务。弹出窗口迫使用户脱离了编辑环境，用户不能看着页面进行编辑。方案：要想减轻混乱的程度，最好只显示与当前任务相关的工具，同时用户只能直接编辑网页，而不是被带到另一个页面。任务环境：工具和选项挪到了主界面其他工具置灰：不可行，这意味着用户不能中途改变主意。如果用户选中文本时图片编辑置灰，那么他想中途插入图片就不能进行。(我并不是特别理解他的意思，可能我在这方面的操作的感性体验比较少的缘故。)3．属性面板：借鉴于Adobe公司的产品，比如ps，可以办到只显示任务相关的控件。根据用户不同的行为，可折叠面板相对应的面板将会自动打开。(起到了很好的分类显示的作用)4．递进显示：属性面板解决了只显示与任务相关的工具，其他的工具和选项还是要用起来。使用文档模式对话框。用户无法使用edit面板，但仍然能够与程序的其他部分和浏览器本身交互。比如text面板放一个create a link超链接，点击之后弹出对话框。Author’s评价：递进显示让每一次交互都更容易执行了。从功能上讲，它还是非常缓慢、笨重。(看完之后我发现，递进显示的猜测我只对了一半儿，不过还是挺高兴的，说明我已经具备了一点点设计思路了。)第21章 开展社交活动——朋友，多么美妙的词汇，我们和朋友一起笑，一起哭，一起偷偷开小差作者认为通常网络朋友并没有什么意义或者说深度，他们的behaviour都列举在facebook上，比如谁和谁成为朋友了，赠送礼物或者发消息等。所得到的并不是真正的信息，只是一堆噪