Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 提示

Rss Feed Group items tagged

ocean wu

用户推广的差异化策略_Yum.cn Design Studio - 0 views

  • “差异化策略”对推广工作进行“精耕细作”,对群发对象分类,区别对待不同用户,推送不同的信息,以实现不同层次的推广目的。这样,既符合信息传达的精准定位原则,也适用产品生命周期不同阶段的宣传策略,不断发掘新功能和产品卖点,维持产品活力。同时,把活动营销型的推广纳入周期性产品推广中去。 差异化落脚点: • 接收对象的差异化; • 推广目的的差异化; • 推送信息和形式的差异化; • 推广效果的差异化
  • 这里讨论的是一种直投形式的产品推广策略,直投推广分很多种:DM纸质广告、传单、email、无线领域的手机短信、彩信等,不管哪种,只要接收推广的对象具有一定的目标和确定性,而且推广的内容和接收对象之间的联系性比较强,就可以认为是直投推广。
  • ...1 more annotation...
  • 推广信息结构示例(以短信为例) 1类对象: 产品信息:产品是什么+产品的核心价值+主要功能介绍+费用,网址+客服热线 2类对象: 欢迎语+使用提示+操作步骤引导,获取帮助提示,网址+客服热线 (恭喜您成为用户,赶紧登录产品,点击进入*****或*****窗口,就可以********。**产品强大的****功能使您*******。您如果还有不明白的可以通过帮助菜单访问网站获得在线帮助。客服热线1234) 3类对象: 开场白+感谢,新增功能+活动推广信息,网址+客服热线 (尊敬的用户,感谢您的一贯支持,**取得了长足的进步,**新增******功能,更有****,让您******。近期推出******活动,期待您的参与。详情访问http:// 客服热线1234) 4类对象: 开场白+产品完善提示+操作提示,活动推广信息,获取帮助提示,网址+客服热线 (尊敬的用户,***近期完成大规模改造,完善了*****,使操作更方便功能更完善,赶紧登录***体验新功能吧!近期推出***活动,期待您的参与。您有不明之处请访问网站获得在线帮助或与我们的客服联系,详情访问http:// 客服热线1234) 准备    1、分类标准,即用户认定的标准; 潜在用户、新用户、老用户、睡眠用户的认定标准。这些标准要根据已掌握的用户数据开展基础统计分析工作,或者借助第三方调查获取分析数据。 2、分类用户数据准备; 根据用户分类标准分拣用户数据库。 3、制定发送频率和发送计划; 发送太密会引起用户反感,太稀起不到作用,根据接收对象和推广信息类型综合分析把握。 后续 1、发送效果评估 A、宏观分类用户人数的变化,包括同比绝对人数的变化和环比相对百分比的变化; B、抽样跟踪; 2、发送策略和计划改进
ocean wu

考衡Tagging System的7个维度 -- 三秒改变世界 - 0 views

  • Tagging Rights[权限] (系统允许下列角色进行Tagging:仅作者、作者和朋友、所有人,etc) 因为不同角色的人有着不同的Tagging动机,这将影响Tagging结果 Tagging Support [提示] (没有任何提示,根据语义提示相关标签,简单列出所有历史标签,etc) 提示的好处:让用户提高Tagging效率,也能教育新用户Tagging是什么 提示的坏处:最先出现的Tags可能并不是最理想的,但它们会对最终Tagging结果造成很大的影响 Aggregation Model[模式] (对于同一个资源,所有用户共同维护一套标签,或不同用户维护属于自己的那一套标签,etc) 前者能够保证标签内容有代表性,能够完整、准确的描述资源 后者允许用户通过Tagging对资源进行符合个人使用习惯的标注 Object Type[资源类型] (文本、非文本,etc) 影响Tagging结果 Source of Material[资源来源] (用户贡献、系统提供、任意来源,etc) 资源来源的差异导致用户对资源的Tagging动机不同,进而影响Tagging结果 Resource Connectivity[资源间链接] (超链、同属某群组,etc) 可能导致同一个标签的高频出现 Social Connectivity[用户社交] (方言区、专业领域,etc) 拥有社交联系的用户习惯用相同的Tag,导致Tagging结果带有地域特色或专业特色,而且和主流用户的Tagging结果有差异
ocean wu

FireFox2.0最强扩展集整理下载(含说明) - InToTheRain - DonewsBlog - 0 views

  • 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
ocean wu

Principles Of Effective Search In E-Commerce Design - Smashing Magazine - 0 views

  • 良好的设计高级搜索有几个好处,可不仅仅是一个笨拙的,复杂的工具。首先,有效的搜索可以加速销售过程。销售可以更快 增加转换,因为你不会失去客户谁放弃试图寻找的产品。此外,快速,准确,成功的搜索增加您的客户的信任。在本文中,我们会检讨如何建立一个接口,为用户提供 权力的高级搜索 同时保持 清晰的简单的搜索.还要考虑我们以前的文章:设计搜索结果:最佳实践和设计模式设计神圣搜索框:实例和最佳做法15个常见错误的电子商务设计
  • 1。拆除壁垒虽然几乎每一个电子商务网站拥有先进的搜索,旅客不使用它。首先,人们只使用的工具,他们看到的。高级搜索通常是很难被检测到。这个链接通常是太小和丑陋,所以华而不实简单的搜索按钮附近制伏它。因此,即使用户倾向于执行高级搜索,他们没有这样做的动机。这个词本身是可怕的:“先进的。”这意味着我们将要遇到的事情复杂化。很多时候,我们做的。但即使我们看到先进的搜索链接,并没有因为它吓倒,我们不使用它,因为我们 看不到好处。谁做的少数使用它看到,一旦他们执行搜索,所有的“先进性”都将丢失。因此,要帮助我们的用户利用先进的搜索能力,我们必须解决的可用性问题,实施新办法,改进我们的搜索术语。2。方法有几种方法,提高检索。对先进典型的做法是搜索 参数搜索。用户设置参数的使用文本框,经营者和下拉菜单。何时 可用性大师告诉你不使用高级搜索,它们通常指的是这种类型。它通常有一个复杂的接口,但可以是非常简单而有效的,只要最重要的字段显示,你坚持形式设计的基本准则。Momondo 优雅,有效地坚持最重要的投入领域,使参数搜索用户友好。Trulia的's参数搜索是较为复杂,但通过输入提示周到的支持和提示。选项更是隐藏在“更多搜索选项”高级用户的联系。一个好办法,避免畏惧的人,是变相的参数搜索的复杂性。只显示片段接口的使用 响应披露/使反应模式。当用户设置一个参数,他们沿着,然后下一个过滤器显示。该解决方案可以用来指导新用户,但它可以刺激孔和高级用户。论 MyBankTracker,用户必须选择“是”的“比较的”什么是您目前的APY?“的问题,显示您的银行APY”选项。分层搜索 电子商务正在成为事实上的标准电子商务网站。用户执行一个简单的搜索第一,但在结果页上,然后,他们可以通过缩小钻链接(单一选择)或1(对于多个不重叠的选择)复选框选择搜索。这可以高于进步披露/有利的模式,易于使用普通高级搜索。 亚马逊 采取了类似但略有修改的方法:当用户开始搜索时,他们可以像一些缩小设置过滤器“,只有书”在一开始。过滤 亚马逊.过滤的搜索 加+ 是一个比较复杂,但仍然容易使用。又是支持输入提示和提示。
  • ...3 more annotations...
  • 结论相反,人们普遍认为,高级搜索是不是老伐木过去的怪物。如果考虑到实用性和关键结构和概念所作出的修改,它可以是一个有效的工具 增加转换 并帮助用户访问更多的产品。当然,不是每一个电子商务网站需要先进的搜索。您可能太少产品或你的产品可能是独特的,难以区分。高级或分层搜索,较有利于当你有各种各样的产品。
  • 更多资源有益的,好的搜索界面的例子推进高级搜索彼得莫维尔搜索模式3快速设计模式的更好的分层搜索10规则的分层搜索的旅游网站最佳实践设计分层搜索过滤器过滤排序:提高产品findability电子商务面导航搜索和高级搜索用户体验需求高级搜索:是的名称问题?
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>N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;2>把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;3>每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;4>用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)5>安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)
  • 交互设计
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

站内信不需要标题 - 0 views

  • 站内信主要的交互细节有如下几个,根据产品特性和商业需求来选择: A. 发信时选择发送对象的处理。是列出好友翻页查找?还是下拉选择好友列表?或者直接录入、智能判断相应好友并选择?继续深入,将牵涉是否支持给多好友发送的问题。 B. 发送成功返回的处理。是直接关闭?还是返回进入页(个人资料、短信列表等)、固定页?或者过渡页?过渡页继续深入,又会碰到是否需要关闭、自动跳转、继续发送等功能。 C. 新消息提示的处理。不管是数字颜色,还是图标都会涉及两种设计模式;同时还可以选择信息提示框、真人声音,或者更豪华的任务栏tiitle闪动提示。作为运营方,希望用户赶快看到、赶紧删除减少资源消耗是肯定的。 D. 表单验证的处理。通常为资源上的考虑,都有字数限制,是否告诉用户?如何告诉用户?是否支持UBB编码和HTML代码?验证的出错信息等,都需要考虑周密,没有标题工作量也少。
  •  
    控制好站内信功能,提供恰当的信息通道选择。 比如淘宝现在有四种方式,第一站内信、第二产品页留言簿、第三店铺留言、第四旺旺留言。 提供不同类型的入口渠道是对的,但如果都分类处理,会大大增加管理负担,应该考虑汇总处理、分发显示。
ocean wu

个人电脑安全秘技二十招 - 0 views

  • 1.察看本地共享资源   运行CMD输入net share,如果看到有异常的共享,那么应该关闭。但是有时你关闭共享下次开机的时候又出现了,那么你应该考虑一下,你的机器是否已经被黑客所控制了,或者中了病毒。 2.删除共享(每次输入一个)      net share admin$ /delete      net share c$ /delete      net share d$ /delete(如果有e,f,……可以继续删除) 3.删除ipc$空连接   在运行内输入regedit,在注册表中找到 HKEY-LOCAL_MACHINESYSTEMCurrentControSetControlLSA 项里数值名称RestrictAnonymous的数值数据由0改为1。 4.关闭自己的139端口,ipc和RPC漏洞存在于此。   关闭139端口的方法是在“网络和拨号连接”中“本地连接”中选取“Internet协议(TCP/IP)”属性,进入“高级TCP/IP设置”“WinS设置”里面有一项“禁用TCP/IP的NETBIOS”,打勾就关闭了139端口。
  • 10、账号密码的安全原则   首先禁用guest帐号,将系统内建的administrator帐号改名~~(改的越复杂越好,最好改成中文的),而且要设置一个密码,最好是8位以上字母数字符号组合。 (让那些该死的黑客慢慢猜去吧~)   如果你使用的是其他帐号,最好不要将其加进administrators,如果加入administrators组,一定也要设置一个足够安全的密码,同上如果你设置adminstrator的密码时,最好在安全模式下设置,因为经我研究发现,在系统中拥有最高权限的帐号,不是正常登陆下的adminitrator帐号,因为即使有了这个帐号,同样可以登陆安全模式,将sam文件删除,从而更改系统的administrator的密码!而在安全模式下设置的administrator则不会出现这种情况,因为不知道这个administrator密码是无法进入安全模式。权限达到最大这个是密码策略:用户可以根据自己的习惯设置密码,下面是我建议的设置(关于密码安全设置,我上面已经讲了,这里不再罗嗦了。   打开管理工具.本地安全设置.密码策略   1.密码必须符合复杂要求性.启用   2.密码最小值.我设置的是8   3.密码最长使用期限.我是默认设置42天   4.密码最短使用期限0天   5.强制密码历史 记住0个密码   6.用可还原的加密来存储密码 禁用
  • 13、用户权限分配策略:   打开管理工具   找到本地安全设置.本地策略.用户权限分配   1.从网络访问计算机 里面一般默认有5个用户,除Admin外我们删除4个,当然,等下我们还得建一个属于自己的ID   2.从远程系统强制关机,Admin帐户也删除,一个都不留   3.拒绝从网络访问这台计算机 将ID删除   4.从网络访问此计算机,Admin也可删除,如果你不使用类似3389服务   5.通过远端强制关机。删掉
  • ...10 more annotations...
  • 11、本地策略:   这个很重要,可以帮助我们发现那些心存叵测的人的一举一动,还可以帮助我们将来追查黑客。   (虽然一般黑客都会在走时会清除他在你电脑中留下的痕迹,不过也有一些不小心的)   打开管理工具   找到本地安全设置.本地策略.审核策略   1.审核策略更改 成功失败   2.审核登陆事件 成功失败   3.审核对象访问 失败   4.审核跟踪过程 无审核 更多文章 5.审核目录服务访问 失败   6.审核特权使用 失败   7.审核系统事件 成功失败   8.审核帐户登陆时间 成功失败   9.审核帐户管理 成功失败   然后再到管理工具找到   事件查看器   应用程序:右键> 属性> 设置日志大小上限,我设置了50mb,选择不覆盖事件   安全性:右键> 属性> 设置日志大小上限,我也是设置了50mb,选择不覆盖事件   系统:右键> 属性> 设置日志大小上限,我都是设置了50mb,选择不覆盖事件
  • 12、本地安全策略:   打开管理工具   找到本地安全设置.本地策略.安全选项   1.交互式登陆.不需要按 Ctrl+Alt+Del 启用 [根据个人需要,? 但是我个人是不需要直接输入密码登陆的]   2.网络访问.不允许SAM帐户的匿名枚举 启用   3.网络访问.可匿名的共享 将后面的值删除   4.网络访问.可匿名的命名管道 将后面的值删除   5.网络访问.可远程访问的注册表路径 将后面的值删除   6.网络访问.可远程访问的注册表的子路径 将后面的值删除   7.网络访问.限制匿名访问命名管道和共享   8.帐户.(前面已经详细讲过)
  • 14、终端服务配置   打开管理工具   终端服务配置   1.打开后,点连接,右键,属性,远程控制,点不允许远程控制   2.常规,加密级别,高,在使用标准Windows验证上点√!   3.网卡,将最多连接数上设置为0   4.高级,将里面的权限也删除.[我没设置]   再点服务器设置,在Active Desktop上,设置禁用,且限制每个使用一个会话
  • 5.防止rpc漏洞   打开管理工具——服务——找到RPC(Remote Procedure Call (RPC) Locator)服务——将故障恢复中的第一次失败,第二次失败,后续失败,都设置为不操作。   XP SP2和2000 pro sp4,均不存在该漏洞。   6.445端口的关闭   修改注册表,添加一个键值      HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\NetBT\Parameters在右面的窗口建立一个SMBDeviceEnabled 为REG_DWORD类型键值为 0这样就ok了   7.3389的关闭   XP:我的电脑上点右键选属性--> 远程,将里面的远程协助和远程桌面两个选项框里的勾去掉。    Win2000server 开始--> 程序--> 管理工具--> 服务里找到Terminal Services服务项,选中属性选项将启动类型改成手动,并停止该服务。(该方法在XP同样适用)   使用2000 pro的朋友注意,网络上有很多文章说在Win2000pro 开始--> 设置--> 控制面板--> 管理工具--> 服务里找到Terminal Services服务项,选中属性选项将启动类型改成手动,并停止该服务,可以关闭3389,其实在2000pro 中根本不存在Terminal Services。   8.4899的防范   网络上有许多关于3389和4899的入侵方法。4899其实是一个远程控制软件所开启的服务端端口,由于这些控制软件功能强大,所以经常被黑客用来控制自己的肉鸡,而且这类软件一般不会被杀毒软件查杀,比后门还要安全。   4899不象3389那样,是系统自带的服务。需要自己安装,而且需要将服务端上传到入侵的电脑并运行服务,才能达到控制的目的。   所以只要你的电脑做了基本的安全配置,黑客是很难通过4899来控制你的。   9、禁用服务   打开控制面板,进入管理工具——服务,关闭以下服务   1.Alerter[通知选定的用户和计算机管理警报]   2.ClipBook[启用“剪贴簿查看器”储存信息并与远程计算机共享]   3.Distributed File System[将分散的文件共享合并成一个逻辑名称,共享出去,关闭后远程计算机无法访问共享 4.Distributed Link Tracking Server[适用局域网分布式链接? ?踪客户端服务]   5.Human Interface Device Access[启用对人体学接口设备(HID)的通用输入访问]   6.IMAPI CD-Burning COM Service[管理 CD 录制]   7.Indexing Service[提供本地或远程计算机上文件的索引内容和属性,泄露信息]   8.Kerberos Key Distribution Center[授权协议登录网络]   9.License Logging[监视IIS和SQL如果你没安装IIS和SQL的话就停止]   10.Messenger[警报]   11.NetMeeting Remote Desktop Sharing[netmeeting公司留下的客户信息收集]   12.Network DDE[为在同一台计算机或不同计算机上运行的程序提供动态数据交换]   13.Network DDE DSDM[管理动态数据交换 (DDE) 网络共享]   14.Print Spooler[打印机服务,没有打印机就禁止吧]   15.Remote Desktop Help& nbsp;Session Manager[管理并控制远程协助]   16.Remote Registry[使远程计算机用户修改本地注册表]   17.Routing and Remote Access[在局域网和广域往提供路由服务.黑客理由路由服务刺探注册信息]   18.Server[支持此计算机通过网络的文件、打印、和命名管道共享]   19.Special Administration Console Helper[允许管理员使用紧急管理服务远程访问命令行提示符]   20.TCP/IPNetBIOS Helper[提供 TCP/IP 服务上的 NetBIOS 和网络上客户端的 NetBIOS 名称解析的支持而使用户能够共享文件、打印和登录到网络]   21.Telnet[允许远程用户登录到此计算机并运行程序]   22.Terminal Services[允许用户以交互方式连接到远程计算机]   23.Window s Image Acquisition (WIA)[照相服务,应用与数码摄象机]   如果发现机器开启了一些很奇怪的服务,如r_server这样的服务,必须马上停止该服务,因为这完全有可能是黑客使用控制程序的服务端。
  • 15、用户和组策略   打开管理工具   计算机管理.本地用户和组.用户;只留下你更改好名字的adminisrator权限   计算机管理.本地用户和组.组   组.我们就不分组了
  • 16、自己动手DIY在本地策略的安全选项   1)当登陆时间用完时自动注销用户(本地) 防止黑客密码渗透.   2)登陆屏幕上不显示上次登陆名(远程)如果开放3389服务,别人登陆时,就不会残留有你登陆的用户名.让他去猜你的用户名去吧.   3)对匿名连接的额外限制   4)禁止按 alt+CRTl +del(没必要)   5)允许在未登陆前关机[防止远程关机/启动、强制关机/启动]   6)只有本地登陆用户才能访问CD-ROM   7)只有本地登陆用户才能访问软驱   8)取消关机原因的提示   A、打开控制面板窗口,双击“电源选项”图标,在随后出现的电源属性窗口中,进入到“高级”标签页面;   B、在该页面的“电源按钮”设置项处,将“在按下计算机电源按钮时”设置为“关机”,单击“确定”按钮,来退出设置框;   C、以后需要关机时,可以直接按下电源按键,就能直接关闭计算机了。当然,我们也能启用休眠功能键,来实现快速关机和开机;   D4、要是系统中没有启用休眠模式的话,可以在控制面板窗口中,打开电源选项,进入到休眠标签页面,并在其中将“启用休眠”选项选中就可以了。   9)禁止关机事件跟踪   开始“Start -> ”运行“ Run -> 输入”gpedit.msc “,在出现的窗口的左边部分,选择 ”计算机配置“(Computer Configuration )-> ”管理模板“(Administrative Templates)-> ”系统“(System),在右边窗口双击“Shutdown Event Tracker” 在出现的对话框中选择“禁止”(Disabled),点击然后“确定”(OK)保存后退出这样,你将看到类似于Windows 2000的关机窗口
  • 17、常见端口的介绍     TCP      21 FTP      22 SSH      53 TCP DNS      80 HTTP      135epmap      138[冲击波]      139smb      445      1025 DCE/1ff70682-0a51-30e8-076d-740be8cee98b      1026 DCE/12345778-1234-abcd-ef00-0123456789ac      1433 TCP SQL SERVER     5631 TCP PCANYWHERE      5632 UDP PCANYWHERE      3389 Terminal Services      4444[冲击波]      UDP      67[冲击波]      137 netbios-ns      161 An SNMP Agent is running/ Default community names of the SNMP Agent   关于UDP一般只有腾讯QQ会打开4000或者是8000端口或者8080,那么,我们只运 行本机使用4000这几个端口就行了   23 TELNET      25 TCP SMTP  
  • 18、另外介绍一下如何查看本机打开的端口和tcp\ip端口的过滤      开始--运行--cmd      输入命令netstat -a      会看到例如(这是我的机器开放的端口)     Proto Local AddressForeign AddressState      TCPyf001:epmap yf001:0 LISTE      TCPyf001:1025(端口号)yf001:0 LISTE      TCP(用户名)yf001:1035yf001:0 LISTE      TCPyf001:netbios-ssn yf001:0 LISTE      UDPyf001:1129*:*      UDPyf001:1183*:*      UDPyf001:1396*:*      UDPyf001:1464*:*      UDPyf001:1466*:*      UDPyf001:4000*:*      UDPyf001:4002*:*      UDPyf001:6000*:*      UDPyf001:6001*:*      UDPyf001:6002*:*      UDPyf001:6003*:*      UDPyf001:6004*:*      UDPyf001:6005*:* UDPyf001:6006*:*      UDPyf001:6007*:*      UDPyf001:1030*:*      UDPyf001:1048*:*      UDPyf001:1144*:*      UDPyf001:1226*:*      UDPyf001:1390*:*      UDPyf001:netbios-ns *:*      UDPyf001:netbios-dgm *:*      UDPyf001:isakmp *:*   现在讲讲基于Windows的tcp/ip的过滤   控制面板——网络和拨号连接——本地连接——INTERNET协议(tcp/ip)--属性--高级---选项-tcp/ip筛选--属性!!   然后添加需要的tcp 和UDP端口就可以了~如果对端口不是很了解的话,不要轻易进行过滤,不然可能会导致一些程序无法使用。
  • 20、避免被恶意代码 木马等病毒攻击   以上主要讲怎样防止黑客的恶意攻击,下面讲避免机器被恶意代码,木马之类的病毒攻击。   其实方法很简单,所以放在最后讲。   我们只需要在系统中安装杀毒软件   如 卡巴基斯,瑞星,金山独霸等   还有防止木马的木马克星和金山的反木马软件(可选)   并且能够及时更新你的病毒定义库,定期给你的系统进行全面杀毒。杀毒务必在安全模式下进行,这样才能有效清除电脑内的病毒以及驻留在系统的非法文件。   还有就是一定要给自己的系统及时的打上补丁,安装最新的升级包。微软的补丁一般会在漏洞发现半个月后发布,而且如果你使用的是中文版的操作系统,那么至少要等一个月的时间才能下到补丁,也就是说这一个月的时间内你的系统因为这个漏洞是很危险的。   本人强烈建议个人用户安装使用防火墙(目前最有效的方式)   例如:天网个人防火墙、诺顿防火墙、瑞星防火墙等等。   因为防火墙具有数据过滤功能,可以有效的过滤掉恶意代码,和阻止DDOS攻击等等。总之如今的防火墙功能强大,连漏洞扫描都有,所以你只要安装防火墙就可以杜绝大多数网络攻击,但是就算是装防火墙也不要以为就万事无忧。因为安全只是相对的,如果哪个邪派高手看上你的机器,防火墙也无济于事。我们只能尽量提高我们的安全系数,尽量把损失减少到最小。   安全意识也很重要,我们平时上网的时候都应该有一个好的安全意识。加上我们的不懈努力,相信我们的网络生活会更美好。   作者语   说这么多希望朋友们自己多学习,多实践,多钻研。尽情的享受网络给我们带来的便利和快捷,只有了解它,才能更好的利用它。   我坚信只有安全才能自由,只有自由才能快乐。
  • 19、胡言乱语   (1)、TT浏览器   选择用另外一款浏览器浏览网站.我推荐用TT,使用TT是有道理的。   TT可以识别网页中的脚本,JAVA程序,可以很好的抵御一些恶意的脚本等等,而且TT即使被感染,你删除掉又重新安装一个就是。   MYIE浏览器   是一款非常出色的浏览器,篇幅有险,不做具体介绍了。(建议使用)   (2)、移 动“我的文档”   进入资源管理器,右击“我的文档”,选择“属性”,在“目标文件夹”选项卡中点“移 动”按钮,选择目标盘后按“确定”即可。在Windows 2003 中“我的文档”已难觅芳踪,桌面、开始等处都看不到了,建议经常使用的朋友做个快捷方式放到桌面上。 (3)、移 动IE临时文件   进入“开始→控制面板→Internet 选项”,在“常规”选项“Internet 文件”栏中点“设置”按钮,在弹出窗体中点“移 动文件夹”按钮,选择目标文件夹后,点“确定”,在弹出对话框中选择“是”,系统会自动重新登录。 点本地连接> 高级> 安全日志,把日志的目录更改专门分配日志的目录,不建议是C:再重新分配日志存储值的大小,我是设置了10000KB。
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

网站的视觉设计 - 0 views

  • 1—logo:基本logo特征,符合logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)2—文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)3—广告、内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。4—icon:品牌性,表达准确合理,设计手法(依据品牌性),一致性,作用:吸引,醒目,方便识别、理解、操作、记忆。5—可点击(button):区别(不可点击),根据人的生活经验:厚度,可按,质感(实体联想),色彩(品牌性、统一性、对比性);统一的样式大小(依据里面文字的内边距统一)6—背景图片:氛围效果营造,同产品的统一性,优化(品质大小,色彩信息,实现方案),7—图文排版:主图次文,图文节奏,空隙,模块化。8—当前状态:放大(形状),变色(反色、对比色、明度纯度区别色),链进链出后指定内容提示。9—交互控件:样式合理准确性(人对系统默认的认知和生活常规认知),状态(视觉表现样式和动作过程优化),创意。10—loading:内容关联性(loading前后的内容关联),无聊等待的乐趣,体积、面积优化,创意。11—用户反馈_ 成功、出错、提示、无结果:文案(明确、合理、人性化、创意),图形(明确、醒目、色彩的心理认知准确度)。12—动画效果:过程合理(模拟真实环境的合理化),连续,节奏感,用户日常动作表现,音效配合,创意。13—首尾设计:首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾:呼应、节奏(与首),创意。14—适应屏设计(全屏设计):最大最小屏幕的考虑(文字、图片的位置、折行效果)15—固定尺寸的栅格设计:合理的单元格(考虑黄金分割),单元格面积节奏,边距统一性16—demo设计样稿:对内容最多最少的考虑。17—页面:品牌性,基调元素一致性,复用性,节奏感、面积感,视觉第一吸引,引导浏览,点线面关系,素描原理(运用素描的基本规律来做页面)。18—阅读:背景对阅读(视力)的舒适度,内容与背景的对比舒适度
  •  
    页面设计的要素及解释
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 //压缩表格:一个实例       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内容摘要盒子
  • ...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

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

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

手机系统消息通知设计的整理和分析 - 0 views

  • 当应用程序不处于前台运行中时,消息通知能将某些信息及时告知用户。比如收到新消息、收到新邮件、程序下载已完成或者待办事项即将开始等。目前各移动平台上对消息通知的设计均有所差别,各有利弊。这里整理了iOS、Android、Palm Web OS、Windows Phone和未揭开面纱的Meego这五个系统对消息通知的处理方式,并分析了它们各自的优缺点。希望能对研发过程中的设计选择有所帮助。另外这里主要分析的是通知的提示形式,不涉及Local和Push两种通知逻辑。
  • iOS NotificationiOS的消息通知有两种形式,Badge Notification和Alert Notification。 Badge Notification是指出现在应用程序图标右上角的红色圆形数字提醒,用于提醒一些无需即时处理的消息,比如程序更新数、未读邮件数等。Badge Notification只有在Home Screen的对应屏上才能看到,因此不适合用于提醒一些重要性高或需要及时处理的通知。而且Badge Notification的形状颜色大小等都是默认且无法改变的。 Alert Notification则非常直接地以对话窗口的形式出现在屏幕上,用于重要或需要及时处理的通知。不过Alert Notification常常粗暴地打断正在进行中的任务,强迫用户马上做出选择,且无法汇总查看所有通知,当有多条通知时,无法选择性处理,只能按提供提供的顺序一个个处理。
  • Palm Web OS NotificationPalm Web OS的消息通知有两种形式,Banner Notification和Pop-Up Notification。 当有通知时,Palm会在界面底部会出现一条通知栏,用于承载通知。出现在这条通知栏上的便叫做Banner Notification。个人觉得Palm的Banner Notification是对消息通知的一个较完美的处理方式。首先它不论在Home还是App程序界面均可以关注到,不会打搅和中断正在进行的任务;其次这个通知栏可在点击后扩展,以摘要(Dashboard Summary)的方式展示通知;另外和Android相比将通知栏独立于状态栏可以让通知更加清晰醒目(Android状态栏上密布的状态信息和通知信息有时会让人较麻木,毕竟较要从一堆状态图标中辨认出其中的通知图标,也是需要耗费认知成本的)。 Pop-Up Notification和Alert Notification(iOS)、Dialog Notification(Android)类似,不同点是其出现的方式是从屏幕底部向上挤出,而不是出现在屏幕中央。
  • ...4 more annotations...
  • Android NotificationAndroid的消息通知有三种形式,Toast Notification、Status Bar Notification和Dialog Notification。 Toast Notification是指出现在屏幕上的暂时性通知,这种通知用于传达一些告知类型的消息,短暂停留后会自动消失,无需用户交互。比如告知下载已完成等。(Toast Noification这个说法最早是源于一个前MSN员工的提法,因为MSN的消息提醒是从底部向上轻弹,形式上很像一个面包从烤面包机中弹起的样子,所以称之为Toast Noification。) Status Bar Notification是指以一个图标或者滚动条文本的形式出现在系统顶部状态栏上的通知。当应用程序处于后台运行状态时,这种方式比较合适。这种通知形式的好处是既能即使被关注到,又无需打断当前任务,可以从顶部下拉查看通知摘并做选择性处理。 Dialog Notification类似于iOS的Alert Notification,以对话窗口的形式出现在屏幕上,用于重要或需及时处理的通知。
  • Windows Phone NotificationWindows Phone的消息通知有三种形式,Tile Notification、Toast Notification和Raw Notification。 WP7的主屏上铺满的应用程序比较比较像一块块方形的瓷砖,顾名思义Tile Notification正是出现在这些“瓷砖”上的通知,比如主屏上天气app上显示的温度发生变化时出现的通知。可以通过改变瓷砖上的三个元素(title、backgroud和提示数)来达到提醒的目的,与iOS的Badge Notification相比,除了数字提醒外,还多了改变tile背景和title两种方式。 Toast Notification上文已经做过说明,只是WP7中Toast Notification出现的位置是在屏幕顶部,与屏幕等宽,停留约10秒后自动消失。 Raw Notification是系统的原生通知,可将消息直接传递给应用程序,允许行应用程序运行时实时更新用户界面。
  • Meego NotificationMeego还没有完全揭开面纱,不过从Meego的“Design Guidelines”中可以看到如下描述:“The main use of the status bar is to show signal strength, time, and battery life (operator optional). In addition, it supports notifications. This bar may be removed in specific cases.” 可以猜测Meego的消息通知可能也会在状态栏上于状态信息并存,类似Android.
  • 总结一下上面的整理,iOS的通知常打断任务,骚扰比较严重;Android的顶部状态通知栏有效解决了骚扰和选择性处理的问题,不过整个状态栏经常密布图标,分辨起来稍有不便;Palm的Banner Notification相对来说是较完美的一个方案;WP7的Tile Notification较直观,和自身Home Screen结合的比较好。
ocean wu

活着的页面 - "我感觉这个页面很死" - 0 views

  • 那么如何让页面更活?思考如下: 1. 动态的 放上一些活动的元素,比如flash动画、js行为等。整个页面是动起来了,但我相信,这不是用户的初衷,用户想要的也不仅仅是表面上的闹哄哄。 2. 静态的 通过字符、图形、色彩来调动用户情绪,传达一种欢迎光临、热情洋溢的感觉。比如与用户对话的文字、让用户一看就想点的按钮、活力四射的颜色等。 3. 参与的 让用户在与页面的交互过程中体验和感觉到。比如,Google的搜索提示,雅虎Logo的音效、触发选项卡等,藏的越深,效果越持久。 4. 期待的 一次体验用户还认识不到,多次尝试并深刻体会之后,将质变成为一种期待,比较含蓄的手法。比如,Google的节日个性Logo,Flickr的多语言问好等。 总之,细节累加,成就独特气质,并且将传达给用户无形的感觉。
ocean wu

怎样设计web"帮助"更有效? - 0 views

  • 1. “帮助页面“只是狭义的”帮助“,广义的“帮助”应该无处不在,它协助用户了解和使用网站
  • 2 用户更喜欢在实践中学习,而不是通过“帮助页面”
  • 3. “帮助”的设计应该从整个信息架构建设开始
  • ...6 more annotations...
  • 4. “帮助页面”的设计目的是让用户尽快离开这个页面
  • 5. 根据你的用户和你的系统来选择你采用“帮助”的方式
  • 6.“帮助”的结构应该是清晰、内容应该简洁,尽量避免用户在使用“帮助”的过程中产生新的疑惑
  • 7.“帮助”的维护和创建同样重要
  • 常见的一些帮助形式 1. 帮助目录(按照一定方式将帮助分类) 2. 常见问题(也可以说成“热点问题”) 3. 论坛支持 4. 搜索(通过输入关键字来查找所需的帮助信息) 5. 客户互助(类似百度知道) 6. 名词解释、定义(对专业术语的诠释) 7. 提供下载线下帮助 8. 即时在线客服(通过IM或者基于web的IM的帮助,提供帮助的可以是专门的客服人员或者是机器人) 9. 客服电话 10. 邮件帮助 11. 博客支持 12. 视频演示 13. 交互式的帮助 14. 交互过程中的帮助(可以是显性的也可以是隐性的) (ps:后文有这些帮助形式在主流网站的实例)
  • 帮助的分类 按照得到帮助的速度来分 1. 即时性帮助 这类帮助在用户遇到问题时,可以很快的给出帮助的反馈(并不考虑这个帮助是否真的被解决)。如,用户遇到问题后,进入帮助页面,在FAQ中寻求解决办法;直接拨打24小时客服电话,用IM向在线客服寻求帮助。当用户的帮助需求很紧急时,即时帮助就显得很重要了。 2. 非即时性帮助 这类帮助需要一段时间才能得到帮助的内容。如通过发邮件,提交表单提出帮助诉求。这类帮助往往作为“主要帮助”的补充:当用户在系统提供的帮助中找不到答案的时候可以通过这种方式来寻求帮助。适合高级用户提出复杂的帮助需求,不适合帮助需求很紧急的用户。 按照提供帮助的位置来分 1. 进入系统的帮助页面寻求帮助 用户需要通过进入帮助页面或者通过搜索引擎来主动获取帮助。目前主流的帮助都是建立专门的帮助页面。这样的帮助存在一个问题,当用户在人机交互过程中遇到挫折,便放弃交互时,再好的帮助页面也失去价值。 2. 在交互过程给出相关的帮助 在人机交互过程中系统会提供显性得或者隐性的(如,通过鼠标触发)提示,说明或者进行自我解释来帮助用户完成操作。设计这类帮助的终极目标是让用户忘记所谓的帮助页面,在人机交互过程中对帮助用户学习和纠正用户错误。设计这类帮助的往往是从整个网站的信息构架开始的。这类帮助的设计需要花费更多人力,物力和财力。但这也是体现出信息架构和交互设计的重要性。 按照提供帮助的对象来分 1. 提供帮助的是机器 如传统的帮助页面,视频演示。这类帮助具有局限性,它只能满足大部分用户的需求,但对于有特殊需求的用户就无能为力了。 2. 提供帮助的是专业的客服人员 如客服电话、论坛、借助即时通讯软件的帮助。比起机器提供的帮助,这类帮助更加灵活,基本上能解决所有的问题。除此之外,像客服电话这样的传统服务方式,更适合不熟悉与机器打交道的人使用。 3 提供帮助的是用户本身 如淘宝互助这样的平台就是通过用户本身的沟通来取得帮助。这类帮助更加开放,更容易了解客户真正想知道的,更有利于建立帮助知识库。 按帮助所采用的形式来分 1. 文字说明 最普通的帮助形式。文字帮助往往是单独,枯燥的。用户往往无法完整阅读大篇幅的文字说明。但如果需要解释专业术语或者名词时,文字形式的帮助无可替代。 2. 图文说明 主流的帮助形式,提供比文本说明更加直观和清晰的帮助形式。可以解决大部分用户的帮助需求,但遇到比较复杂和繁琐的交互过程时,图文帮助并不是最有效的。 3. 视频演示 通过演示人员完整的人机交互演示,让用户更直观的学习整个交互过程。这种帮助形式适合较复杂和繁琐的交互过程。当然这类形式的帮助会对网络带宽有一些要求,所以最好能提供用户在线观看和下载两种选择。除此之外视频演示还有结构不清晰,很难快速定位整个交互过程的其中一个过程。 4. 互动式帮助 通过模拟真实的交互环境,提供引导和说明帮助用户完成整个交互过程。对于较复杂的交互过程,互动式的帮助是目前最好的解决办法。它贴合用户更愿意在“实践”(虽然是模拟的,但基本重现实际交互环境)中学习的意愿。它也能解决视频演示中结构不清晰,难以定位整个过程中的其中一环节的问题。 5. 搜索 通过输入关键字查找帮助的内容。这类帮助形式可以以最快的速度帮助用户找到他们需要的内容。但它对用户的要求也比较高,需要用户能够找到概括他们遇到问题的关键字。所以建立搜索帮助最关键的问题是建立的“帮助知识库”能够涵盖大部分用户所需帮助的关键字。
ocean wu

网络搜索新体验 - 0 views

  • Searchme在技术上还处于个人测试阶段,就是说仍在不断开发改进中,需要邀请用户来使用。该公司给了我登录它们网站的授权,还创建了一个链接让本专栏的读者们也能使用,链接为www.searchme.com/wsj。这个基于Web的工具在Windows和Mac操作系统上都能使用,也适用于任何一种主要浏览器,它还提示用户选择搜索词的类别,进而提高搜索性能。举例来讲,当我在搜索栏中输入“美国公开赛”时,在屏幕右侧会出现各种类别,包括网球、壁球、博彩和高尔夫球。因为我是在搜索网球大满贯,所以选择了“网球”类别,这样我就不用再输入“网球”这个单词了。使用Searchme越多,我越是依赖这些类别来获得更快、更准确的结果。Searchme还能显示网站快照,进而实现视觉搜索功能,搜索词在每个搜索到的网站结果上都会加亮显示。这些页面从中心散开,排成扇形,看似苹果公司(Apple Inc.) iTunes的Cover Flow,就像是自动点唱机里的唱片封面一样,能够前后翻阅,直到找到最佳网页。沿着这些页面下方的一个水平滚动条移动光标,我在短短几秒钟内就快速浏览了10到15个网站,很快就排除了不需要的网站。不过,这些网页没有互动功能,无法向下滚动显示页面或是播放在线视频。图片下方有个按钮,列出了与这张图片相关的文字和链接,不过我常常将这个功能隐藏起来
  • SpaceTime(www.spacetime.com)与Searchme的不同之处在于,它并不是一个独立的搜索引擎,而是一个浏览器,可以使用现有的搜索引擎和网站。和Searchme一样,它也不是基于Web的程序,所以必须下载到装有Windows操作系统的电脑上(目前还无法在Mac电脑上使用)。该软件提供的三维图像显示功能要求系统内存不低于1G,显存不低于256兆。SpaceTime看似一个普通的浏览器,有常见的地址栏,可以输入具体的网址,在右上方还有一个搜索框,可以选择搜索谷歌、谷歌图片、雅虎、雅虎图片、eBay、Flickr、YouTube、RSS feed或是亚马逊(Amazon)。正是这个搜索框显示出了使用该产品的乐趣所在。搜索结果以图片方式显示,排列在屏幕上,以三维图像的方式在屏幕上飘来飘去,然后消失在远方,就像Windows Vista的Flip 3D一样。SpaceTime的深色背景更增强了视觉效果,每个物体都在一个玻璃似的漂亮平面上反射出来。搜索结果可以在三维空间中扭曲、反转、放大或是移动。当我在SpaceTime网站上,用谷歌或是雅虎进行文字搜索时,搜索结果以网站的图片方式呈现出来,每个网站上都含有搜索词。当我用谷歌、雅虎或是Flickr搜索图片时,结果只有图片,而不是在网站中嵌有的图片,当这些图片在三维空间排起来的时候,效果很是惊人。在SpaceTime上用eBay进行搜索时尤其有用,因为每种拍卖商品都会在屏幕上显示出来,还有目前的竞购价格、竞购者人数以及剩余的竞购时间。在SpaceTime上用YouTube进行搜索,结果也排列在三维空间中。所有的图片都在屏幕上飞来飞去,这看上去会让人头昏眼花。一堆(pile)搜索结果被称为一个堆栈(stack),每个堆栈都被自动保存在屏幕下方的一个停靠栏(dock)中,在你上次停止的地方标以一个缩略图。你还可以保存搜索,进行屏幕截图,并保存在停靠栏中。广告为了尽快显示搜索结果,SearchTime称每次只显示十张图片、产品和视频,对内容较多的网站每次显示五个。不过,我在测试中使用了两台内存都是2G、并装有Vista操作系统的电脑,我通常不会看到一次显示超过五个。要想看到后面五张或是十张图片,你可以点击屏幕下方的“下一组”按钮。SearchTime以互动方式显示网站和物体,也就是说我可以在一个网页上向下拉动滚动条,或是在SpaceTime屏幕上播放YouTube视频。屏幕上还很有创意地弹出一个放大镜,将每个网页上包含的搜索词进行放大显示。使用SpaceTime,我可以很快地浏览数十甚至是数百张图片和网址,不过它也并非完美无瑕。有些搜索结果需要一些时间才能显示出来,这时只能显示第一个结果,而其他的都显示为空框,因为结果还在加载中。YouTube看起来也很慢,不如其他一些搜索便于浏览。我做的几次测试中,Flickr搜索结果的加载尤其慢。目前SpaceTime正在开发一款基于Web的版本,这样就不会过分依赖于用户电脑本身的配置了。
  • SpaceTime(www.spacetime.com)与Searchme的不同之处在于,它并不是一个独立的搜索引擎,而是一个浏览器,可以使用现有的搜索引擎和网站。和Searchme一样,它也不是基于Web的程序,所以必须下载到装有Windows操作系统的电脑上(目前还无法在Mac电脑上使用)。该软件提供的三维图像显示功能要求系统内存不低于1G,显存不低于256兆。
ocean wu

开发新产品所需要的十类文档 - 0 views

  • 《Communicating Design》里面也有10种~ Personas 角色设计文档 Usability Test Plan 可用性测试计划 Usability Reports 可用性报告 Competitive Analysis 竞争分析 Concept Model 概念模型(概念图) Content Inventory 内容清单 Site Maps 站点地图 Flow Charts 流程图(交互流程图) Wireframes 线框图 Screen Designs 视觉设计、原型设计等
  • 5、6、7可以在小型项目中结合,大型的项目中还是要适当分开。 交互原型可以以交互设计说明书的附件形式存在
  • 1、产品概念文档(项目策划书) 主要是对市场需求进行合理的科学的推导,得出新产品机遇,并对产品定位以及未来的发展方向进行概念性阐述。产品概念文档主要用来对新产品进行宣讲,让项目团队对将要开发的产品有一个概念上的理解,在思想上达成一致。 2、用户调研报告 主要有两类,一类是产品概念形成之初,研究人员进行的需求调研而输出的报告。主要是为产品概念的提出提供科学的依据,为需求的推导寻找佐证。另外一类是项目开发过程中,对设计中不确定以及有分歧的地方进行用户测试,得出结果并输出用户测试报告。 3、产品需求列表 这个列表并不一定是文档,但是他非常重要。它是将新产品拆分成几个大的模块,并将这几个大模块再细拆分成各个功能点后形成的功能列表。它的用途是将整个产品的工作量化,利于设计师、开发人员、测试人员评估自己的工作量,利于开发过程中对各个功能点进行跟踪,不遗漏,利于产品测试时对产品进行全面覆盖。 4、产品说明书 产品说明书是目前很多公司中最常见,他主要包括产品功能的详细描述,产品所需要的开发、运行环境,性能要求等等。准确的讲,这份文档并不应该包含具体的交互内容。这个文档面向的是项目的全体成员。 5、交互设计说明书 交互设计说明书对整个产品的界面结构、交互流程进行详细的描述。它一般包括需求分解、竞争产品分析、流程说明、页面布局说明等内容。交互设计说明书的格式众多,灵活性也相当高,但目的都是将产品的结构和及流程形象化。交互设计说明书主要面向开发人员和测试人员。 很多公司将交互设计说明书和产品说明书结合在一起进行撰写,其实这种做法并不是十分合理。通常情况下,产品和设计结合的文档结构非常庞大,非常不利于查阅,也不利于撰写,而且这种结合文档的很多内容对特定人员是无用的。 6、交互设计规范 交互设计规范主要是用来规范新产品中常规的功能、操作等内容,比如页面的标题规范、界面快捷键操作的规范、提示反馈信息的规范等等。 7、视觉设计规范 视觉设计规范主要是规范新产品中一些视觉元件的样式、页面边距相对边距、通用界面的页面框架等等,开发人员根据规范就可以自行开发一些通用界面。 8、开发文档 开发文档包括一些需求分析、系统架构分析、数据库分析、开发日志等等内容。开发文档主要用来作为开发团队的技术沉淀。 9、测试用例 测试用例指对新产品进行测试任务的描述,体现测试方案、方法、技术和策略。内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试脚本等,并形成文档。 10、产品评估报告 产品开发完成后,应由测试人员撰写一份评估报告,对产品功能的实现情况、性能情况、bug解决率等问题进行综合说明和评估,来确定新产品是否符合发布标准。 上面的这十类文档是非常理想化的项目中才具备的,也并不是适用于所有的项目开发,但是,产品说明书、交互设计说明书、测试用例等几类文档是一个项目中不可能缺少的,他们是一个项目有效运行的核心文档。
ocean wu

HttpWatch Basic Edition - blog 访问速度诊断工具 | 小众软件 - 0 views

  • HttpWatch Basic Edition 是一个可以帮你判断博客访问速度的瓶颈在哪里的 IE/Firefox 插件。
  • 不知道有多少人会觉得自己的 blog 访问速度很快,或者说很满意?而除了一国两制的线路原因外,还有很多其它原因,比如边栏工具,比如图片链接,比如插件等等。 HttpWatch Basic Edition 为免费版本,更强大的 Professional Edition 是要钱的,况且我们也用不到那么多功能。 首先安装 HttpWatch Basic Edition,会把自己添加进 IE 里,如果系统内有 Firefox,会提示你是否要安装 Firefox 版本。 打开方式: IE 浏览器 Firefox 浏览器 打开 HttpWatch Basic Edition 后,先别急着诊断,选择 Tools > Clear Cache and All Cookie (Alt + Del) 清空浏览器缓存和 Cookie,因为我们要模仿新访客第一次来网站的情况。 清空完毕,这个时候不要打开任何网页,点击 Record 按钮,输入网址,开始载入。 很快,就会得到如第一幅截图的报表,里面有浏览器访问网页每一步的记录,从中,你就可以看到哪一步花费的时间长,我们就可以针对它进行优化了。 比如小众发现 Highslide Integration 插件严重拖慢速度,虽然此插件对图片的浏览很华丽,但是太过于拖慢速度,停掉。 我记得有个网站也可以实现此功能,但不记得名字了。 软件比较大,8M,仅提供 brsbox 及 官方下载
ocean wu

Mozilla Ubiquity 的 10 种用法 - LinuxTOY - 0 views

  • 1.搜索 按热键呼出 Ubiquity 执行界面。 输入 google 关键字,如 google linuxtoy。 敲回车键在新的标签页打开搜索结果。 除了执行 Google 搜索外,还可执行 Wikipedia、Flickr、Yahoo 等搜索。只需将上面的 google 稍作替换即可。 2.充当计算器 输入 calculate 表达式,如 calculate 1234567/654321。 将立即显示计算结果,也可以选择结果复制备用。 3.翻译 输入 translate 要翻译的文本 to 目标语言,如 translate toy to chinese。 这将 toy 翻译成汉语。 4.发送 E-mail 输入 email 消息 to 联系人,如 email hello to xxd。 会启动 Gmail,将当前页面的网址发给名为 xxd 的朋友。 5.更新 Twitter 输入 twitter 状态消息,如 twitter Ubiquity 很好玩啊。 首次会提示输入 Twitter 帐号和密码,然后即更新。 6.了解天气 输入 weather 城市,如 weather chongqing。http://tinyurl.com/6m59nt 回车。 7.缩短长网址 先复制长网址备用。 热键呼出 Ubiquity 界面。 输入 tinyurl 回车即可。 8.操作标签 输入 tab 打开的标签名字,如 tab linuxtoy。 按回车键将转到该标签。 输入 close-tab 标签名,将执行关闭标签操作。 9.缩放 Firefox 窗口 输入 zoom 缩放比例,如 zoom 200。 回车后将按 200% 进行缩放。 10.查看源代码 输入 view-source。 回车后即可查看当前网页的源代码。
  •  
    Ubiquity 由 Mozilla Labs 出品,以 Add-ons 形式应用于 Firefox 网络浏览器。跟 Linux 中的控制台/终端相似,Ubiquity 为 Firefox 提供一个命令行输入界面,从而实现与 Web 的交互操作。
ocean wu

13个网页设计必备的Firefox扩展 - 0 views

  • IE Tab浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。
  • Style Sheet Chooser IIStyle Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].你可以用多种方式来调用它:a. 通过"查看"[View]->"页面样式"[Page Style]下面的选项;b. 通过工具栏[Toolbar]的一键切换;c. 通过状态栏[Status Bar]的图标按钮;小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置
  • CSSViewer一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。
  • ...10 more annotations...
  • CSS validator用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/其快捷按钮既可添加在右键菜单中也可添在工具栏上
  • ColorZilla 2.0ColorZilla的主要功能有:将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;通过缩放页面来测量其上任何两点之间的距离;从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中;
  • FireShot 0.59FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分
  • LinkChecker 0.6.3LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏
  • Font Finder 0.5c选择一段文本或一个元素,单击右键并在菜单中选择"Font Finder",就能看到所选取对象的字体信息
  • LiveHTTPHeaders这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:a. 在"查看页面信息"[View Page Info]中添加"头部信息"[Hearders]选项卡;b. 添加"工具"->"Web设计"[Tools->Web Development]菜单项;此外用户还能利用它修改HTTP Headers并发起新请求!
  • SearchStatus 1.26再你的浏览器中显示Google的PageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.
  • FireFTPFireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server
  • MeasureIt 0.3.8通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量
  • Html Validator 0.8.5.2HTML Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)。
1 - 20 of 26 Next ›
Showing 20 items per page