Group items tagged

图形界面应用指南、界面交互应用指南、用户情感设计标准。

其实无论是“规范”还是“指南”，他不应该是说有就有的。最起码的一点“他和企业的‘ＶＩ、ＣＩ’不同”。 VI、CI是企业在创建之初就设计规划好的，它是“预创建”的“条款”。原则上“必须遵循”！ 现实点来说，“界面指南”是在应用中不断积累出来的，它不能说“一开始就规范好了，然后去应用”。原则上是“参考遵循”。 6. “界面指南”是为产品服务的，并不是为了“束缚产品”的。

什么是隐式网络    隐式网络的基本概念是很简单的。当我们接触信息时，我们就对它进行了判断。当我们遇到一篇喜欢的文章，我们会花时间阅读它。当我们喜欢一部电影，我们就会想把它推荐给自己的朋友和家人。如果一段音乐引起我们情感共鸣，我们就会反复聆听。我们自然而然，下意识的做了这些事情。

last.fm网站—目前最佳的隐式网络     也许迄今为止，最成功的隐式网络案例就是last.fm了，last.fm最近被CBS哥伦比亚广播公司以2.8亿美元收购了。last.fm如此成功的一部分原因是因为它的完全自动性。last.fm给itunes和其他主要的音乐播放器提供了插件服务。通过这个插件，你播放的歌曲会都是自动捕获下载和添加的。根据你的个人音乐偏好信息，这项服务可以自动推断你最喜欢的音乐家和歌手。      然后last.fm按照逻辑开始了下一个行动。根据你喜欢的音乐为你介绍朋友和音乐，更重要的意义是last.fm提供一项用户不用做任何工作的服务，如果你只需要听音乐，其他事情都自动替你完成了

亚马逊也应该是隐式网络的老前辈。我们每次点击亚马逊的网站，它都利用先进的算法来给我们提建议：接下来你应该买什么？      在我们以前发表的文章“推荐引擎”（ recommendation engines），我们已经描述了亚马逊怎样用不同的方法调节它的系统为每一个人作出推荐和建议，这一基于用户的隐性选择而建立起来的完整系统，是亚马逊销售策略的核心。       另一家利用用户隐性选择行为的公司是GOOGLE。GOOGLE开发了复杂并不断调合变化的搜索算法反馈，用户的每一次点击行为都被到导入算法中，并反馈给用户搜索结果。

twitter看上去简单到只分享文字信息，但不简单的是，它把微网志、即时消息/回复（@id前缀）、定向消息（d指令）混合在一起。 当然链接也可以，twitter会自动将文字里的网址转换为可点击的链接。p.s.tinyurl类的短Url应用也在twitter的激发下被广泛使用。 以”What are you doing?”（你在干嘛？）为题，不停的答复着，自说自话着。 但，有多少人真正是在回答这个问题呢（我的好友就很少照做），尤其是gtalk、twitterfox、twhirl等tw应用的流行，现在的twitter已经变成了带群聊功能的IM。 twitter将好友的概念实质化，加好友变成跟随（follow），单方面的相当于订阅，双方面确认的是好友关系。 twitter的分享有一定权限划分，分几个层次： 跟随用户和收藏内容为任何人可见 更新内容可以限制只有好友可见 @id前缀的回复内容被同样跟随该id的用户可见 d指令定向消息只有对应用户可以看到 被跟踪数量和资料只用户自己可见 twitter的网站我很少去，除了为加好友等特定功能外，能不用就不用，因为我觉得twitter网站交互性不够好，不能总是没完没了地刷新页面。 好在twitter提供imbot，用gtalk就很方便的互动起来，而且它提供丰富的API，除了twhirl等纯客户端外，还有twitterfox、twiiterbar等firefox插件，另外还有一批特殊应用将twitter可以共享的内容无限扩大，比如twitterfeed可以把feed按自定规则发布到twitter，其中长地址还自动转换为tinyurl。 twitter可以自定义部分页面CSS。 可以通过手机短信、wap移动更新、分享。 使用Amazon S3服务存储用户的头像文件。 页面用户信息使用vcard。

我们对构成网站的元素一一进行分析，谈谈SEO在这个过程中的具体应用。        程序优化，Web2.0时代的到来，促使人们使用W3C网页设计国际标准，使用W3C标准的目的，就是简化以前那些冗繁的网页代码，给网页体积减肥，给网页下载加速，同时搜索引擎也对此类页面有好感，可有效改善用户体验。        服务器中的SEO，不用说了，服务器针对网站的一些配置都属于SEO的范畴，为了生成静态我们有时需要开启FSO，为了伪静态我们使用的Rewrite，为了换域名做跳转，而不想损失PR等，我们做了301重定向。        域名选择中的SEO知识是显而易见的，对于国际域名来说，域名中包含关键字，是SEO关键字布设的重要策略之一，同时自从中文域名推出之后，很多具有中文域名的网站也很重视中文域名中的关键字布设，因为域名中的关键字会被赋予很高的权重，直接反映该站点所属的行业，所要展示给用户哪类信息。        网页中的SEO技巧那就更多了，图片的SEO，页面关键字中的SEO，栏目和内容布局中的SEO，当然最终目的都是相同的，改善用户体验，提高搜索引擎友好度的。

垃圾链接，群发，链接工厂，这没有什么好说的，热门关键字要短期内获取最好的排名，除此之外，别无他法，但是这样以后客户往往很乐意掏Money，因为他们很快就能看到效果，当然这个关键字也许在短期内能带来一些流量吧，但是网站始终是病态的站点，始终存在安全隐患

这个指数递减的曲线更符合信任的传递关系。这里我们需要先定义一下信任度。我对信任度的定义是：我们对朋友的话，选择相信还是不信的概率。通俗的说：我们对自己的话是100%相信的；如果我们对朋友信任度是80%，那么朋友的100句话，我们只相信80句。 那么假设人对朋友的信任度平均值是μ，一个人A有朋友B，B有朋友C。C说100句话，B只信任μ * 100句，假设B把这些话转述给A，那么A只相信100 * μ²句。如果你相信我的这个说法的话，那么社交网络的信任度，就是随着分隔度数的增加，而指数递减的。 μ很难确定，不同的人对朋友的信任度不同，一个人对不同的朋友的信任度也不同。这里我们取一个平均值：½。就可以得到上面这张图。 看看这张图吧，我们对于朋友的朋友的说法，只相信¼，而对于朋友的朋友的朋友的话，10句里面只相信一句而已。 假如某个社交网站希望用朋友之间的关系来推广商品的话，那么很不幸，朋友的朋友说的话，未必有社会上广泛承认的专家说的话更有效果。

我们反过来看这个理论，假定一个人对自己的信任度为1，对陌生人的信任度接近0，那么我们可以拟合出一条曲线：随着分隔度数D的增长，信任T降低。我们知道两个数据点：在分隔度数为0的时候，也就是自己对自己的信任为1；在度数D是6的时候，信任度T接近0.

六度分隔(Six degrees of separation)理论说，只需要很少的人（比如，6个），就可以联系起世界上的任何两个陌生人。

豆瓣音乐人能给音乐人带来什么？

音乐人可以在这里发布自己的最新动态，以唤醒歌迷的关注。 可以上传自己的歌曲试听，以吸引更多的乐迷。 可以和乐迷形成很好的互动，我相信豆瓣上的乐迷都是那些态度认真的，他们有很高的音乐欣赏素质。

我们使用网站，这一切的活动事实上都是在围绕着一个东西：信息。扩展开来，我们的一切活动都是在围绕着信息做交互。

心理学家齐客森米哈里(Mihaly Csikszentmihalyi)将这种关注的注意力称为“精神能量 psychic energy”。就像我们日常生活中的能量一样，没有能量就没法工作，每次工作就会消耗能量。我们都应该有过这样的体验：有段时间，我们会全身心地投入到 某种事情中，将我们的集中注意力完全集中在这件事情上，所谓的废寝忘食。齐客森米哈里把这个状态称为“心流 flow”。心流是：忘我、忘记时间、忘记其他所有不相关的东西，完全沉静在某项事物或情境中。

我们并不需要去学习专门的课程或者使用新的软件来为心流而设计。事实上你也许已经踏上了为心流而设计的道路。开始心流设计之路，就是去考虑每一步交互之后应该出现的结果，然后，去掉那些影响用户达到这个预期结果的所有阻碍。

理性 基于科学考虑的功能性图形设计也就是我们经常讨论的GUI，它主要服务于系统化平台的交互系统，协助、指导用户顺利完成期望的任务流程，一般我们接触到的视觉设计元素包括： 图片按钮； 导航设计； Banner动画或静态设计； 表单样式设计； 表格、数据、文字表现设计； logo设计 以及图形化不强的页面文字排版、空白布局设计

为什么现在有很多GUI都想转行做UI或ID(interaction design)，而忽视视觉设计的价值？我觉得这里面有下面几个原因： 市场恶性竞争，促使视觉审美下降，从而导致创意制作的贬值。所以，除去个别优秀的视觉设计师，处于中间或下层的设计师很容易失去自我价值的鼓舞而放弃自己的初衷，希望能够寻觅一个新的行业方向。而根据现在的市场需求，UI、ID应该是一个比如容易切入的方向，毕竟通过理论的补充，可以在很短时间内有效的提高设计师自身的设计理念而适应新的行业需求。 还有一个原因也是上面提到的市场需求决定了设计师对可用性和用户体验的关注，目前大多数设计师都服务于综合性媒体的网络公司，这样也就局限了他们创意设计的需求，取而代之的更多是对实用性，高效性的页面设计要求，所以学习相关的理论知识以适应公司发展需求是非常容易理解的， 最后就是设计师本身的自我定位，据我所知，国内目前并没有一个很好的针对网页视觉设计或用户中心设计的专业培训，所以，入行的设计师未必都有很好教育背景，大多都是因为兴趣爱好或市场需求而不断调整自己在整个行业中的角色，就业的需求，再加上诸如UCDCHINA理论资源的不断涌入，让很多本就不成熟或说对自己职业方向不明确的设计师，看到新的适合空间，所以这样的转行也是完全可以理解的。

感性、个性 再说说基于视觉艺术考虑的视觉冲击设计，这类型的设计自由空间大，没有太多理论约束，更多体现出个性元素的概念，其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。 上图是来自http://www.rhythmoflines.co.uk/   尽管我们不断推崇务实的简约设计概念，但是另类的创新艺术表现还是不时的冲击着我们不断变化的行业趋势。这类设计的好处在于： 容易创新出新型的交互设计模式； 增加产品自身的品牌价值，也就是我们所说的“化腐朽为神奇” 深刻的视觉冲击，有利于品牌形象的传播； 具有艺术收藏性，树立流派典范； 激励不同类型的设计尝试； 不过如果从实用性来考虑，它可能也会存在下面的不利之处： 生存周期相对较短，也就是高投入未必能带来长期利用率； 浏览文件大，需要更多下载时间，如果平衡的不好，很容易起到负面效果； 兼容性考虑不够，比如插件要求，分辨率要求等； 目标群体的局限性； 总的来说，根据具体运用和项目的商业策略的不同，我们在设计管理上也应该做相应的平衡，是提高有效的视觉传达？还是个性品牌的冲击？ 这就如同我们在科学与艺术直接需要平衡点一样。

第二步，让所有在工作中需要撰写界面文字的同事熟悉该”行文风格”。每一个往界面上写字的人都要很清楚自己写出去的字是否符合这个”风格”。 杜绝这种现象：不同的技术人员各自按照自己的”风格”在界面上写字，今天你写”对不起，你还没有登录。”，明天他写”抱歉，还没有登陆吧？”，后天她又写”哎呀！我们好像还不认识你耶，赶快登录吧…”

以”文字是否容易阅读、是否能准确表达信息、是否能够准确的传达产品气质”为其工作的基本原则，以”让所有在界面上写字的人具备一致的风格和文字表达能力”为其工作目标。

第三步，在执行”行文风格”的初期(一般需要两个星期)，每一个确定后的界面都交给”负责人”审核。由其修改并指出问题，同时对一致的问题做出书面总结，慢慢整理成书面的统一”行文指南”。“规范是在工作中慢慢形成的，并不是一开始总结好的“，其实这个审核和总结的过程不用花费太多时间，三个人一个星期完成的界面只需要三个小时应该就能审核完所有界面上出现的文字。这个”指南”一般会比较具体。比如，就算确定了”表达要简洁，语言要直白不用问句，风格不要过于卡通或显’幼稚’”，这时一样有可能出现”对不起，你还没有登录。”、”抱歉，请马上登陆”、”登录后才能进行操作，请赶快登陆吧”等不同语言。那么在这个阶段，文字的负责人就可以给统一的总结成一种了。

公益串联活动「捐发票」是台湾人最引以为傲的社会公益行为之一。本站热烈邀请内地朋友们到台湾旅游消费时，随手捐出那带回内地也没啥用的发票，体验台湾公益文化，省去旅行负担。本站也欢迎台灣、内地以及世界各地的blog主人，加入此公益串联活动贴纸。请将下方HTML码复制后，贴在自己的blog页面上，即可让逛到您blog的访客看到本活动贴纸，并链接到本活动倡议网页，让更多网民分享到台湾随手行善的喜乐。

1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转3. CSS Tabs //CSS标签4. CSS Bar Graphs //CSS条状图表5. Collapsing Tables: An Example //压缩表格：一个实例       6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法7. CSS Image Replacement //CSS图像替代8. CSS Shadows(CSS Shadows Roundup) //CSS阴影（CSS阴影综述）9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述（漂亮的拐角）10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉

11. Define Image Opacity with CSS //用CSS定义图像半透明12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用（用JavaScript和CSS实现自动引用）14. CSS Diagrams //CSS图表15.CSS Curves //CSS曲线 16. Footer Stickallows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。17. CSS Image Map //CSS图像地图18. CSS Image Pop-Up //CSS图像弹出19.CSS Image Preloader //CSS图像预载20. CSS Image Replacement for Buttons //CSS按钮的图片替换

21.Link Thumbnail //链接缩略图22. CSS Map Pop //CSS地图提示23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历（CSS设计的日历）25. CSS-Based Forms: Techniques //基于CSS的表单：技巧 26. CSS-Based Tables: Techniques //基于CSS的表格：技巧27. Printing Web-Documents and CSS //打印网站文档和CSS28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示29. CSS-Submit Buttons //CSS提交按钮30. CSS Teaser Box //CSS内容摘要盒子

信息架构和任务分解结合起来做。

从人物角色开始。 你的主要角色的主要任务是什么？“搜索一套适合她的房子”？“浏览最新上市的汽车信息”？接着，她的次要任务是什么？“查看好友的更新”？然后，你的次要角色的主要任务是什么？“留意感兴趣的汽车促销信息”？……此时的任务分解不需要做得太细，只要做到心里有数就可以了。 接下来，把每一个任务点扩展成一个页面，想想用户在进行到这一步的时候，最需要看到、用到的是什么信息。比如，在搜索房屋的时候，主要角色最关心哪些属性？是房屋面积？位置？均价？装修？还是别的？ 然后，再以这几个最关键的页面为出发点，把主要角色的次要任务叠加上去，然后是次要角色的主要任务（有点拗口），一个页面的信息架构就自然而然地出现了。 但是，这个过程会遗漏信息架构中一个很重要的部分——导航。根据Jesse James Garrett在《THE ELEMENTS OF USER EXPERIENCE》一书中的定义，导航应该完成三个任务： 导航必须提供有意义的跳转链接； 导航必须要传达出各链接之间的重要级别和相互联系； 导航必须要传达出与用户当前所浏览页面的关系。

联络家业提供了我的组织这个“共享通讯录”的功能。比如我们联络家团队，就用它来做单位的通讯录了。我们和其他合作伙伴的项目小组，也用它来管理通讯录。 换句话说，在新版联络家，你拥有一个只有自己看得到的“我的通讯录” （个人通讯录）；只要你愿意，你可以创建并拥有你和一群认识的人相互共享的“我的组织”（共享通讯录），至于个数，要看你自己身处几个组织了（社团、单位、小组等）。

1、相互同步，保持最新 如果你的联系人也在使用联络家，那么系统会自动帮你发现，你和联系人之间，可以选择是否相互交换保持同步。 也就是说，如果你的联系人也都是用联络家服务的话，那么大家的联系方式始终都会保持最新。

职场中人很多人在用outlook等，我也用，可是有个问题，我用的电脑不是我

ebay易趣……能批出一千万的预算去浪费钱，但是就批不了10万块钱的2.0营销，因为一千万的项目会明确说出初步到达率和覆盖率达到多少消费者，所以易趣能批，但是批不了要靠积累和管理来发展的事情，因为2.0的方法，可能第一步只是影响十个人，再根据实际的情况来决定大发展，这样没有办法做预算，做不进去。所以，尽管这个成本比一千万低很多，就是批准不了，凡是企业的市场部按传统营销方法的，都很难这么做。

在营销2.0里，……事情是半成品，只需要做一半正确的事情，这一半的东西，会具体和每个消费者结合，形成一个个独立的、完整的品牌或产品体验。所以，光说以消费者为中心不足以是营销2.0。

关于什么传统产品适合营销2.0目前这个阶段来讲，是几类产品比较合适，第一类是产品口碑很好的，比如DHC……还比如IPOD，等等。……第二类，这种产品需要大量的资讯和信息分享，比如你买个汽车，或者买部复杂的手机，装修，等等。……凡是需要反复研究的东西，都非常适合做2.0……还有第三类，2.0营销能提供娱乐体验，比如百事可乐、可口可乐，这种模式不是很具像的模式，通过在网络上活动的体验，让大家对你的品牌产生更深的情感关系。基本上现在能做的就是三大类，这三大类很多产品能放进去，将来越来越多的产品电子商务化后，也能放进去。

Adblock+ 0.7.1.2广告过滤Adblock FiltersetG Updater 0.3.0.4广告过滤规则，定期更新，涵盖中国的网站Performancing 1.3编写发布修改你的blogGoogle Toolbar 2.2.20060807Google的工具栏，包括了在线翻译等功能Mouse gesture 1.5.1最易用的鼠标手势Right Encoding右键菜单更改页面文字编码Context Highlight右键菜单高亮页内所有相同文字Fission把页面载入进度条放到地址栏，而且具有不同风格，比之前版本更加强大Viamatic foXpose众多网页缩略图扩展中的一个UI Tweaker (Formerly Toolbar Cleanup) 1.7.0自定义调整浏览器用户界面CuteMenus - Crystal SVG 1.2.5在Firefox和Thunderbird所有的菜单栏上添加Crystal SVG主题的图标MediaPlayerConnectivity 0.7.2使您轻轻一按就可用外部媒体播放程序播放网页内嵌视频Gmail Manager 0.5.2允许你管理多个Gmail的账户PDF Download 0.7.5当您点击一个PDF连接时会弹出一个对话框，让您选择是在标签页中打开还是下载它ReminderFox 0.9.9.2日程安排提示NoScript 1.1.4.3为您的Firefox提供额外保护，可以根据您的选择，只允许受信任的网站启用JavaScript、Java或其他插件CustomizeGoogle 0.51通过增加额外信息（例如链接到Baidu、Yahoo 、Ask Jeeves、MSN 等）来增强Google的搜索结果，也可以移除不想要的信息（例如广告与垃圾信息），所有功能都是可选的www.X-Force.CnBackword1.1.060907Backword是一个帮助人们收集页面中的陌生的词汇及其出现的场合以帮助理解和记忆的web工具。工作方式与金山词霸的屏幕取词类似，但仅作用于 firefox页面Drag de Go 0.2.5拖放选定的文本、链接、图片、指向扩展文件的链接，可以实现不同的功能。可以通过自定义来实现最多四个方向的区别，以及在拖放时显示提示Web Search Pro 2.4以自己的方式自定义搜索引擎，可以对自己的搜索引擎自定义分类以及相关快捷键，功能很强大Batch Download 1.0.5用来下载一组类似的 url .它比Flashget的批量下载功能好的地方是可以突破一些防盗链的下载网站Click2Tab 0.9.7在新标签页打开书签/ 历史，保存并恢复最近关闭的标签页Email This! Bookmarklet Extension 1.3Email This！（原名为GMail This ！）可以将你当前浏览的网页的链接和标题通过Gmail，Yahoo或者默认客户端发送给邮件接收者Searchbar Autosizer 1.1.2这个扩展能使搜索栏宽度自动适应输入的内容。您也可以设置最大宽度和最小宽度。当输入内容被清除时，搜索框自动缩短Gmail Notifier 0.5.6.4可以直接在浏览器界面上查看到有新Gmail邮件的信息Firefox Extension Backup Extension (FEBE)FEBE允许您快捷备份Firefox扩展FireFoxMenuButtons 1.5.3添加31个按钮Flockd 0.2.1该扩展使用Flock把Firefox扩展转换为Flock扩展Quick Locale Switcher 1.4.1允许您快捷地从工具菜单更改和使用不同的general.useragent.locale参数选择Long Titles 1.2.3这个扩展可以完整的显示工具栏的提示，防止工具栏提示信息被截断Back to Top 3.2Back to Top 扩展在上下文菜单（右键菜单）、“转到”菜单增加了两个选项：返回页面顶部/转到页面底部，在导航工具栏及状态栏增加了两个相应的按钮StumbleUpon 2.83网络共享收藏Copy Link Name 1.2.3可以通过右键关联菜单复制链接名称Pearl Crescent Page Saver Basic 1.1将当前网页全部或可见区域保存为图片(目前只支持PNG格式)Nightly Tester Tools 1.0.4Nightly Tester Tools为经常测试每天更新版Firefox，Thunderbird和Mozilla套件的用户提供一些额外的实用功能MR Tech Local Install 5.2这个扩展的主要目的是提供一个可以本地安装、管理扩展和主题的工具FoxLingo 1.5.3翻译网页内容至您的界面语言CookieSafe 1.0.8此扩展允许您简单的控制cookie许可Download Statusbar 0.9.4.1在浏览器底部显示一个状态栏，可以方便地查看和管理下载项Adblock plus 0.5.11.4可以过滤网页广告，是Adblock的增强版，增加了白名单和过滤规则同步功能Wikipedia URL Adapter 0.1.2在用户访问维基百科时自动将链接跳转到https://secure.wikimedia.o...RSS Ticker 1.8.5RSS Ticker是一个Mozilla Firefox浏览器的扩展，它可以滚动您的实时书签中的资讯条目Firefix 0.7.5：自动修复地址栏中的错误信息，比如您输入www.mozilla.con后该扩展会将地址栏中的链接自动转换成www.mozilla.comFireFTP 0.94FireFTP是一个基于Mozilla Firefox的免费、安全、跨平台FTP客户端Bookmarks Scrollbar 1.0.5在“书签”菜单中添加一个滚动条All-In-One Search button 1.65搜索并/或高亮（突出、反白）显示页面中的搜索关键词HostIP 0.3.1.3可以在状态栏上显示当前访问网页的IP地址IE tab 1.1.1.1在FF中使用IE核心显示网页，如果遇到与FF不兼容的网页就可以使用了，同时也可以使用IE的右键菜单MenuX 0.2.4.5可以设置FF的地址栏和状态栏为自动隐藏，也可以隐藏FF的边框，这样增加了不少浏览区域ShowIP 0.8.03当你在网页上用鼠标指向某个链接时（不是点击），就会显示出这个连接的一些信息，包括ip、域名，甚至还有具体的位置，哪个国家，哪个城市Mozilla Archive Format 0.6.3可以将网页保存为.mht格式的插件Flashblock 1.5.2把Flash替换为一个按钮，点这个按钮就可以查看FlashFlashGot