Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 网站列表

Rss Feed Group items tagged

ocean wu

在线问答服务网站列表 - 0 views

  • 1.Yahoo Anwser:相当于Yahoo提供了一个平台,要发问的朋友提出问题,然后Yahoo将这些问题加入数据库里,大家都可以搜索得到;如果你知道问题的答案,你可以在上面作出回答。国内的叫雅虎知识堂。 2.Google answer:它的简 单口号是:Ask a question. Set your price. Get your answer,分门别类地罗列了最新的提问,承诺24小时答复,可惜的是要收费,但不失为商业化信息资源利用的好方法。另外还要附加 $0.50的张贴费。不过目前已经停止接受问题。 3.Yedda:在我的以前的文章中介绍过,属于一种用户参与类搜索引擎。具有一些显著的区别, 网站更倾向于网友的更多的参与以让用户得到更好的搜索体验。 网站最大的一个特点是将用户感兴趣的topics作为tag对问题进行分类。详细介绍。 4.HelpShare有点类似于或以及我在前面文章中提到的,是一個在线提问和解決方案的工具。它是一個让人们提问和解決一些疑难问题的社区。和Google answer一样这也是一种有偿服务,提问的人必须设定一个价格来支付回答正确答案的人。可以在帮助别人的同时又有收入。不错的创意! 5.Wondir:问答社区起点更低,匿名就可以提问。提供两种服务,一种是匹配到专家,一种是罗列来自各个搜索引擎的搜索结果。 6.Oyogi:我在Diglog中提交过:允许某个群组进行: 1. 运用基于web的即时通讯工具, 在成员间就某一话题进行实时 协作 2. 问题的互问互答. 3. 对 1和2中的内容进行存储并可进行搜索。 7.Qunu:是一个新一代的专家回答网络。它使用即时通讯来连接–回答人们在用软件或者技术上的问题。加入:quser@qunu.com到任何你的Jabber-enabled IM服务器上,然後在请求授权后为你个人和提目建立“标签”。 8.Quomon:一个专业化的在线问答服务网站,主要提供提供关于IT相关领域内的在线问答服务的网站。 9.Circleup:和一般的在线问答服务网站不同的是, Circleup除了可以通过联系人Email来使用这项服务之外,还可以通过IM(雅虎通和AIM)来完成问答服务。并且Circleup提供了很好的 社区功能,你可以将你的联系人导入后进行分类,如:同事,家人,同学等。然后不同类别的问题,你可以通过选择不同类别的联系人来进行回答。 10.Jabbits是一个提供交互式的在线视频问答服务的网站,它允许人们使用视频来进行问答。注册之后,你就可以使用在线工具录制你的问题进行提问。 11.Ask500people是一个提供在线问答服务的网站,你可以通过Ask500people提出一些问题,然后在Ask500people上面等待别人对你提出的问题进行投票或者评论,或者也可以就热点问题在Ask500people上面进行讨论。 详细介绍。 12.Myndnet是一个提供有偿在线问答服务的网站。简单来讲也就是你可以通过Myndnet上面的问题而获得一定的收益。 商家在这里提问,所有的问题按照不同的分类在这里列出。你可以选择相应的问题进行回答,商家会购买正确的答案,你如果回答正确会得到一部分的报酬。详细介绍。 13. Qwizzy是一个提供类似功能在线知识分享平台,也是一个在线问答互助社区。不过 Qwizzy比较独特的地方是,我在身上看到了一些Twitter的影子。 Qwizzy加入了和Twitter比较类似的模式,可以看作是在线问答的微博客模式。详细介绍。 14. Bitwine是一个提供在线真人交流建议服务的网站。 Bitwine的模式是这样的,用户可以通过 Bitwine寻找某一领域内的专业人士,通过在线视频音频交流的方式向其咨询,当然这个向你提供咨询服务的人是要向你进行收费的。详细介绍。 15. Howcast是一个提供教学类视频分享服务的网站。除了视频分享以外, Howcast还融入了通过视频来解决问题的模式,也可以将其作为一个在线问答服务网站,只不过其回答是以视频的方式来进行的。详细介绍。 16.百度知道:百度的在线问答服务平台。 17.新浪爱问:新浪的在线问答服务平台。 18.51Mentors: 职业规划,大学生就业方面的在线问答服务网站。
  •  
    在线问答服务网站是指一类提供用户在线互动问答服务网站,通过在线问答服务网站,用户可以提出自己的问题,回答可以通过用户参与回答,或者是专家团队进行回答;既可以是通过文字进行回答,也可以是通过视频等其他途径进行回答。在线问答服务网站旨在借助互联网的力量解决生活中的各种问题。下面就和大家分享我了解的一些在线问答服务网站。
ocean wu

对社会图Brad的思想 - 0 views

  • 人们越来越讨厌现场登记和重新申报的每个朋友。 ,而且: 开展“社会应用”的工作太多了 。
  • 目标: ¶ 最终使社会图一个社会的资产 ,利用不同地点的数据,从所有的,但不依赖于任何公司或业主组织“这个”中央图。 ¶ 建立一个非盈利性和开放源码软件 (与利润版权持有的非),收集,合并,并重新分配图的图表汇总成一个由全球所有其他社会网络网站。 background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 1
  • 非目标: ¶ 我们的目标是 不 更换注册。 事实上,大多数注册Facebook!人,我已经谈过恋爱,只是想多一点资料他们已经公开更方便,并希望减轻对任何单一的数据网站所有者的恐惧/平台锁定。 与Facebook的早期谈判有关项目参与对此一直非常看好。 ¶ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-wi
  • ...2 more annotations...
  • 假设: ¶ 社会图包含一个边缘节点结合公共,私人节点,公共边和私人的。 重点是只对公共数据现在,因为这是你可以在网上自由地喷到其他各方。 虽然数据集中在公共不能解决100%的问题,它解决,也就是说,10%的复杂性在90%的问题。 私人数据可以补充后,也许在一个更高的层次。 现在,唯一的公共数据。 ¶ 此外,重点主要放在朋友的数据,看不到数据,如照片( <font
  • 发展现状: ¶ 截至2007年8月16日,一对上述地段已原型: 得到的数据,5大社会网络,他们在图形建模 上述工作原型的API实现(很多性能优化,缓存和并行的余地,但要得到正确的第一次) 能够找到我所有的失踪LiveJournal和Vox的朋友,根据我在其他地方的关系。 启动一个Firefox插件工作与MySpace background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px;
ocean wu

Web2.0网站列表中的地图服务列表 - 0 views

shared by ocean wu on 20 Dec 07 - Cached
  • 地图相关服务网站 1.Wayfaring.com :利用了Google map api service, 提供你很方便就可以将Google Map应用到你的网站或Blog中的服务, 可以轻松地在线创建地图, 加waypoint, note, 然后存下来, 将它提供的html code拷到你的Blog上就可以显示了, 还有其它和读者交互的一些方式, 比如让读者在地图上标注等等。 2.Frappr:也是利用核心的Google map技术,你可以在这里创建自己的社区或群组。成员可以在自己的Group的地图内标注自己的地理位置,简单留言或上传图片。 3.Housingmaps:Google map与搜索相结合的典范,其网站将Google的地图同公寓出租,以及住宅购买数据相结合,来创建一种交互式的房屋搜索工具。你可以选择房屋的地点和价位。 4. E都市:E都市作为三维仿真的网上交互性城市平台是基于WEB GIS和虚拟现实技术所实现,运用3D全景影象等技术,通过三维实景模拟的表现方式,无缝的集成城市电子地图、三维电子黄页、生活资讯、电子政务、同城电子商务、同城交友、虚拟社区等服务内容。 5.都市圈:与Google map/Earth或城市吧最大的差别是,都市圈最大的特点是它的三维虚拟地图,而不是卫星图或实景图。都市圈上面提供了三种基本的浏览模式:平面、立体、卫星。其中的立体指的就是三维虚拟地图是最具特色的。 6.Seomoz.org/ip2loc/ip2loc.php:利用了Ajax技术,SEOmoz 做的一个网站,让你打入IP然后就会在Google map点出大约地理位置。不过好像用来找我的IP不能在地图上清晰显示,因为Google Maps上面的中国地区图像解析度一般不高。 7.Cityranks:在Google map上显示人口密度的网站。 8.Communitywalk :让用户自己创造地图,与他人分享。 9.TravelPost:在地图上提供游客张贴日志、照片、旅馆评等之类的资讯。 10.KMaps:以google map为本,开发出一套系统,让网友可以在各种行动设备上取得所在位置附近的资讯,诸如附近餐厅的地址、前往餐厅的路线等。拓宽了地图的应用层面,包括在住家附近找到约会对象,提供联谊连网等。 11.Tutorlinker是由两位洛杉矶的大学生创办的一个网站,网站利用Google Maps技术将提供家教人员的位置在地图上显示,想要找家教的学生或者家长可以很方便的利用这个网站找到自己附近提供家教的信息。详细介绍。 12.Auctionmapper是一个基于eBay的商品搜索网站,它使用flash技术将eBay的搜索结果展现在地图上(仅限于美国地区)。详细介绍。 13.Musiclocated :是一个由西班牙的音乐爱好者和喜爱音乐的人创办的一个非盈利的提供在线定位音乐家和音乐圣地的服务,这些定位通过Google Maps在地图上显示。详细介绍。 14.邻居网:是一个通过Google Maps将您指定生活、学习、工作或者“去过”的地方的地理坐标标出,通过这种标注,邻居网上的朋友可以通过网络发现自己在现实生活中身边的朋友。 详细介绍。 15.Geoiptool:是又一个基于Google Maps在线应用,你可以通过Geoiptool查找不同IP地址的位置,位置信息可以在Google Maps上显示出来。 16.Mapwing:是一个提供在线虚拟导游地图服务的网站。Mapwing希望通过图片来构筑在线的虚拟导游地图。用户可以上传自己的图片,然后对于图片上的任意一个点,用户可以提供东南西北四个方向的视图照片,以达到比较珍视的虚拟效果。同时,你可以浏览所有用户建立的虚拟地图。详细介绍。 17.Mapmsg:是一个提供很有意思服务的网站,它通过将发送消息与Google maps相结合,你可以选择地点,然后输入你想要输入的消息,你发送的消息便可以在地图的这个地点来显示。详细介绍。 18.EEmap:一种基于Wiki理念的在线互动电子地图服务。与一般电子地图服务和WebGIS不同的是,这种电子地图可以由普通使用者自行编缉。 19.Grou.ps 是一个在线社群网络社区,可以将其理解为“加强版”的Yahoo/ Google Groups。提供书签分享服务,组群服务,Wiki功能,还提供了地图服务,小组成员可以在地图上标明自己的位置。详细介绍。 20.Nearbie和我以前介绍的Dandelife和Ourstory比较类似,是一个通过将自己的历史记录通过照片,文字,地图等方式记录下来,能够和自己的家人和朋友分享,也能够按照一定的方式管理自己的历史记录。详细介绍。 21.龙久久是一群由爱好网络的留学生、管理者等创建的一个以互联网为平台 的人生的分享和交流社会化网络社区。其中生命站点主要是通过Google Maps将你生命中待过的地方在地图上标注出来,并且可以选择在某个地点待的时间段,并且在这个时间段内可以撰写博客,上传照片,而这所有的博客内容,照 片内容都可以在这个地图上汇总显示。即将时间轴的内容“博客和照片,文件”和空间轴“地点”紧密的联系在一起。详细介绍。 22.Triphub是一个提供在线组织出游服务的网站,你可以通过Triphub组织旅游,邀请你的好友参加,和你的好友分享和讨论旅行计划,统筹出游相关事宜等等。Triphub提供了旅游地图相关服务。你可以通过地图分享你的旅行计划 。详细介绍。 23.Planningalerts提 供一项在线提醒服务,提醒服务的内容比较有意思,那就是你居住地附近的项目,如附近电影院或者酒吧开张,拆迁或者翻新情况。你可以在地图上查看通知区域。详细介绍。 24.Remember the milk:是一个提供在线个人任务管理服务的网站。Remember the milk允许你将你要完成的时间列表标注在地图上,这样可以将你要做的事件可视化,更加形象,一目了然。详细介绍。 25.Qlock:是一个利用Google Map构建的世界时钟网站,你可以在下面的查找栏中输入城市的地址,它就会把当地的时间显示在上面的Google地图中 。 链接:http://www.web20share.com/list/map
ocean wu

30+ Professionally Designed & Useful Mac Applications | Web Resources | WebAppers - 0 views

  • FontcaseFontcase是一个优雅的字体管理软件。它综合了所有下一个精简的工作流程简单,原材料的权力。它举办了强大的标签系统,可自动处理您安装的字体。喜欢 iTunes的 音乐是Fontcase是字体!
  • 邮箱邮箱,由Mozilla技术驱动是一个强大的邮件管理与尖端已为新标准的电子邮件客户端软件的功能。它有一个强有力的信息,并自动完成功能,内容搜索。它提供了一个聪明的信息,并简化了邮件的机构,以及追踪他们的内容交换意见。它具有优越的消息处理和组织的功能,以及强大的安全功能。
  • DropzoneAptonic推断的拖放Mac功能,无限的可能性。利用核心动画功能,自适应网格系统,可以培养安装的应用程序都接受拖放。例如,通过删除一个文件到您的FTP客户端图标,FTP客户端将执行操作上载文件。或者,如果您要安装不做秀一个程序,则只需将安装到网格,软件将被安装。它提供了一个特殊的Flickr上传,您可以拖动图像的网格,它会立即上传到Flickr或保存它下降到区域中的文本。是有特殊的复制和移动网格文件功能以及 邮编 和电子邮件功能。由于Dropzone是在Ruby编码,任何人都可以编辑它以满足您的要求。
  • ...21 more annotations...
  • QueriousQuerious是一个SQL数据库管理应用程序在Mac OS X量身订做它提供了一个新的角度来理解和使用您的SQL数据库。功能丰富的查看,搜索,编辑,输入,输出,数据和结构; Querious提供几个点击的SQL工具域。它还提供CSV或标签文件,以便您可以查看speradsheet风格数据库的易用性,同时还支持数据导出多种工具。
  • 这份暗杀名单纠正的暗杀名单,以创新创造落实这项名单的混乱的生活。命中名单易于使用,您的文章,并有大量的热键,如果你想更有效。它有不同的卡一样,能够帮助你集中在一个时间或今天的名单提供了一个为某一天的事情的清单中列出一个工作的意见。它还与iCal同步,因此让你计划在咨询活动。由于计时器功能,您可以让您的活动跟踪Quickentry使得从任何设备和从任何地方名单不容修正。它还提供的AppleScript插件,扩大应用范围。
  • 时报你的新闻,您的方式。时报改造提出了新闻的艺术。 RSS阅读器不同,它表现为电子邮件消息,时代提出的一个地方,作为各种新闻和图片新闻。这使用户不同的和令人振奋的经验,使您的文件真正的个人文件。
  • 领结您的iTunes经验的提高。它允许您控制您的iTunes使用快捷键,并更新您的last.fm帐户。这是制定了一个JavaScript,CSS和XHTML添加了主题到您的领结。新增样式与领结您的iTunes。
  • 专业代码收藏家总之,代码收藏家Pro是你的代码段的钱包。它提供了易于片段组织工具,以及全球搜索键,可以通过与步枪非常有效的片段。它拖动文件到柬允许你创建一个文本文件拖动到其接口片段。它共享和传输功能使本守则收藏家临护照和一个钱包,来帮助你。
  • 科达一个硬编码的软件。科达是软件,可帮助您在从头开始建立一个网站,并协助与已知的传输FTP功能档案的管理。开发的恐慌,这是一个所有开发一站式解决方案。您可以管理文件,编辑代码,预览和调试从终端由科达提供的所有。调试是外包到Subversion,一个流行的调试工具。如果您仍丢失,已包括在程序员的软件服务台参考来指导你。
  • 直板Norml图标的混乱。此外,他们让你的Mac电脑局势一片。可以支配的直板机凭借其创新的图标您的桌面。设计您的Mac图标,以适应你的风格。它的包装,如iContainer,迅速下降,快速码头等它也可以连接为获得新的图标集iconfactory的功能。把你的计算机到您的涂鸦。
  • RapidWeaverRapidWeaver四是最好的工具,集成了所有的 网页 设计 特征。其屡获殊荣的特性提供了简单但最强大的接口,使网站的建立容易。这是斑驳陆离数据库包含任何网站类型的格式,由播客企业网站创建工具。它最大特点是一按出版社已出版的网站被吸入的痛苦了。您可以发布在网站的支持,内置的FTP,SFTP和MobileME部门。
  • 社会名流以前称为事件箱后,苹果软件的实时收购了3页的声誉有所增加。这个强大的软件,结合了来自Flickr,简易信息聚合,Twitter和其他帐户的社会账,在一个界面,您可以使这一次软件更新一次团伙。该社会名流2即将在11月推出!
  • 比林斯3在2009年苹果设计奖得主,符合网站的计费要求,即当您创建一个购物网站。它可以管理好你的钱比你还添加到它的风格。它的实时计费功能,可跟踪的时间和金钱。它可以使用这些数据自动发送发票到客户端谁欠你的钱。它还创建报表,这使得一个完整的会计配套服务,满足您的基本需要。发票的发言和可定制的同步与您的网站。
  • ExpanDriveExpanDrive是最终的USB你是否曾经想过,而不必担心它可能属于你的口袋里了。该ExpanDrive允许您远程访问您的文件,编辑和保存他们到自己。 ExpanDrive适合每程序数据,因此可以节省的任何程序数据。这好比一个硬盘驱动器从硬盘驱动器了。该ExpanDrive是由MACFuse由谷歌,这使得它易于处理任何本机Mac程序开发。它还具有耗电量的连接功能集支持的SFTP,FTP和亚马逊三取景。可笑吧?
  • 西尔弗贝克大猩猩是一个用户的测试软件,对所有适合Mac的软件。它提供了现场屏幕活动的可用性,参加视频采集,音频意见和飞行记录反馈功能的开发与出口。这真使大猩猩软件,均码!流动流是一个简单的FTP客户端的MAC支持,如FTP,SFTP发布,亚马逊三,WebDAV和MobileME部门iDisk的多方面的协议。它还港口,如快看,快看雾滴等一个直观的多种功能允许用户无需打开它得到的雾滴允许甚至没有运行的应用程序上载文件的文件内容。这些接口已流夺取文件传输客户端类的奖项地段upperhand。
  • PixelmatorPixelmator是一个美丽的设计工具,整合了简便和功能,以形成强大的图片编辑器。它提供了多种精确 选择 工具,产品组合的各种工具,绘画工具,所有匹配层basedimplementation。它还具有快速的校正工具和特殊效果的工具,它将打击你的脑袋。版本版本是一个颠覆,功能强大的调试客户前端应用程序。同一引擎为基础,让Subversion版本可用的新手,以及性感的用户。它包含了多种工具,可让您简化您的项目,与其他projectmembers,并提供方便的工具图标,Subversion的同步。其主要功能包括时间表,恢复到修订,固体SSH支持,书签分组和仓库工具。
  • 焦虑焦虑在这里为你做一些事情,减轻了一些麻烦你。重量轻做的列表管理软件,即可以同步iCal和邮件造成了一个精简的,易于访问的界面。这是伪装在任何环境你有你的系统,将出现在您召唤,或在需要时。Skitch阿有趣的图像采集和共享只需点击一下软件。通过媒体寺的支持,这是叽叽喳喳的图像。它使图像共享只需一次点击即可与您的网络谁可以发表评论,标签或分享,从而重新定义图像共享概念股了。这是新时代的相机 互联网.
  • 的CSS编辑CSSEdit帮助所有用户的青睐。它可以帮助您设计美观和创新以及业绩为中心的网站。该CSSEdit能够提供这些功能,由于其对样式表的重点,同时还具有功能,按照你的舒适程度。在选择生成器和先进的可视化编辑器将帮助您了解CSS和取得的惊人的敏捷完成工作。它还包括实时预览和智能源环境,减少时间的帮助。它还包括万能的X射线检查的网页,最好的CSS整个万维网调试套件。咖啡我们都醒来了一杯咖啡,同样的开发人员可以醒来Macrabbit的咖啡这是一个良好酿制的网站开发工具软件的完美结合杯所有。它为您提供了在开发过程中的统一,从而使其成为强大的,华丽而时尚的工具,可以让你上瘾的工作流程跳跃。
  • DeskShade安排桌面是坏的清理你的房间。有了Deskshade,你可以改变,因为它会帮助您清理。 DeskShade添加到您的桌面生活通过除去不需要的图标,提供了多样的调色板,可以恢复您的桌面。此外,它的动态背景,能够活跃您的桌面。其中一个DeskShade特色是DeskMovie,这里您可以玩而不被通知纠缠电影。CleanMyMac这是一个很好的桌面宠物。 CleanMyMac可以去除不需要的桌面文件和数据,只是趴在你的系统有两个左右的点击。 CleanMyMac功能,您可以顺利的系统性能相结合的埋地从你的应用程序不再使用超薄通用二进制代码,清洁不需要的语言,记录旋转,清洁缓存,快速和安全擦除,应用卸载,和杀死垃圾留下了这样的基本特征。总之,这可以帮助您保存的RAM容量和磅吨麦角让您的系统运行速度比它应该。
  • 涂鸦Scibbles可以帮助您将在您的涂鸦艺术涂鸦。这简化了绘图软件,并为每个用户级别的功能特性。它革命性的用户界面的方式否定二十年正常的做法,采取由图像 编辑 软件 并充分利用了新时代系统的力量。它提供了无限的空间,让绘画素描你想要的任何地方和中风的渲染工具把它转换到一个美丽的艺术。它还提供了1点击共享设施,能适应片剂接口。事情事情是又一个简单而强大的任务管理软件与设备的一系列的Mac兼容:iMac电脑,MacBook Air的,iPhone等它为我们提供了这样的项目,搜索,iCal的强大的管理工具的结合提供了简单直观的用户界面同步,iPhone同步,文件徽章,快速查询,聚光灯和巨大的AppleScript列表,可以添加到改变软件到您的特殊需求。诚然,是当之无愧的苹果软件设计奖2009年得主。
  • 续集专业续集Pro是SQL数据库管理软件,为用户提供良好的用户界面。这是定制的Web开发中的作用作出的同伴。它还提供广泛的连接解决方案。这是一个和蔼可亲的支持MySQL的应用程序的意见,充分表管理指数和多卡接口。它集成了一个强大的查询编辑器来突出你的错误,也有自动完成功能。没有后遗症临,因为它与任何形式的SQL数据库兼容的续集。DiscoApp如果你真的想与CD刻录应用到迪斯科,那么你需要一个像迪斯科专业软件。它创建了一个唱片,这是所有被烧毁的文件数据库。它横跨功能可以自动分割文件到多个燃烧会话如果数据不适合在一个光盘。迪斯科是通过每一个有明晰而不是由任何其他软件的领域划定敏锐的步骤,它指导您在与互动grapic用户界面应用程序界面的十字路口。对于高级用户,有电动工具,可以帮助确定多会话的支持和其他先进的功能。在烟雾功能显示进展情况,每一次您激活使用您的麦克风。
  • 美味图书馆2图书馆的美味多汁的2是一个软件,可以导入您的Mac iSight摄影机任何东西。它甚至会变得更加美味多汁的奖项,因为它sweeped一切已经找上门来。它可以导入任何东西的图书馆和分享上,让一个网络摄像头iSight摄像酒吧类似超市的代码在你的照片互联网上。由于其独特的向量处理器的代码重新调整图像,图像反卷积;美味图书馆是唯一的软件,该软件具有这种能力,扫描,只需在您的iSight前大量刷卡。仓库仓库是一个基于网络的应用为Subversion。这是简单的浏览器,让你对你的Subversion储存库控制以及分享您的信任与点击几组了。通过ssh代码没有更多的麻烦,仓库应用为标志点外围的行为,使你不会在代码的复杂性丢失。茶清
  • 茶清2.0让您对您的个人财务的完全控制。您可以输入数据的swish中,更容易理解分裂交易以及跟踪功能的智能采集和国旗交易功能理财。它也可以管理法案和打印报告,使你对你的财务状况慎重。它可以与iCal同步,并提醒您经常性支出以及与iPhone同步及时提醒你。它也有一个风格,它声当你有低结余警告。通知因为我们都使用的是谷歌邮件,但我们大多数人都没有与谷歌对话通知功能是很迟高兴。雅歌,填补这一空白,是由通知这是对谷歌邮件最好的通知应用程序。它有一个优雅的标签式界面,支持多个帐户,可以随时将您的邮件帐户的所有轨道。它也支持咆哮!
ocean wu

界面内容优化的层次 - 0 views

shared by ocean wu on 07 Nov 07 - Cached
  • 1,界面上的文字应该做到:清楚而准确的向用户传达信息。其实这是内容优化的最基本要求,本应该是所有产品都可以做到的。但往往是越熟练的人越容易在这里出现问题。常见表现:过份的向非专业用户展示专业词汇、信息提示本身误导了用户。 比如,某视频网站突然蹦出来一个“bps超出,链接失败。”(查了资料我才明白bps大概是每秒链接数的意思)比如,有些网站用户没有注册也去登录的时候反馈提示为“密码错误”。其实直接提示没有此用户,然后给个链接“注册此用户”,你会发现转化率相当高,注册量有了用户也方便了。
  • 3,整个产品不同位置的文字应该统一。大家都讲普通话,不能一会中国话一会外国文。这是一个最简单的问题,却是大部分网站都未能避免的问题。(特别是在中文网站,大概是因为中文说法太多了)比如,作一个IM软件,一开始是“添加好友”,接下来“联系人列表”,然后又是“不在线的朋友”;一开始是“注册用户名”、然后是“登录ID”、还有“您的账户”、“管理帐号”、
  • 2,界面上的文字应该便于用户阅读并快速理解其含义。最常见的问题表现是:语言过于罗嗦、信息排列混乱。 比如,某门户网站在注册blog的时,“您的登录名”旁边这么写辅助说明:“4-16个字符(包括4、16),英文小写、汉字、数字、下划线,不支持空格,不支持全角英文,不支持纯数字,不能使用下划线开头和结尾。”。(大致推算了一下,一个IQ小于200的普通用户如果认真读完并完整理解这句话的意思需要近1分钟时间)比如,另一门户的blog和他旗下的校友录网站,东边一个下划线、西边一个icon加文字、南边一个按钮加文字、北边一个红色、中间还有一个红色加粗。我进去之后真不知道什么地方可以点什么地方不可以点,什么地方能点什么地方不能点…再比如,某电子邮件服务在注册的时候这样排列:“用户名:___、密码:___、密码强度:[][][]、重复密码:___”。吓的我还以为可以自定义密码强度。。。
  • ...4 more annotations...
  • 5,文字的视觉设计应该完整的融入整个产品视觉中。很多视觉设计师喜欢把文字融入到界面的造型中去,得到非常棒的视觉效果,这个很值得学习。从最基础来说,我们的文字在界面上和图形一样应该有主次有深浅,关于这个部分潇潇同学已经有了很好的表述,我只补充一个例子: 图片网站本身应该表现的是“图”,文字只是其辅助信息。flickr在个人首页里每个图片下面都有四行的文字,但我从未感觉到他碍眼或者多余,因为flickr用的是很柔和的粉红和几乎可以让我第一视觉点忽视掉的灰色;而yupoo在个人首页里每个图片下面只有三行文字,可每一个我都觉得他们扎眼,因为yupoo用了重灰色粗体、绿色粗体、重灰色、绿色四种表现方式,而且字体都还不一样。
  • 6,尽量让文字自身可以起到“推销”产品的作用,而且”推销”的不只是产品气质。文字其实可以像图形设计一样在情感上给用户以触动,从而积极的达到对于产品的“推销”。比如,很多人已经把“注册”改成了“立即注册”、“马上注册”;比如,baidu.com的“更多”页面最上面以前是“推荐使用”后来改成了“试试看”,虽然只是少了一个字,但给用户的感受和尝试欲望马上就很不一样;比如,某电子商务网站会在注册要完成那里说:“太好了,你还需一步就能成为我们的注册会员”比如,… .
  • 4,界面上的文字应该具备该产品需要传达给用户的气质。 这里往往遇到的是怎么做的问题:怎么确定产品要表达什么样的气质?怎么确定什么样的语言风格才算是表达了这样的气质?在稍微大型的企业我们一般有很多种方法可以做到,比如找很多用户让他们说出他们需要的、比如通过情绪板、比如通过颜色分析等等。但在创业公司我一般建议大家实用一点:1&gt;N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;2&gt;把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;3&gt;每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;4&gt;用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)5&gt;安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)
  • 交互设计
ocean wu

奥巴马在大选中的互联网应用分析 - 0 views

  • 奥巴马在大选中的互联网应用主要体现在三个方面:建立官方网站、“奥巴马无处不在”和网络广告营销。
  • 奥巴马的官方网站为他打造了一个注册成员超过百万的在线社区“我的奥巴马”(MyBO)。奥巴马官方网站47%的访问流量来自这个社区,其次才是首页(40%流量);而麦凯恩官方网站访问流量95%来自首页。
  • ...10 more annotations...
  • 在这个建立于2007年2月的在线社区里可以做些什么?“发现你所在地的活动与团体,联系你周边那些犹豫不决的选民,在blog上分享你的故事”。花费几十秒填写姓名、电子邮件地址、密码即可完成注册,进入社区。一个有效的美国邮政编码,就可以帮助你找到周边人群、活动和团体,由此融入政治共同体。 “我的奥巴马”社区中的电话呼叫功能 “我的邻居”、“我的团体”、“我的朋友”分别对应着经由地域、兴趣/话题/立场、现实人际关系区分并建立的社会网络。该社区还整合了选民数据库,让支持者们可以在线拨打电话给周边其他犹豫不决的选民。 事实上,在线游戏玩家们也会从该社区找到熟悉的元素:它有自己的任务系统,只不过那些任务需要在网下生活中完成:打电话、上门拜访、组织活动、募捐、成为志愿者。如何完成这些任务?社区用多种方式细致地进行指导。它会提示任务完成进度,甚至有积分、等级、排名的设置(2008年8月以后取消了积分与排名,代之以升级和“最近行动”提示面板)。
  • 通过“MyBO”,线上与线下、地方与全国、虚拟与现实被有机地整合起来,富于社区工作经验的奥巴马也建立起了他的核心支持者网络。通过手机短信和电子邮件列表,奥巴马可以在任何时间方便地把信息直接送到上千万人面前。 此外,流行文化元素的应用也让奥巴马的形象更亲切,例如网站上提供的富于感染力的手机铃声下载、专门为iphone用户设计的软件、一群支持奥巴马的著名音乐人制作的18首歌的专辑(点击可试听),等等。
  • 第二,“无处不在的奥巴马”(Obama Everywhere)成为奥巴马竞选团队的理念。除了建立官方网站,更要在最热门、最聚集人气的web2.0网站树立奥巴马的化身或者频道,让选民在自己最常用的互联网应用中就能接触到奥巴马的信息,就能与其他奥巴马的支持者建立联系与互动。
  • 通过互联网应用,建构无处不在的虚拟主体。如果不主动建立官方网站,主动在各热门站点建立具备传播、交流、行动能力的虚拟主体(形式可以是ID、帐号、档案、频道、页面等),就永远是被人谈论、搜索、质询的客体,在信息传播过程中无法占据主动权,传播效果也无从预料。对奥巴马竞选这样目的性极强的政治活动,这一点非常重要。同时这也将成为互联网时代的生存法则:小到个人,大到公司和组织,甚至国家政府,都需要建构这样的虚拟主体,并通过时间流逝和网络扩张来不断增强其信誉和社会资本。
  • 通过互联网应用,建构专属自己的、跨越不同媒介形态和平台的复合媒体,发布一对多的信息流。考察奥巴马诸多虚拟主体的网络日常活动,尽管它们不断地添加“好友”,但它并不像普通用户那样和这些“好友”进行互动。不论奥巴马还是他的竞选团队,都不可能去关注近百万个Myspace“好友”的日常动态,也不会去细读在Twitter上“追随”的十多万人的絮絮叨叨,不会回复在Youtube和官方blog上的无数留言。这仍然是一种“广播”,但却不是简单的“推送”,因为千万的受众是主动选择了这一主体来“接收”信息。
  • 这一“新媒体”被建构起来之后,其效率之高、成本之低都是惊人的。例如奥巴马团队在Youtube上传的视频中,有数十段都已获得上百万次浏览量,其当选后在芝加哥发表演讲的视频,上传两周后的浏览量超过360万次。而通过两年的选举活动拥有的超过千万的电邮地址列表、无数的手机订阅用户,则构成了这一“新媒体”规模最稳固可靠的保障。
  • 在SNS网站上出现的当然不是奥巴马本人,而是他的团队和部门,但这无疑打造出适应互联网用户认同的形象,从而聚集起更多支持者,进而为这些支持者提供彼此互动和联系的机会,编织起一张又一张社会网络。基于某种认同、“迷”(fandom)、共同利益和话题而建立起来的这些社会网络,在持续的互动中继续扩大规模,且用群体智慧带来更多普通人群创造的东西。
  • 在竞选成功后,奥巴马用以助选的各种互联网应用大部分暂停更新,告一段落。他立即开始建构符合自己身份的新的虚拟主体:例如下任总统官方网站,例如在Youtube上开通新帐号和频道“ChangeDotGov”以发布总统官方视频,如“总统每周致辞”,颇有点罗斯福当年“炉边谈话”的味道。看起来,奥巴马还将在自己的执政中尽可能地应用互联网。
  •  
    建立官方网站、"奥巴马无处不在"和网络广告营销。 新主体、新媒体、新社会群体无处不在的虚拟主体。建构专属自己的、跨越不同媒介形态和平台的复合媒体,建构自组织、自生长、自创造的社会化群体。
ocean wu

博客的SEO分析 - 0 views

  • 老域名的价值,如果有个老域名没有被搜索引擎惩罚过,并且建立了大量的高质量反向链接,PR值较高,你能拿来建站的话,那么,你的网站会具有非常大的SEO优势。
  • Dmoz(The Open Directory Project/ODP)是一个人工编辑管理的网址分类目录网站,为全球上百家的分类目录和很多搜索引擎提供数据。如果你的网站能够登录到DMOZ..org的话,意味着你会获得上百个分类目录的链接。同时,在其它条件相同的情况下,Google的第一页更倾向于留给已经加入Dmoz的网站。
  • 持续不断原创内容,为用户提供独特的、优质的、有价值的内容。这是它排名靠前的根本所在
  • ...6 more annotations...
  • 在网页上提供高品质的内容,尤其是主页。这是您要做的最重要的工作。”“提高在 Google 搜索结果中的网站排名的最重要步骤之一是确保网站内容丰富,在其中包含相关关键字,且关键字使用正确,能够指明网站内容的主题。
  • 围绕热门关键词发表一些相关文章是SEO中内容优化的策略,如果你网站权重更高的话,你的网页就能够在热门关键词检索时排在前面
  • z-blog系统,这是一套非常优秀的博客系统,它能够静态生成日志,目录结构清晰,并且采用DiV+CSS布局网页,对搜索引擎很友好。
  • SEO的链接建设包括内链建设和反向链接建设两方面,反向链接建设的重要性,大家心知肚明
  • 内链建设有如下作用: 1、内链的合理建设有助于集中网站的主题,从而使该主题的核心关键词在搜索引擎中更加具有排名优势。 2、内链的合理建设有助于搜索引擎蜘蛛发现更多的网页链接,从而增加网页被收录的数量,同时有利于PR值的传递。 3、内链的合理建设方便用户获取相关信息,增加网页的点击次数,从而提高网站的PV数。
  • 内链的几种形式。 1、网站导航:尽量不要使用FLASH和图片,因为大多数搜索引擎无法抓取flash及图片中的文字。月光博客导航条采用对搜索引擎友好的文字导航。 2、网站地图:谢来恩建议一个网站应该有两张网站地图,一张html格式的方便用户看,另外一张xml格式的提交给搜索引擎。 3、上下文链接:增加文章被点击的机会,提高PV数。 4、面包屑链接:就是诸如“首页&gt;栏目页&gt;终端内容页”的形式。 5、文章排行链接:增加文章被点击的机会,提高PV数,传递PR值。大家可以看看上面列出的两篇年度排行分别为第一、第二的文章,它们的PR值都是4。 6、相关文章链接:增加文章被点击的机会,提高PV数,传递PR值。 7、内文链接:是指穿插于正文中的锚文本。内文链接不能布置太多,根据内容的多少布置2—8个为宜。 8、Tag标签:它是组织分类的一张形式,你可以为每篇日志、图片、影音等文件添加一个或多个TAG,通过添加TAG可以增强主题的相关性和被搜索的概率。
ocean wu

51.com流氓更懂细节和用户 - 0 views

  • 列举几个突出的设计: 一. 系统推荐新人一栏很有特色,男的登录,系统推荐一般显示三女一男,女的登录则显示三男一女,每刷新一次进行变换,对用户的心理把握很到位。 二. 用户注册完成的提示信息里加入了提示用户把户名和密码写在本上或记在手机里,实际而且人性化。虽说这个工作谁都能做,但没几个网站会认真的这么做。 三. 为了突出个人空间和个人主页(猜测),以求做到切入点专一明确。51将“乱弹一下”和“群组”两个功能放到公告一栏的下面。 四. 51多数网站都使用的如音乐、相册、记事本、通讯录等功能进行深度优化,使其易用性强、实用性更强,很好地迎合了会员的需要。 五. 个人用户管理中心最下两栏提供了常用网址和软件的下载以及链接,并能支持用户添加更多自己喜欢的链接,虽然每个网站都可以提供类似服务,51做得更细致。 六. 提供了详细的找朋友搜索功能,可以按照年龄、性别、有无恋爱史、地区、交友目的进行搜索。 七.51的激励机制非常具有蛊惑性,通过各种极具竞争性、引导性、奖励性、甚至是忽悠的机制设计,很好地让俊男美女们在网站里尽情地 PK.
  • 51的细节细在那???   51赚钱因为网站做得好,网站做的好又与其细节处理有很大关系,51之细,细在方方面面,以下列举几点: 1. 团队 要把事情做好,首先的有个好的团队,51就有一个非常好的“草根”策划团队,其总策划据说是个曾经摆过地摊的“网外人士”,但恰恰是这样的人,才深深的懂得每一类人想的是什么,需要的是什么。其团队既深悟互联网又洞悉用户心理。把现有的功能进行优化创新,使产品和应用更符合用户的胃口,这就是该团队的强项。(如:视频认证、大广播、新人推荐、礼物买卖、甚至通讯录) 2.定位 51的定位十分精确,其所有的服务都面向中低端人群,而整个中低端人群的需求——最直接的说法就是:泡与被泡!而且该人群极容易被忽悠,赚钱虽然不多但掏钱绝对慷慨。51的所有产品设定,都围绕一个主题,甚至在专业人士看来,其网站都显得很庸俗,为高品味人群所不齿,但恰恰就是这么做才能迎合中低端用户的需求。最后不要忘了中国的互联网人群还是中低端为主。 3. 产品 有几个突出点: 一、域名简单好记,易于传播;中低端人群对51的记忆绝对比对sina的记忆要好得多,名声再好对该人群来说也只是“浪得虚名”。 二、有视频认证,提升粘性和网站真实性,确保俊男美女能够在51里出人头地,让他们尽情享受泡和被泡的感觉。 三、俊男美女大量集中推荐在你的首页和网站的首页,其千娇百媚和玉树临风总会让你情不自禁地去点击,但是当你点到你最想泡的哪一位时,很可能会弹出这样的提示:您需要升级为VIP才能和他/她聊天或看到他的信息。最后就是乖乖交钱。 四、网站新人推荐、脚印、留言、回复等沟通功能优化得很好,交流十分方便;“泡”的速度无形中被加快了。 五、整个网站简单易用、用户易于理解,别看网站美工做得十分一般,但有许多都是故意而为之,非常符合中低端用户的需要,还有51的注册流程设计十分优秀。 六、网站的文化层次定位较好;符合不喜欢qq那么花,又不喜欢sina那么严肃的用户的需求,而这部分用户非常多; 七、51的群组非常红火,分类往往经过深思熟虑,页面简单方便十分利于沟通。 八、51首页的“大广播”。为什么要弄大广播?因为有很多人要充分表现自己才能以赢取芳心,如同交友杂志里页面底下的交友感言一样,用户可以发一段纯文本的文字,有机会在首页以走马灯方式显示。不过用户必须以手机方式确认,且每条信息支付2元钱。 九、51首页的“新人推荐”,占据了首页关键的位置,首页没有许多其他网站都有的好几屏内容——其目的就是为了突出最重要的“新人推荐”部分,让所有的帅哥美女很快被鲜花拥戴,而不是孤独寂寞。
ocean wu

理解Web框架,和如何构建一个CSS框架[转][译] - 0 views

  • 团队创建的框架包含5个样式文件: reset.css —处理重置 type.css —处理排版 grid.css —处理布局 widgets.css —处理小零件(widgets),如tab菜单、下拉菜单、以及“更多”按钮 base.css —包含所有的其他样式表文件,以便我们只需要在(X)HTML引用base.css即可使用整个CSS框架 然后,我们把框架存放在一个单独的地方,使每一个站点都引入这个框架。当然,每一个网站也需要有特有样式表,特有样式对框架进行了必要的补充
  • 一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。
  • 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站? Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。 另外要做的可能是抽取hack(如兼容那些旧浏览器)加入自己的扩展的样式模块。我自己尝试过,但发现hack过于专有而不能抽取到通用框架里。
  • ...1 more annotation...
  • 这种方法不错,但也带来新的问题:增加了每一个页面的http链接数。对于大流量和中等流量的网站,每个页面增加5个以上HTTP连接数,系统管理员可能就麻烦大了。两个可能解决办法: 把所有样式都放到一个文件里,而不是分成多个模块。这里的问题是,失去了框架只包含特定文件的灵活性,而且维护也变得麻烦。 有一个服务器端程序,动态把多个单个文件处理成一个响应。我还没看到这种做法,但如果做好了应该是很有效率的。以我上面框架为例,当请求(Request)base.css时候,而不是请求(Request)type.css , grids.css 等的时候,这一动态处理过程触发。这样一来,单个文件仍然可用,而在平台版本上整个框架也有效的。 总之,我们目标不是尽可能的抽象,这点非常重要。相反,其目标是提供了一个快速启动和更有效率的设计过程,这是绝对有可能去做过的。如果你过于的抽象,事情会变得混乱,太多的HTTP链接数会影响你网站的性能。记住:一个好的框架不是把事情搞更难更复杂,而是一个简单的从零的开始。
ocean wu

53个css不可或缺技巧 - 碎月无痕 - 0 views

  • 1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转3. CSS Tabs //CSS标签4. CSS Bar Graphs //CSS条状图表5. Collapsing Tables: An Example //压缩表格:一个实例 &nbsp; &nbsp; &nbsp; 6. Adam’s Radio &amp; 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内容摘要盒子
  • ...3 more annotations...
  • 31. CSS Tricks for Custom Bullets //对于定义式列表的CSS窍门32. Ticked Off Links Reloaded //用记号标出翻转的链接33. CSS Zooming //CSS缩放34. Creating a Star Rater using CSS //用CSS创建星型评价35. The ways to style visited Links //设计浏览过链接的方法 36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注37. Displaying Percentages with CSS //用CSS显示百分比38. Image Floats without the Text Wrap //没有被正文包围的浮动图片39. Let visitors decide, whether or not will they open link in a new window //让访问者决定,是否会在新窗口带开链接
  • 40. Simple accessible external links //简单易用的外部链接 41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS) //用CSS实现垂直居中(用CSS实现水平和垂直居中)43. Unobtrusive Sidenotes //不引人注目的旁注44. Image Caption with CSS (Styled Images with Caption) //用CSS实现图像说明(设计给图像加上说明)45. Dynamic Piechart with CSS //用CSS实现动态饼图 46. Format Footnotes with CSS //用CSS实现布局脚注47. Hierarchical Sitemap with CSS //用CSS实现分等级的网站地图48. Snook’s Resizable Underlines //史鲁克的可改变大小的下划线49. Switchy McLayout: An Adaptive Layout Technique //马克布局改变: 一个自适应布局的技巧
  • 50. StyleMap: CSS+HTML Visual Sitemap //样式地图:CSS+HTML 形象化的网站地图 51. Custom Reading Width //自定义阅读宽度52. CSS Alert Message //CSS提示信息53. CSS Production Notes //CSS产品注释
ocean wu

Web2.0网站列表:微博客(Micro-Blogging)服务网站 - 0 views

  • Tumblr - 演示地址 http://williamlong.tumblr.com : Tumblr是一个很灵活的微博客(micro-blogging)系统,操作和使用都非常简单明了,Tumblr可以支持引入网摘 del.icio.us、聊天twitter、图片flickr以及自定义的RSS Feed等等,支持绑定域名。不过已经被中国电信和谐了。 Soup.io - 演示地址 http://williamlong.soup.io : 和Tumblr的功能非常类似的微博客系统,同样支持引入del.icio.us、twitter、flickr、rss等,支持绑定域名,同样也被中国电信和谐了。 VOX - 演示地址 http://williamlong.vox.com : 功能强大的微博客系统,支持发布图片(flickr)、书籍(Amazon)、视频(youtube)等各种信息的系统,界面简明,支持导入功能。vox的社区功能很有特色,会自动将你邻居的信息发邮件到你信箱。vox也被电信和谐之中。 Jaiku - 演示地址 http://williamlong.jaiku.com : Jaiku自从被Google收购后就停止注册了,要邀请码才能注册,在Jaiku还没开放注册之前,电信就未卜先知,提前将Jaiku给和谐了。 Twitter - 演示地址 http://twitter.com/williamlong :和上面几个微博客不同的是,Twitter目前还可以从中国访问,这大概是因为Twitter不支持全文RSS引入的原因吧,Twitter发布的内容一般只有140个字,可以通过手机或者IM软件发布信息,是一种很流行的微博客系统。 Iminta - 演示地址 http://www.iminta.com/people/williamlong : 除了具有Twitter的大部分功能外,还有类似Friendfeed的聚合功能,能将del.icio.us、flickr、google reader、youtube、blog等等上的信息聚合过来,目前需要邀请才能注册。 Pownce - 演示地址 http://pownce.com/williamlong : 类似Twitter的系统,不过竟然不支持中文,不知道设计的时候是怎么想的。 饭否 - 演示地址 http://fanfou.com/williamlong :国内较为知名的微博客系统,功能和Twitter类似,支持国内手机短信更新,在国内使用人数很多。 叽歪 - 演示地址 http://jiwai.de/williamlong :叽歪de拥有了饭否的大部分功能,而且还提供了几个新的功能,可绑定Skype和水木社区的帐号,还支持OpenID。详细介绍。 以上部分转自月光博客–免费微博客服务 MySay正如它所说的, 取代了更新文本,用户呼叫MySay并且记录下他们今天的新情况。这样,朋友们或家人就可以通过电话,邮箱,或Web来听。 Hictu是为使用录象的博主服务的。上传录象需要的仅仅是一个网络摄象机和一个鼠标。这种流线型的方法为播主节省了时间和精力。 Moodmill是表达你的情绪和目前的状态的一种方式。一个标度尺使这一过程变的容易,而快捷的文本完善了这一个人化的服务。 Frazr也与Twitter很相似。他们主要的区别是语言. Frazr主要着眼于法国和德国市场。 IrateMyDay使你能够在一个标着从”坏极了”到”好极了”的刻度上评价你的这一天。用户除了评价,也可以一并提供一个最新的简短文本。 Emotionr是在一个从1-10(包括小数)的刻度上计量你的高兴度的方式.正如它的名字昭示的,它是一种表达并与你身边的人分享你的情绪和感受的方式。
  • Seesmic是一个基于视频的在线微博客平台,其借鉴了Twitter的模式,并且将网络视频完美的融入其中,我们可以把其称作视频类Twitter网站。也就是Twitter通过文字作为交流的一种方式,而 Seesmic中则是将视频作为最基本的交流的方式,不管是你的任何活动,或者你对好友视频的回复,都是用视频来进行的。视频上传,在线视频录制也成为这种模式最主要的交流方式。可以说 Seesmic=Twitter+Video。详细介绍。 滔滔:腾讯旗下网站,腾讯可以说是很善于模仿的一个公司,可以通过手机,QQ,短信,网页进行更新。凭借其QQ庞大的用户群,滔滔也迅速占有了其用户群。 做啥:国内的又一个微博客服务网站,支持网页,MSN/Gtalk/Skype更新,手机短信更新,提供做啥firefox插件。 Buboo:台湾的微博客服务网站。应该在台湾是很流行的。 Blip 是 Fuzz 旗下的一个产品,业内人士称之为“Twitter for Music”,开创了音乐分享新的途径,并一致认为有极好的发展前景。Blip 采用的Twitter 分享模式,你可以建立自己的微型博客,可以邀请好友等,完全和Twitter 一样。所不同的是,在Blip 只有音乐。(Via) Phottor :单词 photo(照片)的变体,意为“拍照的人”。phottor 是一个用照片记录微博客的系统。不同于传统的文字为主、图片为辅的博客系统,phottor 是以照片为主,文字为辅! niimo是一个德国类似Twitter的微博客服务。其除了具有普通微博客所具有的多IM,手机和邮件支持,好友等功能外,还加入了一些更新鲜的特色:地图支持,回复支持, Feed支持,自动更新。(Via) 相闻:国内又一个微博客服务,支持手机,网页,MSN/QQ更新。 Hellotxt:微博客工具,它能让你的更新内容同时发送到十多个微博客网站上面,包括Twitter、 Jaiku、Pownce、Tumblr、Meemi、Beemood、GoZub、Frazr、Numpa、Facebook、Plaxo。(Via)详细介绍。 Streem:类似于Tumblr的微博客服务网站。 随时记:国内的又一个微博客服务网站,支持MSN,网页进行更新。详细介绍。 微可:国内微博客服务,支持 通过QQ MSN Gtalk 手机更新。详细介绍。 澳洲华人交流网:包括:群组;本地;汽车;信息;博客;八点;泡泡。在微博客的基础上更多的加入了组群的功能。 Qwizzy是一个提供类似功能在线知识分享平台,也是一个在线问答互助社区。不过 Qwizzy比较独特的地方是,我在身上看到了一些Twitter的影子。 Qwizzy加入了和Twitter比较类似的模式,可以看作是在线问答的微博客模式。详细介绍。 Bemba 也是一个Twitter 的扩展应用,它采用了Twitter 的微型博客模式,提供给大家一个简单的分享交流平台。不过Bemba 也独具特色,它主要支持用户交流与分享自己喜欢的视频,以及自己收藏的一些酷站,因此在Bemba 你可以找到与自己有同样爱好的朋友,也能在比较短的时间里找到自己喜爱的视频和欣赏的网站。
  •  
    微博客(Micro-Blogging)是一种允许用户通过简短的文字来更新和发布(通常少于200个字符),并且也可以通过限制组群来限制查看权 限。这些更新信息可以通过多种途径,包括文字信息,IM工具,Email,手机等方式来完成。
ocean wu

带页码的翻页体验与设计比较 - JunChen - 0 views

  • Amazon 商品列表页的翻页 是五个网站中唯一一个区分访问过、没访问过的链接的颜色; 不需要“上一页”、“下一页”的时候就不显示; 第一页的链接永远存在; 告知用户列表总数量和当前显示的数量(Amazon有些页面将数量显示在列表顶部); 不提供所有的页,上图中 400 页是极限,400 页之后的内容可以通过分类选择来缩小范围(同时给出提示)
  • Google 搜索结果的翻页 富有创意的设计; 不需要“上一页”、“下一页”的时候就不显示; “上一页”“下一页”的链接区域很大,容易点; 不提供所有的页,上图中 100 页是极限,100 页之后的内容或许可以更换关键词重新搜索,但是没有提示。
  • Flickr 照片列表的翻页 “上一页”“下一页”永远显示,但不同情况显示不同样式; 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点; 告知用户列表的总数量; 数量少得情况下,提供了“最后一页”的链接(图上没有); 可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE 和 FF 都这样)。
  • ...3 more annotations...
  • 新浪文章留言部分的翻页 新浪评论部分的翻页,Ajax 可以拖动翻页(显摆用的); 永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别; 告知用户列表的总数量; 提供批量翻页(“上 10 页”)。 但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:
  • 新浪博客的翻页 给出了“最后一页”的链接,直接显示为“第 n 页”,如上图中的“第 7 页”; 在单个博客页面上的翻页,以“&gt;&gt;”作为下一页,而不是常见的“&gt;”; 提供了批量翻页(“上 5 页”)。
  • 淘宝商品列表的翻页 永远显示“上一页”“下一页”,并且状态和形状有区分;上一页使用率较低,所以设计的较小; 永远提供“第一页”“最后一页”的链接; 提供页面的跳转,但是默认值为当前页; 在列表的顶部右侧提供了一个简化的翻页,并且与底部的翻页设计一致。
ocean wu

在线项目管理系统列表 - 0 views

  • 1.5APower&nbsp;: 在线项目管理平台,界面风格类似Google,操作方式类似Email。简单、实用,整合了记事本、任务、项目三个重要的功能,融合了GTD(getting things done)的思想。一个不错的在线项目管理系统。 2.Remember&nbsp;the&nbsp;Milk&nbsp;:&nbsp;是一个提供在线个人任务管理服务的网站。网站名字的含义是:“管理您任务的最佳方式,再也忘不了牛奶(或其他事情)了”。定位您的任务;简单快捷地管理日常任务;分配您的时间;按您的方式管理信息;无论何时何地添加任务;随时随地访问你的待办事务;智能搜索等等。 3.43&nbsp;Things&nbsp;:&nbsp;是提供一个分享你想做的事,并且你可以在这相互激励,你也可以在这里展示你想做的事情的进展情况的平台。你可以管理自己想做事情列表。 4.SproutLiner&nbsp;:&nbsp;操作简单的一个在线个人任务管理网站,你甚至无需注册,并且该站提供源代码。 5.&nbsp;Backpack&nbsp;:&nbsp;将Email,to&nbsp;do&nbsp;list,日程安排,项目管理,Blog以及Wiki等服务整合到一起的多功能的在线个人任务管理服务网站。 6.GooToDo&nbsp;:&nbsp;个人在线任务管理,属于收费服务,3$/月,有30天的免费试用期。 7.HipCal&nbsp;:&nbsp;提供在线备忘录,地址簿,在线提醒功能和日历服务。 8.Wridea:一个免费提供让你搜集和管理各种想法服务的网站,应该也可以属于在线个人任务管理网站。 9.My&nbsp;Tickler&nbsp;File&nbsp;:&nbsp;在线个人任务管理,可以通过email提醒,可以设置事件提醒或者重复提醒等功能。 10.AirSet&nbsp;:提供日历、通讯录、Todo-Lists、Blog以及链接收藏等功能。并且可以建立你自己的组群,此外还支持资料的Rss输出和Email提醒服务。 11.Ta-da&nbsp;Lists&nbsp;:&nbsp;可以很方便的管理和跟踪自己的各种任务或者事件的完成情况。可以和他人分享自己的任务列表,可以通过RSS订阅跟踪任务完成情况。12.ThingsBreakDown&nbsp;:&nbsp;注册之后会有一个属于你自己的二级域名,你可以建立自己的事件,加入地点,邀请好友分享等功能。 13.TracksLife&nbsp;:&nbsp;在线个人任务管理,并且提供强大的跟踪服务,并且你可以选择多种方式提醒自己的计划,并且具有很好的分享功能,你可以和你的朋友分享你自己的计划或安排。 14.voo2do&nbsp;:&nbsp;在线个人任务管理,你可以组织计划任务,跟踪时间提醒,通过email添加任务&nbsp;,&nbsp;发布任务等等。 15.iOutliner&nbsp;:&nbsp;在线任务,创意,项目管理平台。 &nbsp; 16.Toodledo:在线个人任务管理,功能强大,可以有效的管理和组织个人事务。 &nbsp; &nbsp; 17.1stManager.com是一个完全没有风险、没有成本、无需安装的针对项目管理和团队协作的在线解决方案。利用1stManager.com,您将可以提高本组织的效率。无论您的团队成员处于什么地理位置,利用我们的在线解决方案,每个人都能随时保持联系,并获得最新信息。我们为您提供了简单而高效的工具来规划和监控您的项目。本站点可用于:规划 和 管理 多个项目。创建 任务列表。定义 项目团队 并分配 用户角色。跟踪正在进行的项目中的缺陷和问题。监控项目进度 并评估任务执行情况。生成报告和 甘特图 。 &nbsp; 18.国内的忙吧&nbsp;
ocean wu

访问的数据可视化的Sparklines | - 0 views

  • 如果我们希望包括数据可视化作为网站的一个组成部分,而不仅仅是一个孤立的数字或交互式的图表? 当我们正在设计用于浏览数据驱动的网站接口,它的价值能够创建导航元素,也可视化工具。 我们可以随时了解他们探索的用户,所以他们可以对他们是怎么看待和他们是怎么点击更好的决策。我们需要的是什么之间,标记,对导航适当的东西,但也有一些额外的语义和结构挂钩。除了有一个名单发表了“的文章的 访问的数据可视化与Web标准 “,共享的导航模式三种基本技术为标准纳入一些简单的数据可视化。 他们都是先从HTML导航建筑块:一个链接的无序列表。background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style:
  •  
    有一个名单发表了"的文章的 访问的数据可视化与Web标准 ",共享的导航模式三种基本技术为标准纳入一些简单的数据可视化。 他们都是先从HTML导航建筑块:一个链接的无序列表。你也应该看看 Sparkline PHP的图形库 。 它提供了广泛的图形呈现怎样的选择的范围。
ocean wu

B2c杂思:首页的第一使命 - 0 views

  • 用什么来衡量首页刺激和捕捉新用户兴趣的能力?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 把首页定位为入口,在目前统计信息有限的情况下,可以把主动触发率或者说二跳率可以作为首页优劣的主要参照指标:从首页点开其他页面的用户比例越大(而不一定是平均打开的页面越多),这个首页就越好。
  • 如何提高首页的二跳率。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 观察B2c的首页,常见三种取向:第一种首页基本无单品,以图片加文字引导的“集中二跳点”为主,吸引人尽快再点一次;第二种首页列出大量商品,希望通过总有几款打中用户眼球,最常见;第三种是前面两种的平衡或混合。
  • 单品在概率意义上普遍低命中率,对用户兴趣的匹配覆盖面不够大、刺激不够强。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 可以大胆作出以下推论:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.&nbsp; 如果品类较多,首页罗列多个独立品类,每个品类列出几款推荐产品(或畅销产品),那么这几款推荐产品如果匹配用户兴趣不成功,用户很可能会对整个品类丧失探究兴趣。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我们已经知道,单品的兴趣命中能力是比较低的,这几款典型商品在吸引部分用户的同时,推开了更多的用户;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.&nbsp; 如果品类不多,首页大量罗列商品,那么就是暗示用户首页已经有足够代表性,如果首页见不到适合刺激自己兴趣的商品,用户就可能离开(为了缓解这一点,可以强化“下页”或“更多”)。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 由于首页用户未被按兴趣分流,用户不得不行走在大量无感觉商品中寻找可能感兴趣的商品,按照前述单品弱小的发现,每个单品能够刺激到的用户比例是很有限的,因此这个寻找效率很低,首页即使有大量商品罗列,仍然难以覆盖很大的访问人群,会丢失相当的用户;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3.&nbsp; 如果首页主体位置只推荐很少几款单品,而不强调品类列表入口,那么将有大量用户对这几款具体商品不感兴趣而离开,风险很大;
  • ...5 more annotations...
  • 最理想的首页,既不罗列商品,也不按门类推荐典型商品,而是按照用户的潜在分类(商品品类、功用、消费力、行为倾向),以图文形式呈现多个入口,进入下一级的商品列表;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这些入口起到了过滤分流的作用,在更狭窄的匹配面上,可以保证在查看下级商品列表时有较高的兴趣命中率;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这些图文形式的入口,面积不要太大,要明显象入口,图片的选择和文字引导一样都非常重要,集中传递信息、强化刺激。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 狭窄的匹配划分+强化的刺激,就是首页提高二跳率的关键法门。
  • 不同的b2c,其新用户稳定性结构不同:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 通过熟人口碑、媒体报道等信任途径而来的用户,带有解决某种问题、寻找某个东西的动机的用户,购买理性类商品的用户,有较好的探索耐心;通过引擎、广告而来的用户,只是随意逛逛没有特别目标的用户,比较缺乏探索性,短时间内没接触到匹配自己兴趣的东西,以及刺激不够强度,很容易就会跑掉;男生和女生有耐心的东西是不一样的。。。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 根据新用户稳定性结构的不同,首页可以采取不同的取向。前面的讨论主要针对新用户稳定性差的b2c,例如女装。
  • 还有一点也很重要,就是给首页做减法,那些只有少量用户感兴趣、点击率低的东西,如果无法改造就取消,减少对用户注意力的分散,先把新用户引到最有可能刺激用户的商品列表或促销页面。
  • 在新用户对商品开始感兴趣之前,很少人关注没有结合具体商品或品类的全场促销政策,例如全场性的送分、买N送N、折扣,这些东西不用花太大面积强调。全场促销不如分散差异化的局部促销。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在新用户对商品开始感兴趣之前,用户不关心物流和运费、不关心积分政策,这些没必要在显著位置。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 首页显示的社区内容看的比摸的多,点击率通常很低,主要用来暗示人气,不需要期待用户去点击,因此小面积+快速动态就好。
  • 通过集中刺激——分流,通过集中匹配——转化。
ocean wu

网页的栅格系统设计 - 0 views

  • 栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
  • 网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
  • ...15 more annotations...
  • 30个最顶尖的基于栅格系统的博客网站设计。
  • 网页栅格系统的原理与应用:
  • 我们把宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下: W =(a×n)+(n-1)i 由于a+i=A, 可得:(A×n) - i = W 这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系
  • 对于内容信息不确定导致高度不确定的页面,在高度层面上就无法做到栅格了。
  • 下面我们列出当n等于不同数值时W变化的数值表格
  • yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。在这里我们看到一个很有意思 的事情:只要保证一个横向维度的各个区块的n值相加等于24,则即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时 候,W的宽度值。由此我们得出以下的应用模式:
  • 在栅格系统中,设计师根据需要制定不同的版式或者划分区块,他们的依据将是上面的那张对应表进行设计。这样,一个栅格系统的应用就从此开始了。
  • 它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。对于内 容编辑或广告销售来说,所有的广告都是规则的,通用的,他们再也不用做出一套N张不同尺寸的广告图了……
  • yahoo的网站页面宽度为W=950px,每个区块与区块的间隔为i=10px;如果应用上面的公式,可以推出A=40px,既yahoo首页横向版式设计采用的栅格系统为: (40×n)- 10 = W
  • 我们可以衍生出任何一种栅格系统,只要改变A和i的值,这个根据网站的实际情况来制定。那么如何选择合适栅格系统,主要通过“构成 要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划,来实现比例和谐的平 面设计”。
  •  
    网页的栅格系统设计给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。
ocean wu

网站用户体验报告 - 0 views

  • 用户体验有四个重要因素:1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 品牌2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 可用性3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 功能性4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 内容
  • 数据分析中我尽量做到以下几点: 1.尽可能的去除个人的主观偏好。2.有效的利用我们的调查样本。3.提供一个对他们网站的优缺点事实依据,视觉上的展示。分析分成四部分,每个用户体验元素为一个部分。对每个元素我们创建一系列的描述和参数,有针对性的考查网站。每个描述分类1-4级别,我们在这个范围内给每个描述打分,等到完成了第一部分的分析,给四个部分的描述分别打分。在每个元素中用了4参数,我们设25一个档,最大分值为100。
  • ...10 more annotations...
  • 一、品牌用户对网站品牌的认同和号召性,及对于品牌维护的相关方面。用来衡量网站品牌的描述包括:1.用户对开设面授辅导班的认同性2.面授和网上相结合的认同性3.用户对我们客服的满意度4.用户对经销商的满意度&nbsp;&nbsp;&nbsp;
  • 二、可用性可用性包括 一般意义上的对所有网站的内容和特点的易用性。他们包括:1. 用户打开网站的速度感。2. 用户对网站整体稳定感。3. 用户在学习中心操作的便捷性。4. 付费方式的便捷性。
  • 三、功能性功能性包括所有的技术上的及屏幕之后的流程及应用,这里我们主要用来表达课件的功能和交互。用来衡量功能性的描述包括。1.用户对讲解老师的认同感。2.用户对课件的交互形式的满意度。3.用户对课件中老师头像的必要性。4.用户对于经销商的满意度。
  • 四、内容内容指用户进入网站对实际内容,文本,图片,多媒体等关注,以及其结构。1. 首页经常浏览的版块。2. 用户对网站论坛的使用情况。3. 在网站寻找用户资料的情况。4. 用户对付费方式的认同性。
  • 通过上面的数据分析,利用蜘蛛图输出结果
ocean wu

10 Useful Usability Findings and Guidelines - Smashing Magazine - 0 views

  • 可用性是一个网页设计的一个重要方面。无论你是工作在一个投资组合的网站,网上商店或Web应用程序使网页便于和您的访客使用乐趣,是关键。许多研究已经做了关于网络和接口设计的各个方面这些年来,其结果是在帮助我们改进我们的工作很有帮助。这里有 10有用的可用性和准则的调查结果 可以帮助您改善在您的网站的用户体验。
  • 研究已进行了以找出正是影响人们对网站的公信力的看法:史丹福Makovsy网站可信度研究2002年:调查什么做网站可信的今天什么原因导致Web站点可信吗?是大型的定量研究报告计算机要件诚信
  • 最近的研究证明,用户相当滚动,在某些情况下,他们愿意滚动到页面底部的舒适。许多用户都更愿意与比1分页滚动,和页面的最重要的信息,许多用户并不一定是放置倍以上“,”(这是因为现有的各种显示分辨率相当陈旧,过时术语)。因此,它是一个好主意,分为扫描,方便的分隔它们很多空白,部分布局。如需进一步信息,请看一看看的文章 展开的折叠 (Clicktale), 寻呼队滚动 (威奇托大学-氓), 爆破的褶皱神话 (框和箭头)。
  • ...6 more annotations...
  • 研究发现, 平均搜索框18字符宽。数据显示,27%的查询太长,以适应它。 扩展到27个字符框可容纳90%的查询。请记住,您可以设置宽度使用EMS,不只是像素点。一时间是宽度和一个“米”字高(使用任何一个网站的字体大小设置为)。因此,使用这种措施的规模文本输入字段宽度为27字符宽。
  • 版式研究:行高(像素)÷体复制的字体大小(像素)= 1.48 1.5通常建议经典印刷书籍,所以我们的研究印证了这样的经验法则。很少有网站使用任何低于这一标准。而网站的数量减少到了1.48,你从这个值进一步。线路长度(像素)÷行高(像素)= 27.8 平均线长度为538.64像素(不包括利润和填充),这是相当大的考虑,很多网站仍然在身体副本是12至13日在字体大小像素。之间的空间段(像素)÷行高(像素)= 0.754 原来,段间距(即两者之间的一个段落的最后一行,并在第一行的空间下),很少等于领导(这将是完美的垂直节奏的主要特征)。很多时候,段落间距只有75%,领先段。原因可能是,领导通常包括由下伸了空间,而且由于大多数字符没有下伸,额外的空格线下创建。每行的字符数是55最优至75 根据经典的印刷书籍,每行的字符之间的最佳人数是55和75,但75至85每行的字符在实践中更受欢迎。
  • 博客设计研究:布局通常有一个固定的宽度(基于像素)(92%),通常为中心(94%)。固定布局宽度不等的951和1000像素(56%)。首页显示10到20个(62%)的摘录。58一个网站的总体布局%用于显示的主要内容。
  • Web窗体设计研究:登记环节的题目是“注册”(40%),并在右上角上。注册后便形式简单的布局,以避免分散注意力的用户(61%)。在输入字段,标题是粗体(62%),田间地头,是垂直排列超过他们的水平排列(86%)。设计师往往包括一些强制性的领域和一些可选字段。电子邮件确认没有获得(82%),但密码确认(72%)。“提交”按钮为左对齐(56%)或中心(26%)。
  • 组合设计研究:89%的水平布局集中,其中大部分有一个较大的水平导航菜单。47.2%的投资组合有一个客户端页面,67.2%,有一些独立的网页服务的形式。63.6%的人对每个项目的详细页,包括案例研究,鉴定,与截图,汇票和草图幻灯片。联系页面包含行车路线,电话号码,电子邮件地址,邮寄地址,电子名片和在线的形式,
  • 其他资源15宝贵的可用性你从来没有听说过PDF文件15个重要研究结果你应该知道10其他研究结果你应该知道良好的可用性介绍11惊人的发现从眼动研究25个非常有用的可用性作弊表和清单10可用性调查结果提高销售和客户忠诚度Web窗体设计准则:1眼跟踪研究
ocean wu

网络声誉管理实践篇-压低负面信息排名 - 0 views

  • 处置负面信息的策略之二 - 压低负面信息排名 这一策略的目标是,通过寻找或创建含有正面(或中)信息的网页,并将它们在搜索引擎结果页上的排名提升至显眼的位置,来“压低”负面信息在同一搜索引擎结 果页上的排名。
  • 你可以通过建立很多导向这些页面的链接来提高它们的排名,或者,你也可以在一些现有的、更有威望的站点上创建页面,来占据搜索引擎结果页前面的位置。
  • 导向这些页面的链接,可以在你自己的网站上建立,也可以创建新的站点并在上面建立链接,记住,链接中所使用的文字应该是企业相 关关键词,主要是企业、品牌、产品和服务的名称。
  • ...2 more annotations...
  • 总结了10项最有效(从高到低)的“压制策略”技术,简述如下:1. 创建和使用自己网站的子域名搜索“Google”的话,前几页全是Google自己的站点,其中的奥妙就在于Google自己拥有很多类似earth.google.com或video.google.com这样的子域名,你可能要到搜索引擎页的第四页,才能看到别人写的关于Google的网页,即便这样的网页中包含有针对Google的负面信息,相信也没有多少人会看到。2. 创建其他的关于自己业务的站点如 果你在Google上查询一些跨国公司的名称,你会发现,除了公司主站外,他们还有自属的公益网站(如沃尔玛的 WalmartFoundation.org)以及加拿大站、英国站、澳洲站等一堆“国际站点”,这些公司自己的站点把搜索引擎页的第一页占的满满当当。 有些公司变着法子创建自己所属的新的站点,目的就是要把搜索引擎页前面的位置全占满。3. 站内页面链接和双重列表“站内页面链接”,指的是在Google搜索页面中排在第一位的网站,有的除了列出主站外,还会在主站下面列出4个其它页面的标题和链接,增加了该项关键词搜索结果在页面上所占的面积和曝光率。而“双重列表”指的是同一个站点或页面,在Google搜索页上被连续列出两次。这两种情况都可借助技术手段取得,并且有助于将含有负面信息的搜索结果排挤到较后面的位置。4. 维基百科页在 很多大公司的Google搜索结果页的第一页上,你经常会看到维基百科的影子,是的,这些是企业自己创建的关于他们公司和业务的维基百科页。搜索结果的前 10位里出现某公司的维基百科页的几率非常高,企业要做的只是创建页面,然后加入关于公司和业务的丰富而准确的信息,并防止页面信息被恶意篡改或删除。5. 外购宣传页你 可以花钱购买一些重要站点上的页面,在上面发布关于你的公司和业务的正面信息,同时链接到你的主站或其他站点。如果重要站点在相关关键词搜索页上排名靠 前,这样的策略可以迅速为企业在搜索结果页上购得一个显眼的位置。不过,用相同的内容来制造很多宣传页,会引起搜索引擎的“警惕”并被过滤掉只剩一个这样 的宣传页。实际上,有一些免费的站点,在相关关键词搜索页上排名靠前,读者可以免费发布公司信息,以达到相同的效果。6. 通过各类站点发布软文将 企业公关软文或新闻稿,通过各类免费的站点进行发布。在国外,有一些专门用来供企业发布新闻稿的站点,企业可善加利用。在中国,可以发布类似稿件的站点也 非常之多,有一些站点在相关关键词搜索页上的排名相当靠前,企业稿件如能发布,也就相应取得了有利的排名位置,这个道理同上面第五条是一样的。7. 在其他站点上建立账号在 其他站点,特别是那些能被搜索引擎检索到的web2.0站点上建立账号,也是一个不错的方法。账号的用户名应该与相关关键词一致。在可挑选余地很大的情况 下,应该选择那些本身排名居于前列的站点,建立账号后,你的页面将作为站点子页,出现在搜索引擎页前端的几率也会大大提高。8. 其他的一些方法将 你的站点和站点子页面以相关关键词作为标签,收录于Del.icio.us或Flickr等站点。购买含有负面信息的站点,对于严重影响企业声誉的负面信 息,可以考虑采用这个策略,类似的方法还有,在无法购买包含负面信息的站点时,可考虑购买仅次其后的站点并提高其排名。在相关关键词(也包括包含负面信息 的关键词)搜索引擎检索页上投放广告,导向自己的站点或包含正面信息的站点,对于负面信息关键词的搜索引擎页面,广告应该就人们的批评作出回应,或者导向 可以作出回应的站点。
  • 比较好的办法是直接(用电话)联系负面信息的发布者,看看是否能解决负面信息中的问题,化解对方怨气,如果直接的对话交流能奏效,发布者可能愿意 撤除负面信息或至少提供当事者的观点意见,减少负面信息对企业声誉的损害。
ocean wu

一些重要的算法 - 0 views

  • 下面是一些比较重要的算法,原文罗列了32个,但我觉得有很多是数论里的,和计算机的不相干,所以没有选取。下面的这些,有的我们经常在用,有的基本不用。有的很常见,有的很偏。不过了解一下也是好事。也欢迎你留下你觉得有意义的算法。(注:本篇文章并非翻译,其中的算法描述大部份摘自Wikipedia,因为维基百科描述的很专业了)
  • A*搜寻算法俗称A星算法。这是一种在图形平面上,有多个节点的路径,求出最低通过成本的算法。常用于游戏中的NPC的移动计算,或线上游戏的BOT的移动计算上。该算法像Dijkstra算法一样,可以找到一条最短路径;也像BFS一样,进行启发式的搜索。 Beam Search束搜索(beam search)方法是解决优化问题的一种启发式方法,它是在分枝定界方法基础上发展起来的,它使用启发式方法估计k个最好的路径,仅从这k个路径出发向下搜索,即每一层只有满意的结点会被保留,其它的结点则被永久抛弃,从而比分枝定界法能大大节省运行时间。束搜索于20 世纪70年代中期首先被应用于人工智能领域,1976 年Lowerre在其称为HARPY的语音识别系统中第一次使用了束搜索方法,他的目标是并行地搜索几个潜在的最优决策路径以减少回溯,并快速地获得一个解。 二分取中查找算法一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于或者小于中间元素,则在数组大于或小于中间元素的那一半中查找,而且跟开始一样从中间元素开始比较。这种搜索算法每一次比较都使搜索范围缩小一半。 Branch and bound分支定界(branch and bound)算法是一种在问题的解空间树上搜索问题的解的方法。但与回溯算法不同,分支定界算法采用广度优先或最小耗费优先的方法搜索解空间树,并且,在分支定界算法中,每一个活结点只有一次机会成为扩展结点。 数据压缩数据压缩是通过减少计算机中所存储数据或者通信传播中数据的冗余度,达到增大数据密度,最终使数据的存储空间减少的技术。数据压缩在文件存储和分布式系统领域有着十分广泛的应用。数据压缩也代表着尺寸媒介容量的增大和网络带宽的扩展。 Diffie–Hellman密钥协商Diffie–Hellman key exchange,简称“D–H”,是一种安全协议。它可以让双方在完全没有对方任何预先信息的条件下通过不安全信道建立起一个密钥。这个密钥可以在后续的通讯中作为对称密钥来加密通讯内容。 Dijkstra’s 算法迪科斯彻算法(Dijkstra)是由荷兰计算机科学家艾兹格·迪科斯彻(Edsger Wybe Dijkstra)发明的。算法解决的是有向图中单个源点到其他顶点的最短路径问题。举例来说,如果图中的顶点表示城市,而边上的权重表示著城市间开车行经的距离,迪科斯彻算法可以用来找到两个城市之间的最短路径。 动态规划动态规划是一种在数学和计算机科学中使用的,用于求解包含重叠子问题的最优化问题的方法。其基本思想是,将原问题分解为相似的子问题,在求解的过程中通过子问题的解求出原问题的解。动态规划的思想是多种算法的基础,被广泛应用于计算机科学和工程领域。比较著名的应用实例有:求解最短路径问题,背包问题,项目管理,网络流优化等。这里也有一篇文章说得比较详细。 欧几里得算法在数学中,辗转相除法,又称欧几里得算法,是求最大公约数的算法。辗转相除法首次出现于欧几里得的《几何原本》(第VII卷,命题i和ii)中,而在中国则可以追溯至东汉出现的《九章算术》。 最大期望(EM)算法在统计计算中,最大期望(EM)算法是在概率(probabilistic)模型中寻找参数最大似然估计的算法,其中概率模型依赖于无法观测的隐藏变量(Latent Variable)。最大期望经常用在机器学习和计算机视觉的数据聚类(Data Clustering)领域。最大期望算法经过两个步骤交替进行计算,第一步是计算期望(E),利用对隐藏变量的现有估计值,计算其最大似然估计值;第二步是最大化(M),最大化在 E 步上求得的最大似然值来计算参数的值。M 步上找到的参数估计值被用于下一个 E 步计算中,这个过程不断交替进行。
  • 快速傅里叶变换(FFT)快速傅里叶变换(Fast Fourier Transform,FFT),是离散傅里叶变换的快速算法,也可用于计算离散傅里叶变换的逆变换。快速傅里叶变换有广泛的应用,如数字信号处理、计算大整数乘法、求解偏微分方程等等。本条目只描述各种快速算法,对于离散傅里叶变换的性质和应用,请参见离散傅里叶变换。 哈希函数HashFunction是一种从任何一种数据中创建小的数字“指纹”的方法。该函数将数据打乱混合,重新创建一个叫做散列值的指纹。散列值通常用来代表一个短的随机字母和数字组成的字符串。好的散列函数在输入域中很少出现散列冲突。在散列表和数据处理中,不抑制冲突来区别数据,会使得数据库记录更难找到。 堆排序Heapsort是指利用堆积树(堆)这种数据结构所设计的一种排序算法。堆积树是一个近似完全二叉树的结构,并同时满足堆积属性:即子结点的键值或索引总是小于(或者大于)它的父结点。 归并排序Merge sort是建立在归并操作上的一种有效的排序算法。该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。 RANSAC 算法RANSAC 是”RANdom SAmpleConsensus”的缩写。该算法是用于从一组观测数据中估计数学模型参数的迭代方法,由Fischler and Bolles在1981提出,它是一种非确定性算法,因为它只能以一定的概率得到合理的结果,随着迭代次数的增加,这种概率是增加的。该算法的基本假设是观测数据集中存在”inliers”(那些对模型参数估计起到支持作用的点)和”outliers”(不符合模型的点),并且这组观测数据受到噪声影响。RANSAC 假设给定一组”inliers”数据就能够得到最优的符合这组点的模型。 RSA加密演算法这是一个公钥加密算法,也是世界上第一个适合用来做签名的算法。今天的RSA已经专利失效,其被广泛地用于电子商务加密,大家都相信,只要密钥足够长,这个算法就会是安全的 并查集Union-find并查集是一种树型的数据结构,用于处理一些不相交集合(Disjoint Sets)的合并及查询问题。常常在使用中以森林来表示。 Viterbi algorithm寻找最可能的隐藏状态序列(Finding most probable sequence of hidden states)   附录 关于这个世界上的算法,你可以看看Wikipedia的这个网页:http://en.wikipedia.org/wiki/List_of_algorithms 关于排序算法,你可以看看本站的这几篇文章《一个显示排序过程的Python脚本》、《一个排序算法比较的网站》
1 - 20 of 48 Next › Last »
Showing 20 items per page