十步网 admin@10bu.com 15 http://www.10bu.com/download/zimu/zimu477966.html 【中文名称】 尼基塔 第二季第十五集【影片原名】 尼基塔 Nikita【对应版本】 Nikita.S02E15.HDTV.XviD-ASAP【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 官方原版  【字幕格式】 SRT  ASS  【发布日期】 2012-02-18 20:19:45 由 爱吃屎的鱼 发布【更新日期】 2012-02-18 20:27:41 由 爱吃屎的鱼 更新【下载次数】 2895 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：饿得慌 拉环 兔小跳 欧阳 爱吃屎的鱼时间轴：雪鋆 贝壳 波多而死机校对：Nil Xinsinity后期：冰河监制：爱吃屎的鱼========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Nikita.S02E15.HDTV.XviD-ASAP.rar迅雷下载：本地下载：Nikita.S02E15.HDTV.XviD-ASAP.rar传统下载：Nikita.S02E15.HDTV.XviD-ASAP.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477965.html 【中文名称】 缘分天注定/美国情缘/情有独钟/飞来好运【影片原名】 Serendipity【对应版本】 Serendipity.2001.BluRay.720p.DTS.x264-CHD【字幕分段】 1段【字幕语种】 中英  【字幕来源】 校正调整  全面修正  全面调整  【字幕格式】 ASS  【发布日期】 2012-02-20 00:06:04 由 fish_w_89 发布【更新日期】 2012-02-20 00:06:04 由 fish_w_89 更新【下载次数】 74 次【其他说明】正在载入请耐心等待…快车下载：Serendipity.2001.BluRay.720p.DTS.x264-CHD.rar迅雷下载：本地下载：Serendipity.2001.BluRay.720p.DTS.x264-CHD.rar传统下载：Serendipity.2001.BluRay.720p.DTS.x264-CHD.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477963.html 【中文名称】 放牛班的春天/唱诗班男孩【影片原名】 Les Choristes【对应版本】 Les.Choristes.2004.1080p.BluRay.DTS.x264-DON【字幕分段】 1段【字幕语种】 中英  【字幕来源】 校正调整  全面修正  全面调整  【字幕格式】 ASS  【发布日期】 2012-02-20 00:07:06 由 fish_w_89 发布【更新日期】 2012-02-20 00:07:06 由 fish_w_89 更新【下载次数】 46 次【其他说明】正在载入请耐心等待…快车下载：Les.Choristes.2004.1080p.BluRay.DTS.x264-DON.rar迅雷下载：本地下载：Les.Choristes.2004.1080p.BluRay.DTS.x264-DON.rar传统下载：Les.Choristes.2004.1080p.BluRay.DTS.x264-DON.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477964.html 【中文名称】 天桥风云全明星 第一季 第七集【影片原名】 Project Runway All Stars【对应版本】 Project Runway All Stars S01E07 1080i HDTV DD2.0 MPEG2【字幕分段】 1段【字幕语种】 简  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 11:30:11 由 zmyapril 发布【更新日期】 2012-02-19 22:42:07 由 zmyapril 更新【下载次数】 457 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：往兮 Asianika 白鹤君 咕叽 奇诺 猫猫狸 校对：断电 阿曦 时间轴：风儿的孽湿怡儿 小树 特效&压制：zzzyusa 总监：四月 ========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 debug@yyets.net -==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Project Runway All Stars S01E07 1080i HDTV DD2.0 MPEG2.rar迅雷下载：本地下载：Project Runway All Stars S01E07 1080i HDTV DD2.0 MPEG2.rar传统下载：Project Runway All Stars S01E07 1080i HDTV DD2.0 MPEG2.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477961.html 【中文名称】 绝望的主妇 第八季第十四集【影片原名】 Desperate Housewives【对应版本】 Desperate.Housewives.S08E14.HDTV.XviD-LOL【字幕分段】 0段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  官方原版  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 21:55:36 由 vero1226 发布【更新日期】 2012-02-20 21:57:12 由 vero1226 更新【下载次数】 1265 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：非燕 BF 觉棂 燕窝 娜姬雅 牛牛 基恩的时间 校对：vero 燕窝 基恩的时间时间轴：贝壳 子衿后期&特效：瓜瓜 总监：vero========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Desperate.Housewives.S08E14.HDTV.XviD-LOL.rar迅雷下载：本地下载：Desperate.Housewives.S08E14.HDTV.XviD-LOL.rar传统下载：Desperate.Housewives.S08E14.HDTV.XviD-LOL.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477962.html 【中文名称】 神圣的怪物们【影片原名】 【对应版本】 Seinaru.Kaibutsutachi.E05.720p.HDTV.x264.AAC-YYeTs【字幕分段】 1段【字幕语种】 简  繁  日  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 13:52:58 由 l3ob 发布【更新日期】 2012-02-19 13:52:58 由 l3ob 更新【下载次数】 72 次【其他说明】片源：玉宝翻译：朵拉 六六 yuli校对：cath时间轴：土豆泥后期：鱼骨头总监：cath正在载入请耐心等待…快车下载：Seinaru.Kaibutsutachi.E05.720p.HDTV.x264.AAC-YYeTs.zip迅雷下载：本地下载：Seinaru.Kaibutsutachi.E05.720p.HDTV.x264.AAC-YYeTs.zip传统下载：Seinaru.Kaibutsutachi.E05.720p.HDTV.x264.AAC-YYeTs.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477959.html 【中文名称】 《雨果》(Hugo)Hugo 2011 720p BluRay X264-AMIABLE[720P]【影片原名】 《雨果》(Hugo)Hugo 2011 720p BluRay X264-AMIABLE[720P]【对应版本】 Hugo.2011.720p.BluRay.X264-AMIABLE.mkv【字幕分段】 0段【字幕语种】 繁  中英  【字幕来源】 校正调整  转载  【字幕格式】 SRT  【发布日期】 2012-02-19 16:43:04 由 maverickip 发布【更新日期】 2012-02-22 02:22:15 由 maverickip 更新【下载次数】 5671 次【其他说明】正在载入请耐心等待…快车下载：Hugo.2011.720p.BluRay.X264-AMIABLE.rar迅雷下载：本地下载：Hugo.2011.720p.BluRay.X264-AMIABLE.rar传统下载：Hugo.2011.720p.BluRay.X264-AMIABLE.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477960.html 【中文名称】 美少女的谎言 第二季第二十一集[普版&720共轴]【影片原名】 美少女的谎言 Pretty little liars【对应版本】 Pretty.Little.Liars.S02E21.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 20:08:43 由 爱吃屎的鱼 发布【更新日期】 2012-02-21 20:14:11 由 爱吃屎的鱼 更新【下载次数】 541 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：往兮 燕窝 发芽的土豆 TanKnoX V羊羊 某羽校对：喵记 兔小跳时间轴：菜六水 暗寒后期：ghost总监：爱吃苹果的鱼========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 yyets.debug@foxmail.com-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Pretty.Little.Liars.S02E21.HDTV.XviD-LOL.rar迅雷下载：本地下载：Pretty.Little.Liars.S02E21.HDTV.XviD-LOL.rar传统下载：Pretty.Little.Liars.S02E21.HDTV.XviD-LOL.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:02 http://www.10bu.com/download/zimu/zimu477957.html 【中文名称】 恶魔岛 第一季 第六集【影片原名】 Alcatraz【对应版本】 Alcatraz.S01E06.720p.WEB-DL.DD5.1.H.264-KiNGS【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 21:59:16 由 流刃卐 【中文名称】 恶魔岛 第一季 第六集【影片原名】 Alcatraz【对应版本】 Alcatraz.S01E06.720p.WEB-DL.DD5.1.H.264-KiNGS【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 21:59:16 由 流刃卐若火 发布【更新日期】 2012-02-19 21:59:36 由 流刃卐若火 更新【下载次数】 233 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：冰蓝 奇诺 solarbear 燕窝 小样八样 MythCreator校对：小样八样 冰蓝 燕窝时间轴：搁浅 小雨后期&特效：MythCreator总监：小样八样 ========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 debug@yyets.net -==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Alcatraz.S01E06.720p.WEB-DL.DD5.1.H.264-KiNGS.rar迅雷下载：本地下载：Alcatraz.S01E06.720p.WEB-DL.DD5.1.H.264-KiNGS.rar传统下载：Alcatraz.S01E06.720p.WEB-DL.DD5.1.H.264-KiNGS.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477958.html 【中文名称】 铁皮鼓【影片原名】 Die Blechtrommel【对应版本】 Die.Blechtrommel.1979.dc.720-hd4u【字幕分段】 1段【字幕语种】 简 【字幕来源】 校正调整 转载 全面修正 全面调整 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 22:11:29 由 lchaos 发布 【中文名称】 铁皮鼓【影片原名】 Die Blechtrommel【对应版本】 Die.Blechtrommel.1979.dc.720-hd4u【字幕分段】 1段【字幕语种】 简  【字幕来源】 校正调整  转载  全面修正  全面调整  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 22:11:29 由 lchaos 发布【更新日期】 2012-02-21 22:11:29 由 lchaos 更新【下载次数】 8 次【其他说明】字幕来源于互联网时间抽：LCHAOS正在载入请耐心等待…快车下载：Die.Blechtrommel.1979.dc.720-hd4u.zip迅雷下载：本地下载：Die.Blechtrommel.1979.dc.720-hd4u.zip传统下载：Die.Blechtrommel.1979.dc.720-hd4u.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477956.html 【中文名称】 犯罪现场调查 第十二季 第十四集[lolnbsp; 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 02:41:02 由 cam小池 发布【更新日期】 2012-02-21 02:41:02 由 cam小池 更新【下载次数】 77 次【其他说明】 ===== 【中文名称】 犯罪现场调查 第十二季 第十四集[lol&720P共轴]【影片原名】 Crime Scene Investigation【对应版本】 CSI.S12E14.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 02:41:02 由 cam小池 发布【更新日期】 2012-02-21 02:41:02 由 cam小池 更新【下载次数】 77 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：艾窝窝 旺妹 愣兔子 寄居蟹 婷宝 紫杉校对：cam小池时间轴：好油油 盟 skytrails 贝贝呢后期&特效：瓜瓜 果核总监：cam小池========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：CSI.S12E14.HDTV.XviD-LOL.zip迅雷下载：本地下载：CSI.S12E14.HDTV.XviD-LOL.zip传统下载：CSI.S12E14.HDTV.XviD-LOL.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477955.html 【中文名称】 傲骨贤妻第三季第15集【影片原名】 The Good Wife S03E15【对应版本】 The.Good.Wife.S03E15.HDTV.XviD-LO【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 22:59:53 由 笑矣乎 【中文名称】 傲骨贤妻第三季第15集【影片原名】 The Good Wife S03E15【对应版本】 The.Good.Wife.S03E15.HDTV.XviD-LO【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 22:59:53 由 笑矣乎 发布【更新日期】 2012-02-21 22:59:53 由 笑矣乎 更新【下载次数】 235 次【其他说明】翻译：冰卡 月月 金翠 某羽 媛媛 慢慢轴人：Angelica Woo 校对：金翠后期：好油油 总监：笑矣乎 vivacola正在载入请耐心等待…快车下载：The.Good.Wife.S03E15.HDTV.XviD-LO.rar迅雷下载：本地下载：The.Good.Wife.S03E15.HDTV.XviD-LO.rar传统下载：The.Good.Wife.S03E15.HDTV.XviD-LO.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477953.html 【中文名称】 改编剧本【影片原名】 Adaptation【对应版本】 Adaptation.2002.720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 中英 【字幕来源】 转载 轻度修正 轻微调整 【字幕格式】 ASS 【发布日期】 2012-02-22 09:40:09 由 palinex 发布【更新日 【中文名称】 改编剧本【影片原名】 Adaptation【对应版本】 Adaptation.2002.720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 中英  【字幕来源】 转载  轻度修正  轻微调整  【字幕格式】 ASS  【发布日期】 2012-02-22 09:40:09 由 palinex 发布【更新日期】 2012-02-22 09:40:09 由 palinex 更新【下载次数】 24 次【其他说明】合成+后期：palinex正在载入请耐心等待…快车下载：Adaptation.2002.改编剧本.双语字幕.HR-HDTV.AC3.1024x544.x264-人人影视制作.rar迅雷下载：本地下载：Adaptation.2002.改编剧本.双语字幕.HR-HDTV.AC3.1024x544.x264-人人影视制作.rar传统下载：Adaptation.2002.改编剧本.双语字幕.HR-HDTV.AC3.1024x544.x264-人人影视制作.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477954.html 【中文名称】 极速前进 第二十季 第一集 [精校版]【影片原名】 The Amazing Race【对应版本】 The.Amazing.Race.S20E01.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 17:45 【中文名称】 极速前进 第二十季 第一集 [精校版]【影片原名】 The Amazing Race【对应版本】 The.Amazing.Race.S20E01.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 17:45:30 由 best1fan 发布【更新日期】 2012-02-21 17:47:08 由 best1fan 更新【下载次数】 398 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：Asianika 阿曦 草莓花 cjames DayDreaming时间轴：草鱼禾生 Remember校对：草莓花 阿曦 BF后期&特效：孤帆 BF总监：BF========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：The.Amazing.Race.S20E01.720p.HDTV.X264-DIMENSION.rar迅雷下载：本地下载：The.Amazing.Race.S20E01.720p.HDTV.X264-DIMENSION.rar传统下载：The.Amazing.Race.S20E01.720p.HDTV.X264-DIMENSION.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477952.html 【中文名称】 飞行战士：红旗演习【影片原名】 飞行战士：红旗演习【对应版本】 【字幕分段】 0段【字幕语种】 简 【字幕来源】 转载 【字幕格式】 SRT 【发布日期】 2012-02-21 19:30:08 由 bennychang 发布【更新日期】 2012-02-21 19:30:08 由 bennychang 【中文名称】 飞行战士：红旗演习【影片原名】 飞行战士：红旗演习【对应版本】 【字幕分段】 0段【字幕语种】 简  【字幕来源】 转载  【字幕格式】 SRT  【发布日期】 2012-02-21 19:30:08 由 bennychang 发布【更新日期】 2012-02-21 19:30:08 由 bennychang 更新【下载次数】 5 次【其他说明】正在载入请耐心等待…快车下载：飞行战士：红旗演习 - Fighter Pilot：Operation Red Flag(2004).rar迅雷下载：本地下载：飞行战士：红旗演习 - Fighter Pilot：Operation Red Flag(2004).rar传统下载：飞行战士：红旗演习 - Fighter Pilot：Operation Red Flag(2004).rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477951.html 【中文名称】 恶魔岛 第一季 第七集【影片原名】 Alcatraz【对应版本】 Alcatraz.S01E07.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 21:25:03 由 流刃卐若火 发布【更新日期】 201 【中文名称】 恶魔岛 第一季 第七集【影片原名】 Alcatraz【对应版本】 Alcatraz.S01E07.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】   【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 21:25:03 由 流刃卐若火 发布【更新日期】 2012-02-21 21:25:51 由 流刃卐若火 更新【下载次数】 1173 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：冰蓝 奇诺 点点点 燕窝 小样八样 MythCreator校对：冰蓝 燕窝时间轴：贝壳 冰蓝后期&特效：MythCreator总监：小样八样 ========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 debug@yyets.net -==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：alcatraz.107.hdtv-lol.rar迅雷下载：本地下载：alcatraz.107.hdtv-lol.rar传统下载：alcatraz.107.hdtv-lol.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477950.html 【中文名称】 美国之声 第二季 第四集 [初版]【影片原名】 The Voice Season 2【对应版本】 the.voice.s02e04.hdtv.xvid-2hd【字幕分段】 1段【字幕语种】 简 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 21:01:07 由 best1fan 发布 【中文名称】 美国之声 第二季 第四集 [初版]【影片原名】 The Voice Season 2【对应版本】 the.voice.s02e04.hdtv.xvid-2hd【字幕分段】 1段【字幕语种】 简  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 21:01:07 由 best1fan 发布【更新日期】 2012-02-21 23:39:13 由 best1fan 更新【下载次数】 559 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：山缪 NoNopig Year cherrychenwang 胡好时 sophycc midi-chlorian Charlotte MythCreator Josie 送小孩时间轴：子衿 Remember 凌晨 迟迟校对：馒头 猪猪 Asianika BF后期&特效：Penny BF总监：BF========== YYeTs人人影视 倾情奉献 ========== 字正在载入请耐心等待…快车下载：the.voice.s02e04.hdtv.xvid-2hd.rar迅雷下载：本地下载：the.voice.s02e04.hdtv.xvid-2hd.rar传统下载：the.voice.s02e04.hdtv.xvid-2hd.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477949.html 【中文名称】 桃色案件【影片原名】 Anatomy Of A Murder【对应版本】 Anatomy.Of.A.Murder.1959.720-hd4u【字幕分段】 1段【字幕语种】 中英 【字幕来源】 校正调整 转载 轻度修正 【字幕格式】 SRT ASS 【发布日期】 2012-02-18 22:18:03 由 lchaos 发布【 【中文名称】 桃色案件【影片原名】 Anatomy Of A Murder【对应版本】 Anatomy.Of.A.Murder.1959.720-hd4u【字幕分段】 1段【字幕语种】 中英  【字幕来源】 校正调整  转载  轻度修正  【字幕格式】 SRT  ASS  【发布日期】 2012-02-18 22:18:03 由 lchaos 发布【更新日期】 2012-02-20 04:14:18 由 lchaos 更新【下载次数】 26 次【其他说明】字幕来源: 疯狂弥天大幌 后期压制: LCHAOS正在载入请耐心等待…快车下载：anatomy.of.a.murder.1959.720-hd4u.zip迅雷下载：本地下载：anatomy.of.a.murder.1959.720-hd4u.zip传统下载：anatomy.of.a.murder.1959.720-hd4u.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477948.html 【中文名称】 秘社 第一季第十五集【精校字幕eng【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 16:13:29 由 applexia0907 发布【更新日期】 2012-02-20 16:13:55 由 applexia0907 更新【 【中文名称】 秘社 第一季第十五集【精校字幕&720P WEB版】【影片原名】 【对应版本】 The.Secret.Circle.S01E15.720p.WEB-DL.DD5.1.H.264-KiNGS.chs&eng【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 16:13:29 由 applexia0907 发布【更新日期】 2012-02-20 16:13:55 由 applexia0907 更新【下载次数】 184 次【其他说明】秘社115集：=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译:杰克囧斯 小样八样 某羽 Luna_3 攸小牛 芝小士 初校：小样八样 某羽 苹果精校：士也瓜时间轴：萌 草鱼禾生后期：冰河总监：苹果========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 yyets.debug@foxmail.com-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：The.Secret.Circle.S01E15.720p.WEB-DL.DD5.1.H.264-KiNGS.chs&eng.zip迅雷下载：本地下载：The.Secret.Circle.S01E15.720p.WEB-DL.DD5.1.H.264-KiNGS.chs&eng.zip传统下载：The.Secret.Circle.S01E15.720p.WEB-DL.DD5.1.H.264-KiNGS.chs&eng.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477947.html 【中文名称】 头号公敌 下【影片原名】 《头号公敌 下》(Mesrine Part 2 L'ennemi public n°1)【对应版本】 720p.BluRay.DTS【字幕分段】 1段【字幕语种】 简 繁 【字幕来源】 全面调整 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 09:14:23 由 beenoera 【中文名称】 头号公敌 下【影片原名】 《头号公敌 下》(Mesrine Part 2 L'ennemi public n°1)【对应版本】 720p.BluRay.DTS【字幕分段】 1段【字幕语种】 简  繁  【字幕来源】 全面调整  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 09:14:23 由 beenoera 发布【更新日期】 2012-02-19 09:14:23 由 beenoera 更新【下载次数】 112 次【其他说明】字幕来源：网络字幕修正：beenoera正在载入请耐心等待…快车下载：Mesrine.L'Ennemi.Public.No1.2008.720p.BluRay.DTS.zip迅雷下载：本地下载：Mesrine.L'Ennemi.Public.No1.2008.720p.BluRay.DTS.zip传统下载：Mesrine.L'Ennemi.Public.No1.2008.720p.BluRay.DTS.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477945.html 【中文名称】 平清盛【影片原名】 【对应版本】 Tairano.Kiyomori.E07.720p.HDTV.x264.AAC-YYeTs【字幕分段】 1段【字幕语种】 简 繁 日 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 17:05:23 由 l3ob 发布【更新日期】 2012-02-20 【中文名称】 平清盛【影片原名】 【对应版本】 Tairano.Kiyomori.E07.720p.HDTV.x264.AAC-YYeTs【字幕分段】 1段【字幕语种】 简  繁  日  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 17:05:23 由 l3ob 发布【更新日期】 2012-02-20 17:05:23 由 l3ob 更新【下载次数】 197 次【其他说明】片源：玉宝翻译：饭野直树 syou 桃子校对：Pachacutec时间轴：土豆泥后期：鱼骨头总监：Pachacutec正在载入请耐心等待…快车下载：Tairano.Kiyomori.E07.720p.HDTV.x264.AAC-YYeTs.zip迅雷下载：本地下载：Tairano.Kiyomori.E07.720p.HDTV.x264.AAC-YYeTs.zip传统下载：Tairano.Kiyomori.E07.720p.HDTV.x264.AAC-YYeTs.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477946.html 【中文名称】 特效化妆师大对决 第二季第六集【影片原名】 Face Off Season 2【对应版本】 face.off.s02e06.hdtv.xvid-fqm.【字幕分段】 1段【字幕语种】 简 【字幕来源】 原创翻译 【字幕格式】 ASS 【发布日期】 2012-02-18 20:28:27 由 AsleepOrDead 发布 【中文名称】 特效化妆师大对决 第二季第六集【影片原名】 Face Off Season 2【对应版本】 face.off.s02e06.hdtv.xvid-fqm.【字幕分段】 1段【字幕语种】 简  【字幕来源】 原创翻译  【字幕格式】 ASS  【发布日期】 2012-02-18 20:28:27 由 AsleepOrDead 发布【更新日期】 2012-02-18 20:28:39 由 AsleepOrDead 更新【下载次数】 433 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：DayDreaming 白鹤君 饿得慌 雪 Year校对：Briar 阿曦轴： JimmyBeck 小萌后期：瓜瓜总监：傅莉迪 四月========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：face.off.s02e06.hdtv.xvid-fqm..zip迅雷下载：本地下载：face.off.s02e06.hdtv.xvid-fqm..zip传统下载：face.off.s02e06.hdtv.xvid-fqm..zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477943.html 【中文名称】 高楼大劫案【影片原名】 《高楼大劫案》（Tower Heist）【对应版本】 720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 转载 全面调整 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 12:55:41 由 beenoera 发 【中文名称】 高楼大劫案【影片原名】 《高楼大劫案》（Tower Heist）【对应版本】 720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 转载  全面调整  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 12:55:41 由 beenoera 发布【更新日期】 2012-02-19 12:55:41 由 beenoera 更新【下载次数】 1682 次【其他说明】字幕来源：xtr3mz字幕修正：beenoera正在载入请耐心等待…快车下载：Tower.Heist.2011.720p.BluRay.zip迅雷下载：本地下载：Tower.Heist.2011.720p.BluRay.zip传统下载：Tower.Heist.2011.720p.BluRay.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477944.html 【中文名称】 斯巴达克斯：复仇 第二季第四集[HDTV+720P共轴]【影片原名】 Spartacus: Vengeance【对应版本】 spartacus.204.hdtv.xvid-sys + Spartacus.S02E04.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【中文名称】 斯巴达克斯：复仇 第二季第四集[HDTV+720P共轴]【影片原名】 Spartacus: Vengeance【对应版本】 spartacus.204.hdtv.xvid-sys + Spartacus.S02E04.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-18 21:05:29 由 AstiNus 发布【更新日期】 2012-02-19 23:14:55 由 AstiNus 更新【下载次数】 15192 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：小样八样 觉棂 猪猪 血沙阳 泰斯校对：泰斯·雪诺时间轴：宠物喵 盟后期&特效：@叶煦总监制：泰斯·雪诺========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Spartacus.S02E04.720p+HDTV.rar迅雷下载：本地下载：Spartacus.S02E04.720p+HDTV.rar传统下载：Spartacus.S02E04.720p+HDTV.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477941.html 【中文名称】 斯巴达克斯：复仇 第二季第四集 泄露版【影片原名】 Spartacus: Vengeance【对应版本】 Spartacus.S02E04.720p.PreAir.NORSUB.WEB-DL.NDL【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 【中文名称】 斯巴达克斯：复仇 第二季第四集 泄露版【影片原名】 Spartacus: Vengeance【对应版本】 Spartacus.S02E04.720p.PreAir.NORSUB.WEB-DL.NDL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-18 22:30:12 由 AstiNus 发布【更新日期】 2012-02-19 23:16:16 由 AstiNus 更新【下载次数】 3880 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：小样八样 觉棂 猪猪 血沙阳 泰斯校对：泰斯·雪诺时间轴：宠物喵 盟后期&特效：@叶煦总监制：泰斯·雪诺========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Spartacus.S02E04.720p.PreAir.NORSUB.WEB-DL.NDL.rar迅雷下载：本地下载：Spartacus.S02E04.720p.PreAir.NORSUB.WEB-DL.NDL.rar传统下载：Spartacus.S02E04.720p.PreAir.NORSUB.WEB-DL.NDL.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477942.html 【中文名称】 猫鼠游戏 第三季 第十三集 [LOL版]【影片原名】 White Collar 猫鼠游戏【对应版本】 White.Collar.S03E13.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 20:50 【中文名称】 猫鼠游戏 第三季 第十三集 [LOL版]【影片原名】 White Collar 猫鼠游戏【对应版本】 White.Collar.S03E13.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 20:50:19 由 Cesc.Dexter 发布【更新日期】 2012-02-20 20:51:12 由 Cesc.Dexter 更新【下载次数】 283 次【其他说明】正在载入请耐心等待…快车下载：White.Collar.S03E13.HDTV.XviD-LOL.rar迅雷下载：本地下载：White.Collar.S03E13.HDTV.XviD-LOL.rar传统下载：White.Collar.S03E13.HDTV.XviD-LOL.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477939.html 【中文名称】 猫鼠游戏 第三季 第十四集 [LOL版]【影片原名】 White Collar 猫鼠游戏【对应版本】 white.collar.314.hdtv-lol【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 20:53:15 由 C 【中文名称】 猫鼠游戏 第三季 第十四集 [LOL版]【影片原名】 White Collar 猫鼠游戏【对应版本】 white.collar.314.hdtv-lol【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 20:53:15 由 Cesc.Dexter 发布【更新日期】 2012-02-20 20:55:52 由 Cesc.Dexter 更新【下载次数】 341 次【其他说明】正在载入请耐心等待…快车下载：white.collar.314.hdtv-lol.rar迅雷下载：本地下载：white.collar.314.hdtv-lol.rar传统下载：white.collar.314.hdtv-lol.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477940.html 【中文名称】 歪星撞地球 第四季 第十七集【影片原名】 3rd Rock from the Sun【对应版本】 4e17-Y2DicK【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 14:31:29 由 l3ob 发布【更新日期】 【中文名称】 歪星撞地球 第四季 第十七集【影片原名】 3rd Rock from the Sun【对应版本】 4e17-Y2DicK【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 14:31:29 由 l3ob 发布【更新日期】 2012-02-19 14:31:29 由 l3ob 更新【下载次数】 6 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：玫瑰糖校对：顾异时间轴：独醉后期：鱼骨头总监：独醉========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：4e17-Y2DicK.zip迅雷下载：本地下载：4e17-Y2DicK.zip传统下载：4e17-Y2DicK.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477938.html 【中文名称】 雨果【影片原名】 Hugo【对应版本】 雨果 Hugo.2011.720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 简 英 【字幕来源】 转载 【字幕格式】 SRT 【发布日期】 2012-02-19 12:51:23 由 markhoo 发布【更新日期】 2012-02-19 12:51:23 由 【中文名称】 雨果【影片原名】 Hugo【对应版本】 雨果 Hugo.2011.720p.BluRay.X264-AMIABLE【字幕分段】 1段【字幕语种】 简  英  【字幕来源】 转载  【字幕格式】 SRT  【发布日期】 2012-02-19 12:51:23 由 markhoo 发布【更新日期】 2012-02-19 12:51:23 由 markhoo 更新【下载次数】 5463 次【其他说明】射手网转来的，让朋友早点看到字幕。精校版本，测试完全对的上，下载直接可用。正在载入请耐心等待…快车下载：Hugo_2011_720p_BluRay_X264_AMIABLE.zip迅雷下载：本地下载：Hugo_2011_720p_BluRay_X264_AMIABLE.zip传统下载：Hugo_2011_720p_BluRay_X264_AMIABLE.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477936.html 【中文名称】 尼基塔 第二季第十五集【影片原名】 Nikita【对应版本】 nikita.s02e15.720p.hdtv.x264-2hd【字幕分段】 1段【字幕语种】 中英 【字幕来源】 校正调整 转载 全面修正 【字幕格式】 ASS 【发布日期】 2012-02-20 22:37:19 由 foreverzhou 发布【 【中文名称】 尼基塔 第二季第十五集【影片原名】 Nikita【对应版本】 nikita.s02e15.720p.hdtv.x264-2hd【字幕分段】 1段【字幕语种】 中英  【字幕来源】 校正调整  转载  全面修正  【字幕格式】 ASS  【发布日期】 2012-02-20 22:37:19 由 foreverzhou 发布【更新日期】 2012-02-20 22:37:19 由 foreverzhou 更新【下载次数】 207 次【其他说明】由 爱吃屎的鱼 发布的Nikita.S02E15.HDTV.XviD-ASAP字幕根据720p版本调整时间轴。版权归原作者所有。正在载入请耐心等待…快车下载：nikita.s02e15.720p.hdtv.x264-2hd.rar迅雷下载：本地下载：nikita.s02e15.720p.hdtv.x264-2hd.rar传统下载：nikita.s02e15.720p.hdtv.x264-2hd.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477937.html 【中文名称】 迷离档案 第四季 第十三集【720+WEB】【影片原名】 Fringe【对应版本】 Fringe.S04E13.720p.HDTV.X264-DIMENSION;Fringe.S04E13.720p.WEB-DL.DD5.1.H.264-NTb【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SR 【中文名称】 迷离档案 第四季 第十三集【720+WEB】【影片原名】 Fringe【对应版本】 Fringe.S04E13.720p.HDTV.X264-DIMENSION;Fringe.S04E13.720p.WEB-DL.DD5.1.H.264-NTb【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 22:45:07 由 LyraL 发布【更新日期】 2012-02-19 22:45:26 由 LyraL 更新【下载次数】 482 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：albotscorpy 尼克白 点点点 小黑 Lyra 费列罗西瓜校对：Lyra zlean时间轴：小萌 菜六水特效：灰灰是菇凉后期：青衣总监：Lyra========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Fringe.S04E13.720p.zip迅雷下载：本地下载：Fringe.S04E13.720p.zip传统下载：Fringe.S04E13.720p.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477935.html 【中文名称】 谋杀 第一季 第十一集 BD版【影片原名】 【对应版本】 the.killing.s01e11.720p.bluray.x264-shunpo【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 18:54:30 由 飞。飞 发布 【中文名称】 谋杀 第一季 第十一集 BD版【影片原名】 【对应版本】 the.killing.s01e11.720p.bluray.x264-shunpo【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 18:54:30 由 飞。飞 发布【更新日期】 2012-02-20 18:54:30 由 飞。飞 更新【下载次数】 39 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：旺妹 猫中之王 反光镜 威廉 油炸电风扇 基恩的时间时间轴：小样八样特效&后期：灰灰是菇凉精校：Ethan-泽生校对&总监：坏疍小泡========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：the.killing.s01e11.720p.bluray.x264-shunpo.zip迅雷下载：本地下载：the.killing.s01e11.720p.bluray.x264-shunpo.zip传统下载：the.killing.s01e11.720p.bluray.x264-shunpo.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477933.html 【中文名称】 疯狂车迷大本营 / 顶级齿轮,高【影片原名】 Top Gear S18E04【对应版本】 【字幕分段】 0段【字幕语种】 简 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT 【发布日期】 2012-02-20 23:08:00 由 清野过客 发布【更新日期】 2012-02-20 23:09: 【中文名称】 疯狂车迷大本营 / 顶级齿轮,高【影片原名】 Top Gear S18E04【对应版本】 【字幕分段】 0段【字幕语种】 简  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  【发布日期】 2012-02-20 23:08:00 由 清野过客 发布【更新日期】 2012-02-20 23:09:45 由 清野过客 更新【下载次数】 124 次【其他说明】Top Gear 第18季 第4集字幕制作: 百度TopGear吧字幕组翻译:吃烧饼不掉芝麻 derekdi校对:清野过客 吃烧饼不掉芝麻正在载入请耐心等待…快车下载：Top Gear -TG_BAR_SUBTILES [18x04] - 2012.02.19 [FoV].zip迅雷下载：本地下载：Top Gear -TG_BAR_SUBTILES [18x04] - 2012.02.19 [FoV].zip传统下载：Top Gear -TG_BAR_SUBTILES [18x04] - 2012.02.19 [FoV].zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477934.html 【中文名称】 实习医生格蕾第八季第十五集[普版，与720p同轴]【影片原名】 Grey's Anatomy【对应版本】 Greys.Anatomy.S08E15.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 【中文名称】 实习医生格蕾第八季第十五集[普版，与720p同轴]【影片原名】 Grey's Anatomy【对应版本】 Greys.Anatomy.S08E15.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 13:32:30 由 xw891031 发布【更新日期】 2012-02-19 13:32:30 由 xw891031 更新【下载次数】 423 次【其他说明】翻译：Albotscorpy 喵记 小蛮腰 山缪 月月 酱油叶子猫 小shy时间轴：好油油 奈奈良 今 酱油美人顾问：Chyler 50cent Genome2K校对：MADD爱兔兔后期：Ghost 青衣总监：MADD爱兔兔正在载入请耐心等待…快车下载：Greys.Anatomy.S08E15.HDTV.XviD-LOL.rar迅雷下载：本地下载：Greys.Anatomy.S08E15.HDTV.XviD-LOL.rar传统下载：Greys.Anatomy.S08E15.HDTV.XviD-LOL.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477931.html 【中文名称】 歪星撞地球 第四季 第十八集【影片原名】 3rd Rock from the Sun【对应版本】 4e18-Dick 'The Mouth' Solomon【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-19 14:32:57 由 l3o 【中文名称】 歪星撞地球 第四季 第十八集【影片原名】 3rd Rock from the Sun【对应版本】 4e18-Dick 'The Mouth' Solomon【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-19 14:32:57 由 l3ob 发布【更新日期】 2012-02-19 14:32:57 由 l3ob 更新【下载次数】 10 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：顾异校对：独醉时间轴：独醉后期：鱼骨头总监：独醉========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：4e18-Dick 'The Mouth' Solomon.zip迅雷下载：本地下载：4e18-Dick 'The Mouth' Solomon.zip传统下载：4e18-Dick 'The Mouth' Solomon.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477932.html 【中文名称】 英雄不流泪【影片原名】 3 Days Of The Condor【对应版本】 3.Days.Of.The.Condor.1975.720p.BluRay.x264-PFa【字幕分段】 1段【字幕语种】 中英 【字幕来源】 校正调整 转载 全面修正 全面调整 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 2 【中文名称】 英雄不流泪【影片原名】 3 Days Of The Condor【对应版本】 3.Days.Of.The.Condor.1975.720p.BluRay.x264-PFa【字幕分段】 1段【字幕语种】 中英  【字幕来源】 校正调整  转载  全面修正  全面调整  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 20:16:22 由 lchaos 发布【更新日期】 2012-02-20 20:16:22 由 lchaos 更新【下载次数】 32 次【其他说明】字幕来源射手网，感谢blueliongb听译相关片段！正在载入请耐心等待…快车下载：3.Days.Of.The.Condor.1975.720p.BluRay.x264-PFa.zip迅雷下载：本地下载：3.Days.Of.The.Condor.1975.720p.BluRay.x264-PFa.zip传统下载：3.Days.Of.The.Condor.1975.720p.BluRay.x264-PFa.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477929.html 【中文名称】 童话镇 第一季第十三集【影片原名】 Once Upon a Time【对应版本】 Once.Upon.a.Time.S01E13.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 21:10:11 由 wdjmhs 发布【 【中文名称】 童话镇 第一季第十三集【影片原名】 Once Upon a Time【对应版本】 Once.Upon.a.Time.S01E13.HDTV.XviD-LOL【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】   【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 21:10:11 由 wdjmhs 发布【更新日期】 2012-02-20 21:10:11 由 wdjmhs 更新【下载次数】 410 次【其他说明】翻译：Josie sakura 牛牛 某羽 胡好时 V羊羊 土豆 BF校对：米苏 wdjmhs 后期：鱼骨头时间轴：单只路 子衿 鱼骨头 总监：wdjmhs正在载入请耐心等待…快车下载：Once.Upon.a.Time.S01E13.HDTV.XviD-LOL.zip迅雷下载：本地下载：Once.Upon.a.Time.S01E13.HDTV.XviD-LOL.zip传统下载：Once.Upon.a.Time.S01E13.HDTV.XviD-LOL.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477930.html 【中文名称】 八卦天后 第五季第十六集【影片原名】 【对应版本】 gossip.girl.516.hdtv-lol.chsnbsp; 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 20:07:26 由 applexia0907 发布【更新日期】 2012-02-21 20:08:56 由 a 【中文名称】 八卦天后 第五季第十六集【影片原名】 【对应版本】 gossip.girl.516.hdtv-lol.chs&eng【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 20:07:26 由 applexia0907 发布【更新日期】 2012-02-21 20:08:56 由 applexia0907 更新【下载次数】 1183 次【其他说明】GG516：=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：攸小牛 白鹤君 红豆包 菜根莫莫 又见菱花 爱是李校对：芒果 bony爱逊逊 苹果时间轴：好油油 涛涛后期：冰河总监：苹果========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 yyets.debug@foxmail.com-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：gossip.girl.516.hdtv-lol.chs&eng.zip迅雷下载：本地下载：gossip.girl.516.hdtv-lol.chs&eng.zip传统下载：gossip.girl.516.hdtv-lol.chs&eng.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477927.html 【中文名称】 老爸老妈浪漫史 第七季第十七集【LOL+720P】【影片原名】 How I Met Your Mother【对应版本】 LOL+720p【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 21:15:20 由 cookie猫 【中文名称】 老爸老妈浪漫史 第七季第十七集【LOL+720P】【影片原名】 How I Met Your Mother【对应版本】 LOL+720p【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 21:15:20 由 cookie猫 发布【更新日期】 2012-02-21 21:16:17 由 cookie猫 更新【下载次数】 492 次【其他说明】翻译：vero 非燕 阿蘅阿蘅 猫中之王校对：YY时间轴：godwuwen正在载入请耐心等待…快车下载：How.I.Met.Your.Mother.S07E17.rar迅雷下载：本地下载：How.I.Met.Your.Mother.S07E17.rar传统下载：How.I.Met.Your.Mother.S07E17.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477928.html 【中文名称】 行尸走肉 第2季第9集【影片原名】 The Walking Dead S02E09【对应版本】 The.Walking.Dead.S02E09.HDTV.XviD-ASAP【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-20 21:16:31 由 【中文名称】 行尸走肉 第2季第9集【影片原名】 The Walking Dead S02E09【对应版本】 The.Walking.Dead.S02E09.HDTV.XviD-ASAP【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-20 21:16:31 由 梁良 发布【更新日期】 2012-02-20 21:16:58 由 梁良 更新【下载次数】 6140 次【其他说明】翻译：木木 蘑菇 Lemony Mec 送小孩时间轴：子衿 小萌 校对：Lemony Mec后期：渔夫 字幕总监制：Lemony正在载入请耐心等待…快车下载：The.Walking.Dead.S02E09.HDTV.XviD-ASAP.zip迅雷下载：本地下载：The.Walking.Dead.S02E09.HDTV.XviD-ASAP.zip传统下载：The.Walking.Dead.S02E09.HDTV.XviD-ASAP.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477926.html 【中文名称】 泛美航空 第一季第十四集[ASAP版本] 本季完【影片原名】 Pan Am【对应版本】 Pan.Am.S01E14.HDTV.XviD-ASAP【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-22 15:38:59 由 bonyi 【中文名称】 泛美航空 第一季第十四集[ASAP版本] 本季完【影片原名】 Pan Am【对应版本】 Pan.Am.S01E14.HDTV.XviD-ASAP【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-22 15:38:59 由 bonyinbony 发布【更新日期】 2012-02-22 15:39:24 由 bonyinbony 更新【下载次数】 65 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：奇诺 二不一 TanKnoX 反光镜Lea Elsye Volvop Ksana校对：Madd Bony 坏疍小泡时间轴：逸苍漂云 子衿 加森 好油油后期&特效：Mythcreator总监：Bony========= YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：Pan.Am.S01E14.HDTV.XviD-ASAP.rar迅雷下载：本地下载：Pan.Am.S01E14.HDTV.XviD-ASAP.rar传统下载：Pan.Am.S01E14.HDTV.XviD-ASAP.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477924.html 【中文名称】 豪斯医生 第八季第十一集【影片原名】 豪斯医生 House【对应版本】 House.S08E11.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 04:31:05 由 zlean 【中文名称】 豪斯医生 第八季第十一集【影片原名】 豪斯医生 House【对应版本】 House.S08E11.720p.HDTV.X264-DIMENSION【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 04:31:05 由 zlean 发布【更新日期】 2012-02-21 04:31:05 由 zlean 更新【下载次数】 60 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：AlbotScorpy 紫玉 月月 allenlovestar 拾六 校对：zlean 时间轴：逸苍漂云 顾问：徐后期&特效：A.PN 总监：zlean ========== YYeTs人人影视 倾情奉献 ========== 字幕纠错交流邮箱 debug@yyets.net -==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：House.S08E11.720p.HDTV.X264-DIMENSION.rar迅雷下载：本地下载：House.S08E11.720p.HDTV.X264-DIMENSION.rar传统下载：House.S08E11.720p.HDTV.X264-DIMENSION.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477925.html 【中文名称】 灵书妙探 第四季第16集[LOLnbsp; 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 22:52:38 由 bisonzhu 发布【更新日期】 2012-02-21 22:53:10 由 bisonzhu 更新【下载次数】 583 次【其他说明】 =====本字幕 【中文名称】 灵书妙探 第四季第16集[LOL&720P共轴]【影片原名】 Castle S04E16【对应版本】 castle.2009.416.hdtv-lol【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 22:52:38 由 bisonzhu 发布【更新日期】 2012-02-21 22:53:10 由 bisonzhu 更新【下载次数】 583 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：DJ 觉棂 慢慢 sakura 一不二 midichlorian sel耀靓 小蛮腰校对：大卫熊 草草时间轴：子衿 玖月 remember后期：瓜瓜总监：瓜瓜========== YYeTs人人影视 倾情奉献 ==========字幕纠错交流邮箱 debug@yyets.net-==我们的宗旨：分享，学习，进步==-正在载入请耐心等待…快车下载：castle.2009.416.hdtv-lol.rar迅雷下载：本地下载：castle.2009.416.hdtv-lol.rar传统下载：castle.2009.416.hdtv-lol.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477922.html 【中文名称】 好汉两个半 第九季第六集【LOL+720P共轴 】【影片原名】 Two And a Half Men【对应版本】 LOL+720p【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 21:21:10 由 cookie猫 发布 【中文名称】 好汉两个半 第九季第六集【LOL+720P共轴 】【影片原名】 Two And a Half Men【对应版本】 LOL+720p【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 21:21:10 由 cookie猫 发布【更新日期】 2012-02-21 21:21:55 由 cookie猫 更新【下载次数】 374 次【其他说明】翻译：Tina 雨亦奇 Holyzch 独醉校对：Holyzch时间轴：YY正在载入请耐心等待…快车下载：two.and.a.half.men.917.rar迅雷下载：本地下载：two.and.a.half.men.917.rar传统下载：two.and.a.half.men.917.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477923.html 【中文名称】 我欲为人 美版 第二季 第六集【影片原名】 Being Human US【对应版本】 being.human.us.s02e06.hdtv.xvid-fqm【字幕分段】 1段【字幕语种】 简 繁 英 中英 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-22 17:14:56 由 b61 【中文名称】 我欲为人 美版 第二季 第六集【影片原名】 Being Human US【对应版本】 being.human.us.s02e06.hdtv.xvid-fqm【字幕分段】 1段【字幕语种】 简  繁  英  中英  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-22 17:14:56 由 b612lily 发布【更新日期】 2012-02-22 17:15:43 由 b612lily 更新【下载次数】 71 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献======翻译：撒卡利亚斯 呜哇喔 不要叫我马维斯 小樱桃 大米饭 媛媛校对：饿得慌时间轴：深夏桃子 sumenq 今后期：孤帆总监：饿得慌========== YYeTs人人影视 倾情奉献 ==========正在载入请耐心等待…快车下载：being.human.us.s02e06.hdtv.xvid-fqm.zip迅雷下载：本地下载：being.human.us.s02e06.hdtv.xvid-fqm.zip传统下载：being.human.us.s02e06.hdtv.xvid-fqm.zip(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477921.html 【中文名称】 美国之声 第二季 第四集 [精校共轴版]【影片原名】 The Voice Season 2【对应版本】 the.voice.s02e04.720p.hdtv.x264-2hd【字幕分段】 1段【字幕语种】 简 【字幕来源】 原创翻译 【字幕格式】 SRT ASS 【发布日期】 2012-02-21 23:34:43 由 be 【中文名称】 美国之声 第二季 第四集 [精校共轴版]【影片原名】 The Voice Season 2【对应版本】 the.voice.s02e04.720p.hdtv.x264-2hd【字幕分段】 1段【字幕语种】 简  【字幕来源】 原创翻译  【字幕格式】 SRT  ASS  【发布日期】 2012-02-21 23:34:43 由 best1fan 发布【更新日期】 2012-02-21 23:35:28 由 best1fan 更新【下载次数】 621 次【其他说明】=====本字幕由以下成员荣誉制作 感谢他们的无私奉献====== 翻译：山缪 NoNopig Year cherrychenwang 胡好时 sophycc midi-chlorian Charlotte MythCreator Josie 送小孩时间轴：子衿 Remember 凌晨 迟迟校对：馒头 猪猪 Asianika BF后期&特效：Penny 孤帆 BF总监：BF========== YYeTs人人影视 倾情奉献 ==========正在载入请耐心等待…快车下载：the.voice.s02e04.720p.hdtv.x264-2hd.rar迅雷下载：本地下载：the.voice.s02e04.720p.hdtv.x264-2hd.rar传统下载：the.voice.s02e04.720p.hdtv.x264-2hd.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/download/zimu/zimu477920.html 【中文名称】 黑夜传说4:觉醒【影片原名】 黑夜传说4:觉醒【对应版本】 Underworld.Awakening.2012.R5.XVID-WBZ[R5]【字幕分段】 1段【字幕语种】 简 【字幕来源】 官方原版 【字幕格式】 SRT 【发布日期】 2012-02-22 16:51:57 由 小团团同学 发布【更新日期 【中文名称】 黑夜传说4:觉醒【影片原名】 黑夜传说4:觉醒【对应版本】 Underworld.Awakening.2012.R5.XVID-WBZ[R5]【字幕分段】 1段【字幕语种】 简  【字幕来源】 官方原版  【字幕格式】 SRT  【发布日期】 2012-02-22 16:51:57 由 小团团同学 发布【更新日期】 2012-02-22 17:33:38 由 小团团同学 更新【下载次数】 245 次【其他说明】在射手上找到的,对应版本是Underworld.Awakening.2012.R5.XVID-WBZ[R5]http://10bu.com/showresource-movie-6078.html正在载入请耐心等待…快车下载：Underworld_Awakening.rar迅雷下载：本地下载：Underworld_Awakening.rar传统下载：Underworld_Awakening.rar(提示：如果您的浏览器下载不了，请使用传统下载方式) 字幕下载 admin 未知 2012-02-22 20:01 http://www.10bu.com/news/other/20120222/477919.html 2011年似乎没有出现像Face-book这样让人惊艳的公司，也没有像团购一样轰轰烈烈的、全民狂欢式的商业 模式，但这并不意味着我们度过了沉寂的一年。近年来商业模式创新的主基调已经基本奠定，即如何在互联网(尤其是移动互联网)主导的世界里发现新的机遇，互 联 2011年似乎没有出现像Face-book这样让人惊艳的公司，也没有像团购一样轰轰烈烈的、全民狂欢式的商业 模式，但这并不意味着我们度过了沉寂的一年。近年来商业模式创新的主基调已经基本奠定，即如何在互联网(尤其是移动互联网)主导的世界里发现新的机遇，互 联网无疑打通了传统商业模式的任督二脉，让商业的模型变得可塑性更强，想象空间更大。无数的公司和创业者在这个基调下发挥自己的想象力，让2011年的商业世界呈现一种遍地开花式的精彩。我们选取的 案例或许并非最成功的，或者最具创意的，但它们可以代表目前商业模式创新的趋势，即如何让这个世界变得更“轻”。亚马逊(微博)通过Kindle整合了电 子书出版业，这不仅使书的物理重量变轻了(几乎可以忽略不计)，而且极大地改变了传统出版业繁琐的流程和对各种资源的占用。手机虚拟钱包Kuapay让支 付变得更轻松，用你的智能手机即可轻松完成付账；1号店(微博)让购物体验变得更轻松，有了这个网上超市，你不再需要大包小包地从小区附近的超市往家扛东 西；Fitbit让医疗保障变得更轻松，你可以随时将自己的身体数据传送给你的医生；SecondMar-ket让股权交易变得更轻松，通过这个平台，你 可以提前变现未到期的股权。这些新的商业模式，有一些是基于传统行业，由于互联网而产生了新的可能性(如亚马逊、1号店等)，有一些是对现有 商业模式的细分和深耕(如深度社交网站Path就是一个与Facebook差异化的社交网站)，但它们无一例外都有一个共同的指向，就是让商业和生活都变 得更加轻松。更轻的世界2005年，在《世界是平的》一书中，弗里德曼将柏林墙的倒塌和个人电脑的风行、互联网、应用软件、开放源代码、 外包、离岸生产、供应链、搜索技术、移动技术描述成“碾平世界的10大动力”。这些因素互相强化，在2000年左右以前所未有的规模和强度汇合在一起，创 造了一个全新的创造性平台，世界上任何地方的个人、组织都可以不受时空和语言 (未来)的限制在这个平台上进行合作。然而，他接着说，新的技术和平坦的世界并不足以大幅度提高劳动生产率。只有当新技术和平台与新的商业模式、管理方式结合，劳动生产率才会出现跃升，而这总是需要时间的，“但我也有一个小小的警告，它进展的速度比你想象得要快得多，而且这是一种全球趋势。”不知在他的预期当中，六年的时间是快还是慢。但是，当仔细检视已过去的2011年的商业图景，试图从中找出最具创 新性的元素时，我们发现，最精彩的故事总和一个词有关：应用——除了狭义上的手机、电脑等智能终端上令人眼花缭乱的“应用程序”，更是新科技开始被“应 用”到一切行业，渗透到人们衣食住行的一切方面，创新者的灵感正被空前地激发。这是否意味着，我们正在目睹着一场“生产力大爆炸”的起点？而爆炸的终点，借用弗里德曼的修辞方式，则是一个更 “轻”的世界。科技的飞速演进正在使人们从地理、时间和体能的物理限制中解脱出来，你周遭的一切都可以被变成数字化、虚拟化，存储在移动设备或“云”中， 你可以随时随地根据个人的需要和喜好获取、传输和控制。某种意义上，科技甚至已经摆脱在既有商业模式中充当工具的从属性角色，而摇身成为新的商业模式本身。在办公室，人 们使用电脑和网络来提升管理和工作的效率，但走出办公室，他们利用移动技术消费和消费技术。商业模式并不神秘，简而言之，就是一份商业计划如何产生收入和 利润。但找一种好的商业模式却很难。幸运的是，对于创业者而言，如今可能是历史上最好的时代，以后也很难再遇上。他们面对的是一场最为深广的革命，作为 “通用科技”，信息和数字技术改变的不是某个单一产业，而是整个人类社会。在每一份精致的商业计划书里，都不会缺少对市场前景的乐观估计：对于一个价值10亿美元的市场来说，1%的份额都是十分诱人的。然而，现在的机会是，如果人类生活的一切细节都可以用新的商业模式重新定义，你还有胆量去想象吗？Path：深度社交Path2为150人Dave　Morin是Path的CEO和联合创始人，他还是许多初创公司的投资人和顾问。在创立Path之前， 他参与了Facebook　Connect平台的发布。有人说正是因为在Facebook工作过的背景，使得Dave　Morin更清楚Facebook 的弊端，从而有可能再造一个完全不同的社交网络。Path称自己为“私人网络”，用户最多只能设置50个朋友，基于电子邮件地址和电话号码(而不是用户的公共数据 库)分享照片，具有较强的私密性，可以减轻用户对与陌生人分享照片的担心。相对于其他流行社交网站和应用而言，Path可以说是背道而驰：它没有“关注” 和“朋友”系统，与你在Facebook上的体验大不相同。最近发布的Path2更为精细，除了记录照片和视频，它还提供记录用户的想法，用户听过的音 乐、去过的地方、遇到的人，以及作息时间等功能，你可以记载自己一天里的每个瞬间。在一方面，Path比Facebook更加深入、更加细致。Path的逻辑是，社交网络里的大部分好友只是网友，只有少部分甚至极少部分人进入我们真正的生活，“好友”们和 你的关系远近和对你的价值程度是不同的，Path从一开始就意识到这个问题，并且提供了解决方案：你的社交网络里最多只能有50个人(Path2为150 人)，并且和他们分享自己真实的点点滴滴的生活。基于此而建立的社交网络活跃度、粘性以及用户之间的互动无疑会大大提高。亚马逊Kindle：传统图书业颠覆者去年一年，科技圈风头最劲的人物要属亚马逊CEO杰弗里·贝佐斯(Jeffrey　Bezos)，上个月，他被美 国知名财经网站MarketWatch评为2011年最佳CEO；2010年，苹果时任CEO史蒂夫·乔布斯(Steve　Jobs)被该网站评为十年来 最佳CEO。如今，后者的溘然长逝已让苹果公司的前景蒙上阴影，而就在他去世的前一周，前者推出了更具挑战者色彩的Kindle　Fire。美国《商业周刊》撰文称，通过Kindle阅读器，亚马逊已经极大地改变了图书零售行业；从去年开始，亚马逊又开 始进军图书出版市场，这将给美国传统的六大出版商造成更大威胁。正像苹果的itunes给唱片业造成的巨大冲击，在过去十年，纸质书在Kindle所代表 的电子书商业模式蚕食下，几乎没有增长。2007年，贝佐斯在纽约联合广场的 W纽约大酒店发布了Kindle阅读器，并宣布《纽约时报》畅销书榜的电子书仅售9.99美元。之后，亚马逊和出版商之间的矛盾公开化，在漫长的讨价还价 过程中，亚马逊整合了自身的发行业务，希望直接获得图书版权，从而完全控制图书出版过程，包括电子书的定价等。2011年5月，亚马逊聘请了67岁的前华纳图书CEO克什巴姆负责出版业务，积极签约名作家。通过这样的方 式，Kindle电子书商店积累了大量的独家内容，通过与作者的直接接触，亚马逊削减了中间费用，从而可以向作者支付更高的版权费，并向读者提供价格更低 的图书。在这样的世界中，传统书店的数量将比现在更少，而亚马逊对知名作者的吸引力将更大，未来大部分图书都会以数字方式来发行。#p#分页标题#e#1号店：网上大超市2008年7月，1号店上线，目标是成为网上沃尔玛，四年后，它成为中国电商中跑得最快的公司之一。1号店的商业 模式并不华丽：商品均价比传统超市低3%-5%，超过15万种的品类大概是一家沃尔玛或家乐福门店的6倍。在配送上，京津唐、长三角、珠三角等地大部分城 市以及武汉等都是次日到货，而在上海、北京等一线城市，还有“半日达”、顾客决定收货时间的“定时达”和“一日三送”等模式。为顾客提供“足不出户、一站式家庭购物解决方案”，这是1号店商业模式的核心。这里不仅是网上超市，还提供订机票、缴水电费、信用卡还款等虚拟增值服务，还有1号医网、1号药网等频道，顾客群体多是25-40岁的都市白领。2011年引入战略投资者沃尔玛，这些资金大部分用在了供应链仓储设施升级、技术开发以及人才招募上。在布局仓储中心的同时，1号店自建配送系统，配送指标都要优于第三方配送公司。目前，1号店70%的订单由自建配送系统配送。Airbnb：私人房屋短租社区Airbnb被时代周刊称为“住房中的eBay(微博)”，是一个旅行房屋租赁社区，用户可通过网络或手机发布、搜索度假房屋租赁信息并完成在线预定，它的用户目前已遍布167个国家近8000个城市。Joe　Gebbia和Brian　Chesky于2007年建立了Airbnb网站。在2010年，这家公司迎 来了真正的爆发：1月时，一共有10万个床位在这个平台出租；而到12月底，累计成功出租的床位就已经达到了80万。2011年6月的最新数据 是，Airbnb上每天可供出租的床位已经达到了11万张，而且以每天1000张床位的速度在迅速增长。2011年5月，Airbnb　成功从投资机构 An-dreessen　Horowitz、DST　等处融资1.12亿美元，成为了最新一家估值超过10亿美元的公司。Airbnb商业模式的特别之处在于，所提供的租赁房屋主要是私人住宅，相比宾馆更加便宜，而且有独特的体验。所 有的住宅由屋主们自己提供，网站非常注重信誉审查，包括用户注册、验证等手续。同时Airbnb还提供直接的网上交易平台(主要是PayPal和信用卡方 式，便于直接扣除属于自己的盈利部分)。Airbnb大受欢迎，是因为它打通了从线上到线下的商业生态圈。平台通过在线的方式吸引消费者，但真正消费的服务或者产品必须由消费者去线下体验。 其它信息 admin 未知 2012-02-22 20:01 http://www.10bu.com/webmanage/experience/2012/0222/477918.html 据谷歌官方博客称，谷歌网站管理员工具中的Sitemaps服务在更新后又增加了更多的功能。此外，谷歌站长工具也增强了测试站点地图的能力。这将帮助站长进一步了解各类型条目（如视频、图片和新闻）被编入索引的URL数量。更新后的网站管理员工具可以突显来自网络 据谷歌官方博客称，谷歌网站管理员工具中的Sitemaps服务在更新后又增加了更多的功能。此外，谷歌站长工具也增强了测试站点地图的能力。这将帮助站长进一步了解各类型条目（如视频、图片和新闻）被编入索引的URL数量。更新后的网站管理员工具可以突显来自网络、视频、图片和新闻的收录统计数量。这可以让站长看到提交的各类型条目的数量（如果有），而且，对于某些特定内容，谷歌也会显示已被编入索引的条目数量。这些功能上的改进，使得新的站点页面取代了即将“退休” 的谷歌视频站点地图实验室（Video Sitemaps Labs）功能。此外，谷歌还增强了测试站点地图的能力。测试不需要向Google 提交的站点地图，因为它只是用来检查站点地图的错误。除了实时测试之外，谷歌还找到了一种新的方式来显示错误信息，可以更好地显示出站点地图中包含的问题类型。以前，对于某一站点地图的同类错误谷歌采取多次重复显示的方式，现在，谷歌对各种错误信息和警告信息进行了分类，并提供了几个范例。同样，对于站点地图索引文件，谷歌汇总了来自站点地图索引中包含的子站点地图的错误与警告信息。所以，以后站长无需逐一点击每个子站点地图来查看错误信息了。最后，谷歌改变了“删除”（Delete）按钮的工作方式。现在，它会从网站管理员工具中删除站点地图，包括从站长的帐户以及该网站其他拥有人的账户中删除。要知道，以前即使站长将某个站点地图从网站管理员工具中删除，它仍然还是可以被Google阅读或处理的。例如，如果站长在robots.txt文件中引用某个站点地图，那么搜索引擎可能仍然会尝试处理该站点地图。要想真正防止这种情况，站长需要从服务器中删除该文件或通过robots.txt阻止它。 建站经验 admin 未知 2012-02-22 20:00 http://www.10bu.com/webmanage/experience/2012/0222/477917.html 我应该做什么样的网站才能盈利呢？我的网站要针对哪个群体才能最快最长久地赚钱呢？我的网站通过什么方式来赚到钱呢？我的网站什么时候才能盈利呢？我的网站怎么样推广才能赚更多钱呢？。。。。。。我相信这是很多草根站长心里不断反复涌现的疑问。我曾花了一 我应该做什么样的网站才能盈利呢？我的网站要针对哪个群体才能最快最长久地赚钱呢？我的网站通过什么方式来赚到钱呢？我的网站什么时候才能盈利呢？我的网站怎么样推广才能赚更多钱呢？。。。。。。我相信这是很多草根站长心里不断反复涌现的疑问。我曾花了一个星期的时间来监测淘宝联盟论坛的数据，结果发现，在淘客版块活跃的用户里，商家的数量的数量占了大多数。这个数据让我感到非常奇怪，在我原有的想法中，淘客论坛应该是淘客交流、学习、探讨、反映问题的地方，应该绝大多数都是淘客才是。为什么商家比淘客还要多呢？然后我调查访问后，才发现在淘客论坛里比较活跃的人，都是已经遇到了“盈利瓶颈”的商家和淘客。也就是说，商家不懂得怎么推广，以为那不是自己所要做的事情，都以为自己很忙，找客户这一营销环节给淘客去做就可以了。而淘客又是怎么想的呢？我的站怎么才能把排名给提高上去呢？我应该找哪些更高佣金的产品来推广呢？我的站每天几百人进来怎么没看到收入增长呢？我用哪一家的空间好一点呢？通过调查访问，我总结出商家和淘客都存在的严重问题，就是他们的思维已经被局限了，只盯着经营中的某一个环节。商家和淘客都是只看到表面的问题，没有从根本上考虑自己的网站所存在的意义，也没有从一个更高的角度来看待自己所经营的生意。我想无论是商家，还是淘客，本质上都是一个站长。只不过商家的网站是租用淘宝的免费空间和免费二级域名，而淘客要自己买空间和域名而已，商家是寄生的站长，淘客是独立的站长。寄生的站长，也许能在淘宝上获得一定的客源，但会受到淘宝的种种限制。而淘客虽然没有被别人所限制，但得自己去找客源，还得花很多时间和精力去维护自己的网站安全等技术问题。一个站长像消防员救火一样忙于自己面前的问题时，就会把自己的时间和精力给分散，造成自己的思维在一个很小的范围里兜兜转转，而网站经营的结果也只能是小打小闹。针对我所看到的问题，我有以下几个见解。一、你网站的盈利模式，应该是在你还没开始做之前就已经策划出来的。有很多个人站长，开网站纯属个人兴趣，放在那里两三年了，陆陆续续的添加内容，但始终就是想不出一个有效的赚钱方法。网站的几个广告位，每天才几百个IP，所获得的广告费还不够买域名空间。绝大多数的站长，没有系统的学习过经营管理，是凭着自己的直觉，在蒙蒙胧胧中感觉做网站应该能赚钱，但具体的操作却无法在大脑里清晰起来。我觉得不管你开的是什么类型的网站，做的是什么内容，都应该从重新认识你自己的网站开始。二、重新认识你的网站。在我的营销体系中，我认为不管你开的是一个淘宝店，还是开的一个独立网站，你都得用自己的话来重新定义它。比如说，有些卖虚拟产品的淘宝店，用你的话来定义，你的店铺就是一个“一手拿钱一手拿货的场所”，你的淘宝店本质上是一个“交易平台”。如果你是一个草根站长，开的是一个明星粉丝论坛，用你自己的话来定义，你的论坛就是一个“粉丝集结地”，你的论坛本质上是一个“粉丝组织”。每个网站，都有它自己独特的性质，如果你能找出这些独特性，别人就无法复制你的“成功模式”。三、挖掘自己独特的盈利模式。我的建议是，如果你是开“寄生”型网店的商家，就得趁早准备为自己做一个独立的网站，重新定义，设计出自己独特的盈利模式，让别人无法复制你的成功。做为站长，最怕的就是别人模仿、复制自己的网站，而我们对盗版者又无可奈何。那应该如何设置门槛让别人难以复制呢？第一，可以从专业性来考虑。如果你有很强的技术，别人就不可能在时间内赶上并超过你。第二，从资源上考虑，你有某种通道可以获得优良的资源，只要你能绝对保密，把自己的资源给保护好，别人就无法跟得上你。第三，从地域上考虑，如果你在当地开辟出一个领域，你做得最好，发展得最快，别人也无法超过你。比如说，如果你在一个大城市，你可以建立一个饮食类的地方网站，把线下的实体店和线上的白领给聚集起来，整合周边商家定期轮流促销，网上订餐有积分，线下消费有优惠。很多开实体店的人是根本不懂得网络的，就算懂也没空闲来折腾。有的连锁店有自己的网站，但也只是一种展示型网站，没起到营销的作用。而这些需要整合的社会资源，就是你的商机。当你有了一定的用户之后，你就可以把周边的餐厅、糕点店、小超市、美发店、美容店、KTV、服装店等中小型商家都招进你的网站来投放广告，或者按实际消费来提成的方式来盈利。这种网站，竞争对手是很难在短时间复制的，因为它不仅仅是一个网站，它是和线下实体挂钩的，这种O2O（online to offline）的模式以后将会大量涌现，个人站长想抢占商机，就得做得越早越好。四、你需要绘制出你的盈利地图才能更快找到宝藏。上面提到的这些营销策划，是经过实际验证的可操作项目。如果你想给自己的网站也设计出盈利模式，你得拥有绘制出“盈利地图”的能力，才能找到自己网站的宝藏。在中国，没有人能随随便便成功。草根需要比别人付出更多更大的努力，其中的一项，就是你要比别人更勤于动脑筋思考。要绘制出你自己的盈利地图，可以从自己本身的资源和兴趣出发。如果你是喜欢吃的，你可以做如我上面所说的地方饮食站，这是“地域+爱好”的模式；或者你是从事财务会计工作的，可以组建地域性的财务人士交流网站，这是一种“地域+专业”的模式。最重要的，是要明白你的网站对于商家和顾客有什么价值，你通过卖什么东西来赚钱，其实只要你细心观察，你可以借鉴的“盈利地图”有很多。下面以一个实际案例来说明。五、母婴用品论坛盈利实例分析。现在很多80后都开始成家立业了，也会有自己的宝宝，这就会产生一个庞大的“80后妈妈”群体。在这一个群体中，很多都是爱玩网络的人，都需要获得对照顾宝宝的知识，在大多数情况下，除了书店外，都是通过网络搜索。如果有一个很专业的针对母婴知识的论坛出现，那这个群体网购的机会肯定很大。我有个朋友就是看准了这个商机。他家里是开母婴用品批发店的，而他大学毕业后不想找工作，在家无所事事，干脆就自己搞个母婴用品论坛来试试看。他开的这个论坛的盈利模式，就是立足于自己的资源优势，把自己家里批发店的东西卖给论坛的用户，而且是通过淘宝店这个信用平台来交易，顾客在购买过程中会更放心。他找顾客的方式也很简单，就搞SEO优化，先是在论坛发布了大量的相关内容，再不停的发外链，大概用了三个月的时间，获得了较好的排名，开始有了很多80后妈妈进来泡坛。他自己通过论坛卖产品每个月的盈利都在10000元以上。植入一些淘客推广链接，还能获得额外的收入。#p#分页标题#e#六、总结这些年来做网站的经验，我认为个人站长的核心只有一个，就是“要修炼自己独特的成功模式，让别人无法复制你的成功”。草根站长最好能把经营自己的网站，当作事业来做，而不是用业余玩玩的心态来看待。只要专注于自己的事业，总会找到适合自己的“成功模式”，然后集中精力持续改良，就能获得源源不断的收入。多借鉴分析别人网站盈利模式的长处和短处，在此基础上就能改良出属于自己的成功模式，钱是特别关照有所准备的站长的。 建站经验 admin 未知 2012-02-22 20:00 http://www.10bu.com/webmanage/experience/2012/0222/477916.html 对于一个喜爱并热衷于互联网的人来说，想必会有过这样一个想法（多数或者已经实现了） 拥有一个自己的个人网站。的确，管理一个网站并可以对它随心所欲地进行修改是一件美妙的事。这篇文章就来介绍一下如何在本地虚拟一个服务器来创建个人网站。这里要用到的 对于一个喜爱并热衷于互联网的人来说，想必会有过这样一个想法（多数或者已经实现了） – 拥有一个自己的个人网站。的确，管理一个网站并可以对它随心所欲地进行修改是一件美妙的事。这篇文章就来介绍一下如何在本地虚拟一个服务器来创建个人网站。这里要用到的一个软件是WampServer，它可以在本地虚拟服务器环境，创建后的网站可以随意折腾，甚至软件本身也提供有绿色版本（Wampee），解压后即可运行。在这里以安装WordPress为例介绍如何使用WampServer， WordPress是现今全球最流行的博客平台，没有之一。它拥有丰富的主题和插件资源，多样地利用这些资源可以让WordPress不仅仅只是一个博客写作平台，下面就来体验一下吧！前期准备首先， 需要在系统中安装WampServer或Wampee，安装过程中会遇到一些设置窗口，按默认的进行就可以了；其次，要准备好WordPress的安装包（WordPress中文官方网站： http://cn.wordpress.org/）。接着来把下载回来的WordPress安装包解压至WampServer目录下的www文件夹中并运行WampServer。创建数据库在系统托盘中左键点击WampServer的图标，在弹出的菜单中选择“Localhost”进入主机控制面板。在开启的页面中点击”phpmyadmin”进入PHP控制面板，如果此时界面是英文的，则可以在”Language”处修改语言为”中文 – Chinese simplified”。在这里我们要为WordPress站点创建一个数据库（用来保存站点中的数据）。点击”数据库”，在页面最下方”新建数据库”中填写一个数据库名称（如： wp）， 并点击”创建”，这样一个数据库就轻松创建好了（请不要关闭控制面板），如下图所示。开始安装WordPress通过上面的步骤我们创建了一个新的数据库，下面开始安装WordPress到服务器中。在浏览器中将控制面板的地址中的”phpmyadmin”改为”WordPress”（如果你将WordPress包装包直接解压至”www”文件夹中，则改为”WordPress”，否则请根据实际情况而定）， 然后敲击回车键进入WordPress安装页面。点击”创建一个配置文件”，在下一个页面中点击”现在就开始！”。然后在新页面中填写数据库名（如上文所创建的wp），用户名（此处可直接填root， 密码留空）， 数据库主机和表名前缀可保持默认， 然后点击”提交”，如下图所示。在新页面中点击”进行安装”，下面就可以为这个站点设置标题和管理员帐户了，根据实际情况和需要填写这些内容。最后点击”安装WordPress” 之后， 没有之后了，现在就可以登录这个网站啦！登录WordPress后就进入了其后台（仪表盘）， 在这里可以对这个WordPress站点进行所有的设置和修改。如果要浏览站点，在浏览器中输入”localhost/wordpress”就可以了（不含引号，具体地址可能会有所不同），或在控制台页面中将地址中的”wp-admin”删掉然后敲击回车键。现在， 我们就可以尽情地”玩弄”这个网站了， 至于如何玩弄， 并不在本文的讨论范围之内，请自行体验。 如果在要WampServer中创建论坛等，基本使用的是相同的方法，在此就不赘述了。结语根据本文所创建的网站只能在本地运行，如果想要通过互联网访问我们创建的站点，那么我们需要使用远程服务器来安装WordPress（或其它类型的网站），如何使用远程服务器创建网站将在下一节文章中介绍。如本文，在本地创建网站的目的一般是为了测试和学习之用，因为它只占用本地的存储空间，反应速度快， 而且在内容的表现方面与真正的”网站”无异。写这篇文章真是费了不少周折， 先是Live Writer出问题，然后WampServer运行不了， 之后又是Wampee phpmyadmin报错。 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477915.html 做电子商务，一般有三种思路 ： 互联网、零售和供应链 。互联网出身的产品经理通常更注重网站的用户体验，视用户体验等同于转化率。零售商更倾向于将电商网站看做渠道的一种，通常也都加入当当、淘宝这类平台，或更多的进行促销等活动。供应链做的最好的当属 做电子商务，一般有三种思路：互联网、零售和供应链。互联网出身的产品经理通常更注重网站的用户体验，视用户体验等同于转化率。零售商更倾向于将电商网站看做渠道的一种，通常也都加入当当、淘宝这类平台，或更多的进行促销等活动。供应链做的最好的当属卓越亚马逊，对于见惯了京东、当当这种打折促销种类繁多的电商网，再进去卓越购物，难免觉得网站稍欠点热闹气息，但对卓越老用户来说，随处可见的到货时间、商品库存则非常到位。不管以哪种思路做电商，最重要的永远是投资回报率，不管公司当前正处于哪个阶段哪个位置，效益才是电商最直接的体现。作为电商网站运营管理人员，在网站运营中，哪些是比较重要的指标，笔者在此斗胆抛砖引玉。第一转化率体系转化率体系主要包括到达率、注册转化率、订单转化率、支付转化率。网站转化率永远是第一位的，没有转化率只有流量的网站，只能说明我们对市场不够熟悉，或者引入了大量的垃圾流量。这个时候我们要重提转化率和用户体验的关系了，若问题没有出在垃圾流量上面时，转化率通常就和网站流程相关，通顺简单的流程，贴心的提示（降低用户购物风险），商品组合后的价格，支付方式上都会影响用户的最后支付，优化梳理网站结构和流程后，转化率数据会更漂亮（电商订单平均转化率水准为千分之一）。第二购买体系对购买体系来说，最重要的不外乎三个内容，客单价、重复购买率和人均订单。当然对于不同类型网站来说，当然要求不同，比如奢侈品电商这块，通常都是线下和线上网站结合，客单价自然也远高于一般电商。第三会员体系会员体系：会员访问深度、会员访问频次、新会员占比、会员引入费用、沉睡会员再营销。笔者做电商时间并不长，过程中发现，有很多公司常在两个极端，一些网站节省站外推广费用，而在站内老用户上花费更多的营销费用。还有一些网站则大量的在引入新用户上花费，在维护用户上却花费甚少。通常第一种情况都是拥有一定用户基数的相对较老的网站，第二种情况则通常是新站。这两种情况都有一定的问题，营销费用是一定的，拉来一个新用户有时并不难，但要留住用户，起码下三单，转化其为忠诚用户却相对不容易，而只重视老用户，忠诚用户，亦达不到扩大市场的目的。因此建议在一定的营销费用基础上，在不同的时期建立不同的用户政策是比较明智的，一定要均衡，小心不要走到极端上。第四商品体系商品是电商的灵魂，没有了商品，我们只好称为资讯公司了。商品体系一般包括：热销品类、毛利率、销售额、商品购买频次、购买时间、购买单价。很多特点的产品都具有一定的时效性，如情节人的鲜花、巧克力，如新年的保健品，要提前将库存和营销调整到当前热销的品类上。第五用户行为体系用户行为体系包括：浏览路径、热力图、浏览习惯、站内搜索、停留时间、投资回报率。用户行为体系对于网站流程和转化率方面都有参考意义，从用户浏览习惯入手，寻找网站流失率高的原因，做及时的更改，以免营销费用付之东流。第六营销推广体系营销体系包括：垃圾流量鉴别方法、渠道购买力评估、渠道贡献度评估、投资回报率监控。整个网站是建立在有效的营销手段基础上的，包括引入流量质量和渠道贡献度评估，只有好的流量和渠道才会有好的转化率，才会在好的用户体验上，进一步提升会员访问深度和购买频次，制造好的销售额。以上是笔者的一些不成熟见解，实为抛砖引玉之策，希望大家多给意见，不吝赐教。 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477914.html 视频营销在互联网营销中起什么作用？这个问题的价值不在于What，而是How将这些作用总结分类出来后，在实际的操作过程中，采取针对性的措施，将这些作用发挥到最大才是重点。视频营销通常在互联网营销中扮演以下角色： 1.视频是引爆点 比较常见的形式时通过病 视频营销在互联网营销中起什么作用？这个问题的价值不在于What，而是How——将这些作用总结分类出来后，在实际的操作过程中，采取针对性的措施，将这些作用发挥到最大才是重点。视频营销通常在互联网营销中扮演以下角色：1.视频是引爆点比较常见的形式时通过病毒视频，通过带给网民耸人听闻的观感，激起网民对视频中的内容元素兴趣。比较理想的延展方式是网民还会自发性的对视频进行传播讨论，继而产生搜索行为。这一过程即电通广告所提出的AISAS模型。事实上往往是那些新产品和新功能，做这种病毒视频效果才会更佳。人们在碰到新鲜未知的事物时，搜索动作才成为发生。比如荣威的iVoka《国产人机对话系统iVoka惊现广州车展！ 酷似汽车版Siri！》。针对此类视频，实际推广过程中主要需要处理好以下几个方面：视频网站内的露出：广告推荐+人为干预。对于预算有限而无法购买（长期）广告位的广告主，后一种方法就是比较实惠的方式。具体请参加“视频传播效果的关键点优化”一文。也许可以尝试一定周期采用不同的标题党，进行轮番打榜的操作，或许每天都有可能进行TOP排名。这样操作的现实原因就是视频网站内容太多，很容易被新的内容给顶替。但这一操作是否可行，视频网站的容忍度有多高，都是未知因素。有兴趣的朋友可以尝试一下。社会化媒体传播：各种渠道（微博、博客、IM群等），各种意见领袖，合理安排时间节点，果断转起。视频互动评论监控引导：把故事讲成事故的例子很多，比如2345的2，百姓网的白。2345网址导航“顶不住”舆论压力，把“设”改成“设置”了。百姓网虱子多了不怕痒，各位网友有空帮它挠挠。网民搜索行为应对：微博和视频的兴起，搜索也不仅限于百度谷歌。微博搜索和视频站内搜索，相信也有一定程度的增加。看看优酷年前对SOKU的推广发力，土豆联合搜狐视频进行屏蔽就可见一斑。需要释放的信息（产品、功能等），通过什么方式释放（百度百科、官方新闻、意见领袖诤言等），以及这些信息成品的搜索引擎优化，都是需要考虑到的方面。2.视频是曝光机会通过视频增加品牌曝光次数，或是将品牌需要传达的精神与热门视频相联系。比如优酷2011年底的微电影《父亲》，故事中没有植入雪佛兰科鲁兹的信息，只在电影结尾打上了雪佛兰的Logo。品牌层面怕讲不好，这里举两个增加曝光机会的例子。/脉动“改斜归正”系列病毒视频。因为脉动的知名度已经足够高，网民看完视频后并不会产生更深层次的探讨（比如脉动营养成分，为什么能改斜归正），更不会去搜索什么是脉动。说好听一点能够表达品牌的消费态度，活力好玩。但说到底就是增加品牌的曝光机会。还有这部“随手拍解救大龄女青年”，增加曝光量的目的就更加明显了。相对于第一类视频，这类视频的推广重点是增加视频的曝光量，后续的搜索动作相对较少发生。3.视频是内容正如前面提到，视频搜索人群增多，分析目标人群的搜索行为，根据常用关键字制定与品牌产品有关的内容、标题、标签等，就显得很有必要。如“钱龙遇见鬼”提到的钱龙股市夏令营、投资分析秘笈，这类视频一定程度上即算是可视产品说明。类似的还有各种手机测试。这类视频虽然不具备病毒视频的爆炸性效果，但同样也是互联网营销中不可缺少的一部分。作者：Videosays 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477913.html Social media 像是一个战场，无数的企业纷至沓来妄图在这里大展拳脚，俘获用户欢心。有成功的，有失败的，当然，还有一种，是属于特别成功的，它们漂亮的出击让同行业其他品牌黯然失色，就像你在微博一提起安全套，除了杜蕾斯难道你还会想起其实杰士邦也有微 Social media 像是一个战场，无数的企业纷至沓来妄图在这里大展拳脚，俘获用户欢心。有成功的，有失败的，当然，还有一种，是属于特别成功的，它们漂亮的出击让同行业其他品牌黯然失色，就像你在微博一提起安全套，除了杜蕾斯难道你还会想起其实杰士邦也有微博？今天，我们就来盘点一下那些不同行业究竟谁家品牌在闪闪发光？碧浪快消品行业做的好的不少，中粮美好生活、必胜客之类的都是大家肯定又肯定的。但碧浪的脱颖而出却绝对是个例外，它和这些品牌走红的方式完全不一样，不靠兢兢业业的内容不靠频繁的活动也不靠微博广告，它走的路子是纯粹的野路子，若以华山论剑比，中粮无疑是王重阳，碧浪就是东邪。碧浪的走红以“调戏体”为始，通过与知名网友互动的形式爆红，真诚幽默的对话，发布信息贴近网友生活，使粉丝从调戏变成热爱最后成为碧浪的忠实粉丝。2011年12月15日，因为知名媒体人庄雅婷一则微博吐槽，让碧浪洗衣粉的官方微博一天之间红透微博。在微博卖萌耍贫者数不胜数，而碧浪官微成为其中的后起之秀，她的贫和杜蕾斯一样几乎没有底线，总是能出乎你想象之外，正是这种不可预料性，激发了网友围观调戏碧浪的热潮，也让碧浪在微博建立了独树一帜特色鲜明的风格，促进了品牌的知名度和用户好感度提升。目前微博卖萌卖贫几乎已经成为一种流行风气，前几日笔者看到宝洁集团旗下集体调戏四阿哥“吴奇隆”就是很典型的卖萌无下限的例子，但这种模式需要根据品牌本身的特点，比如香奈儿这样高高在上的品牌如果也和碧浪一样走起耍嘴皮子的路线，我相信很多人会大跌眼镜的。快消品行业形象大都比较亲民，这种路线是一种借鉴，但一定要适度且有特色，否则只能画虎不成反类犬了。凡客粉丝团此微博是凡客诚品的微博矩阵中承担与用户沟通职责的一个子微博，利用代言明星迅速红火的官微代表。凡客诚品通过开设“凡客粉丝团”清晰对用户表达了互动意愿，以轻松、天然的基调引发粉丝喜爱。总结凡客粉丝团运营方式：连续不断与品牌深度关联的活动。比如#随手拍凡客##晒购物包装盒#等活动，并给予凡客购物券等利益刺激。通过这种形式加强粉丝与品牌的联系，增强粉丝黏性，又可以促进销售。日常无奖惩活动机制。凡客粉丝团会经常发起一些无奖惩的简单日常小活动，与粉丝互动沟通情感。如开具钟头刻的幻想、分享图书或心绪等，激励用户积极展览和表现。活动形式简单，参与容易，而且主题往往与粉丝息息相关，容易引发粉丝参与的热情。深度利用代言明星的价值。凡客非常善于抓住粉丝的心理，懂得如何运用粉丝扩大微博影响力。比如李宇春代言微博后，凡客一方面在微博不间断的发布与李宇春相关的内容，吸引粉丝关注，比如李宇春的凡客海报等，通过持续性的发布增加粉丝关注的持久性。其次是以明星相关物品为噱头，比如明星签名海报，签名同款衣服等，利用粉丝的追星和502心理（模仿），engage粉丝参与活动。凡客粉丝团在李宇春代言凡客后很快发起了#随手拍凡客广告牌#活动，奖品是李宇春拍海报穿过的衣服，这种对粉丝而言极具收藏价值的奖励迅速吸引了数万粉丝的参与。利益诱惑。凡客粉丝团会定期举行一些以凡客优惠券为奖励的小活动，这种经济利益的刺激很受网民喜欢，又可以将社交网站粉丝引入凡客网站并促进销量。凡客粉丝团属于凡客旗下的客服微博，专门与粉丝进行有针对性的沟通，类似凡客这样为自己的用户专门建立微博的品牌目前还比较少，但对于品牌来说，很多东西是不适合官博去做的，二级微博却可以，这种粉丝团性质的微博能够更好的聚拢粉丝，挖掘粉丝需求，对粉丝展开分人群的有针对性的沟通，同时通过不间断的活动保持粉丝对于品牌的持续关注度，对于电商品牌更能拉进与粉丝的情感沟通距离，培养粉丝的忠诚度，最终达到促进销售的目的。MINI中国MINI COUNTRYMAN 借势营销虽然Mini和Smart走的是一套路线，微博粉丝也不如Smart高，但其忠实粉丝的活跃度却远远高于Smart。小mini非常善于调侃，展现幽默风趣的特征。对微博热点的把握也非常到位，虽然不如杜蕾斯的“雨鞋”，但依然是微博官微中最会借用微博其他热点宣传自己的。比如之前SMW介绍过的2011年6月MINI与菲亚特（Fiat）的亲密交锋，而不久后A380的国内首航同样被善于利用热点的MINI抓住了宣传自己的机会。A380于北京首都国际机场起飞到达终点后，三台MINI COUNTRYMAN出现在停机坪上，这三辆车都经过了精心改造——车身特别涂装成明黄色，与停机坪的机位引导线同色，加上后车窗上大大的“FOLLOWME”字样，从车头延伸到车顶直至车尾，以及贯穿车身两侧的黑黄格饰条都在时刻提醒路人它“专属引导车”的特殊职能。三辆MINI COUNTRYMAN随后引导A380精准停机入位。此过程被mini在微博进行全程直播，醒目的mini车以及MINI强大的直播攻势甚至抢了本该是主角的飞机的角色，MINI 的借势营销，让A380反成道具、背景。汽车行业在互动营销领域一直走在前沿的位置，知名的汽车品牌比如宝马、奔驰等都早早建立自己的social 阵地。奔驰smart的“抢座位“活动也曾让笔者印象深刻，而之所以选择MINI，是笔者从MINI长期的运营中发现它与其他汽车品牌运营不同的点是MINI非常善于借势营销，它虽然不是一种新鲜的方法，但作为一个汽车品牌，这是一种廉价的却能最大限度引起网民关注宣传品牌的方法。当然，在微博中赫赫声名的杜蕾斯、凌仕效应等微博在他们各自的行业都各自精彩，我们这里点评的只是相对没有那么出名却不乏运营亮点的几个行业的翘楚微博，总结他们的特色与方式，希望为同行业以及其他品牌微博提供一点小建议。微博运营方式多样，这一家成功了，不代表另一家就可以copy这种模式，这一次我们从行业的角度点评，就是希望不同行业的企业品牌可以看看同行们是怎么做的，结合别人的亮点和自己品牌的特点，总结最适合自己的运营方式。作者：yumiao 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477912.html 如果说seo就是熬夜，或者忙碌的代言词。笔者更乐于将它当成乐趣，seo不过就是我们在网络上的一个工具，目的不单是要做排名，更要转化。那么很多盲目选择排名而做seo的人，就会选择快速的手法，在行业中，我们称之为-黑帽seo，刚刚看了一张有趣的图片，是关于 如果说seo就是熬夜，或者忙碌的代言词。笔者更乐于将它当成乐趣，seo不过就是我们在网络上的一个工具，目的不单是要做排名，更要转化。那么很多盲目选择排名而做seo的人，就会选择快速的手法，在行业中，我们称之为-黑帽seo，刚刚看了一张有趣的图片，是关于黑兵器的，那么就结合这个图片来做一次写作分享：黑兵器一、No1-“五连发”站群都知道站群，就是一片片的，站群的效果是最佳的，也是能达到排名最快的效果。我们不去解剖站群是如何操作，因为里面涉及很多相关细节，我们只有知道，很多淘宝客就是选择站群的手法，或者可以看一些暴力产品，都是站群，如果一味的靠seo去做排名，那么人家钱都赚完了，你的站才上来，为时已晚。但是站群有风险，投资需谨慎。不是说站群不好，有的人就是批量的用站群在赚钱，一批赚钱到钱后，就立马起用另一批，等前面的被k完了，后面的站群又上来了。怕的就是前面的投入后，细节上没有操控好，就被拔毛，那就是很失败了。总结：站群的成功在于一大片被K了，剩下的就赚钱等拔毛。二、No2-“沙喷子”黑链黑链有几种，待会后面都会提到。排名第二的黑链，笔者把他归纳为政府站挂黑链，我们都知道政府站，百度都会给予很大的权重，所以政府给予的链接，就是不错的投分机，给你投票了，那么你的站自然会上去。这个就不详细解释。总结：政府的东西很好，就是很黑，别乱得罪，一旦发现，不是拔毛问题了，有牢狱之灾。三、No3-“大片刀”购买链接还是黑链的问题，很明显美丽说之类的大战，为何几年就可以发展起来，而有的站都近十年了，都没有起色。没有起色的站，就是都默默的看着别人在发展。很多大战的发展，在于大量的购买外链后，还要在内容上，在策略发展上做功夫，比如一个网站做的用户体验好，然后在大量钱砸下的同时，肯定会有大量的人来围观，在这个情况下，用户人群喜欢上这个网站，也就留住了人流，那么外链购买也就有价值了。反之，就如练了葵花宝典一样，自宫后没有后了。总结：适可而止，或者有智略性的操作，切勿盲目而行。四、No4-“三棱刮刀”软件刷外链市面上很多卖软件的，其中就有大量是做外链的群发器的。很多软件采集回来的，都是灰色地带的网站，他们可以发内容，内容里面可以发外链。总之，就是你用软件发的外链，大家可以去查一下，都是一些很垃圾的，这样的情况下，就是在自我封喉。要站还是要外链，自己选择，不一一点评。总结：软件的外链等于慢性自杀。五、No5-“军刺”百度外链百度产品权重很高，很多人现在还在做百度知道的外链，而且到处去请教怎么做？在2011年后就开始很难留外链了，如果做看网络上那些百度留外链的技巧，然后去做外链，个人觉得还是比较傻的，因为太多了，百度会K站，要是有竞争对手吧。随便一投诉，就删除，试问你有那么多时间在做无用功吗？总结：做了也是白做，做多了反而被K，得不偿失。六、No6-“钢管”伪原创钢管可以杀伤力不小，很多大站都是采集的，为什么他们没有被k，这个就是因为人家权威，不要嫉妒，你写的文章，被他们采集过去了，你就是伪原创的，所以K你是正常的，想投诉，那么走程序吧。等程序走下来，你的站也就停息了。反过来，你一个小站，非要就采集大站的文章，那么还是比较无作为的，自己去思考一下吧。总结：天下文章一大抄，会抄就笑天下，不会抄就完蛋。七、No7-“菜刀”pr不等交换武功在高，也怕菜刀。刀握在刀客手上，就是屠龙刀，削铁如泥。在厨师手上，也就是菜刀，做做饭而已。很多人都觉得PR7的站，来传输给pr0的，会很好，就像大人带小孩一样。但是好像这个也不符合规则，所以大家还是自己去测试一下，看文章看多了，你头也大，都是要测试过，才有发言权。总结：门当户对，这个是不变的，想要飞上枝头变凤凰，那是很少的。八、No8-“卡簧刀”站内代码欺骗这个不是技术人员，还真不懂这个怎么操作。就是写一段代码，欺骗蜘蛛，就是首页文章天天都在更新，都知道蜘蛛是抓取的，它不是我们人眼那么去看世界的。所以很多人的都觉得为什么网站没有内容，但是收录过万，就是这个手法，就是站内文章代码欺骗手法。这个编程要学到位，才可以做，一般常见就在独立淘宝客上，也是作弊行为。总结：有被k的危险，但是技术活，K了在完善，比较有优势的。九、No9-“铁架子”域名跳转常见的就是色情网站，都是做一些不错的网站，或者有的直接就入侵正规的企业，然后添加跳转代码。目的就两个，一个是让百度在正规网站上抓取到信息，而把权重又输送到色情网站上，这些都在技术群里经常看到。没什么可以去介绍的，感觉很一般，有赚钱的门路，笔者暂时没有进入去摸索。总结：铁架子，实用不易坏，长期有人奋斗在前线，K了在做。大无畏精神常在。十、No10-“砖头”域名相似度孔子说：打架用砖乎！不亦乱乎！照头乎！ 可谓被诙谐的一塌糊涂，笔者看过砖头的，莫过这个最让我笑到捧肚。很多站群手法，站群就站群了，非要在搞域名baidu001，baidu002等等，还美其言大气。虽然有好排名，但是早晚被K。总结：站群之败笔，该乎砖头者当乎头。十一、No11-“酒瓶子”关键词堆砌关键词堆砌，放到2008年以前，排名都是靠关键词堆砌上来的，这个曾经风光一时，不过三年河东，三年河西，所以三年后，关键词堆砌就如酒瓶子一样，很容易碎。总结：可以提高排名，过度了，就重新来过，新站上线又是一个好站。十二、No12-“暖壶”优化过度很多新站上线后，就一味的追求排名。很多人都知道外链是排名的关键，从而在没有文章收录的情况下，一味的发外链，做内链，结果优化过度。导致进入百度11位现象。这个，建议 还是不要太过分的去操作，凡是都是循环渐进的好，不然就过于急燥了。总结：暖壶是帮开水保温的，不要过分的去家热，碰撞了也会碎的。好了，今天分享了12个黑帽的手法，不是让你不能去做，也不是让你要去这样做。最终要求的是看你自己的方法，而不是一味靠跟风。seo思路比seo简单的排名更重要，思路才是主要的，我们都是要目的性的去做事，而不是想什么做，就做什么，那么太随意也不好。 #p#分页标题#e# 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477911.html 前言 在上一篇中，我强行拆散了WEB服务器和图片服务器这对恋人，这样做或许有点不太厚道，但对于他们未来各自的发展绝对有好处，不久的将来，他们会感谢我的。好了，回到今天的话题，今天这篇文章主要来谈谈缓存技术在图片存储架构中的重要地位，并一起来探 前言在上一篇中，我强行拆散了WEB服务器和图片服务器这对恋人，这样做或许有点不太厚道，但对于他们未来各自的发展绝对有好处，不久的将来，他们会感谢我的。好了，回到今天的话题，今天这篇文章主要来谈谈缓存技术在图片存储架构中的重要地位，并一起来探索一下实现图片缓存的方案。我个人的观点是：一个性能优良的、扩展性强的大型系统，势必要缓存一切可以缓存的资源，因为没有什么比在内存中操作更快的了（CPU不算，那里可存的空间太小了）。PS：本文部分内容将有空空老师友情出演。为什么要缓存图片简单的说缓存可以通过直接访问内存来提高图片读取速度，缓解因站点高访问量而带来的图片I/O瓶颈。很多时候，图片是一类不经常更新的静态资源，是典型的读远大于写的情况，因此完全满足缓存的原则：一次写入，无数次读取。当然也不是所有满足这点的都会用到缓存，比如上次写的那篇优酷网架构学习笔记中就提到，优酷网在存储视频时并没有大量采用视频缓存技术，原因有二：1、Squid 的 write（） 用户进程空间有消耗，Lighttpd 1.5 的 AIO（异步I/O） 读取文件到用户内存导致效率也比较低下，这是内存锁造成的。2、如接到老大哥通知要把某个视频撤下来，如果在缓存里是比较麻烦的（这个是亮点，O（∩_∩）O）但总的来说，对于像图片、视频之类的静态文件，还是非常适合做缓存的。缓存永远是架构师的美丽小三，哈哈。图片缓存方案探究接下来就重点来探究一下实现图片缓存的具体方案，文章尽量按人的正常思维来步步深入，从简单到复杂，一起来看看吧，希望看完后能略微提升你的设计品味。时尚的设计是一个不断推敲和磨合的过程，这个相信各位程序猿和攻城狮都深有体会吧。关于这一块，我将分2篇文章来解说，这一篇先介绍如何在IIS等web容器中设置Http Headers来实现图片的缓存。注意：这里的web容器是指IIS、Tomcat或者其他的WEB服务器软件，下面我以IIS来举例。IIS中的缓存分为服务器缓存和客户端缓存，对于静态资源（html、css、js、图片等），服务器缓存是默认开启的，也就是我们在向服务器请求静态资源时，服务器是先从其内存中取文件的，取不到再去硬盘中找（真累啊！），有时候开启服务器缓存很让人讨厌，后面我们会提到。客户端缓存顾名思义是把待请求的资源缓存在客户端的，用户请求资源时先从本地找，找不到再去麻烦服务器。下面先具体谈谈客户端缓存。1、客户端缓存如何设置呢？请看下图（图片来源）上图表明开启IIS的缓存模块，并设置过期时间为1天，也就是1天之内，用户访问这张图片时均可以从其本地的缓存副本中读取，而不必来服务器下载，当然1天之后，缓存失效，图片下载后又重新会被载入浏览器缓存中。当然这种方式需要你有管理IIS的权限，我想作为架构师的你这点权限算个皮毛啊。这个什么原理呀？别急，请听我娓娓道来，小伙子要耐心这个主要是靠Http Headers来控制的，Http Headers是HTTP请求（Request）和响应（Response）的核心，它承载了关于客户端浏览器，请求页面，服务器等相关的信息。简单地说，它是浏览器和服务器之间交互的信息牌，浏览器通过它告知服务器客户端的相关信息和请求信息（比如我是什么类型的浏览器、我是否可以接收你服务器gzip过的内容、请求的长度是多少、是否允许缓存等等内容）；服务器通过它告知浏览器服务器响应这次请求的相关信息（比如服务器变量、返回的长度、cookie等信息），具体Http Headers的内容可以参看这篇文章。了解了Http Headers，那这个缓存问题就好解释了，我的解释如下：当我屁颠屁颠地带着这个Http Headers去向服务器请求空空老师的写真图片时，服务器提取出Http Headers发现其中的Cache-Control是Public的，也就是可以缓存的，然后服务器再看看自己设置的缓存过期时间，发现还没过期，于是告诉我，小子，先在你本地去找空空老师的图片吧，找不到再来向我要。于是我回去找了，发现本地真的有空空老师的写真图，他没有骗我，好开心啊！不知道我这样解释空空迷们懂了么？不管你懂不懂，我反正是懂了！当然有不正确的地方请指出，谢谢。2、服务器缓存上面我已经说过，IIS中的服务器缓存是默认开启的，IIS默认会把静态资源缓存起来，以便快速读取，当静态文件有改动时，缓存也能够自动更新。但是有一个很讨厌的问题，假如我这些图片都是大量的（几百万几千万）且都是实时更新的（比如股票行情图），这样问题来了，我这么多图片一更新，IIS缓存还没来得及更新（量实在是太TM大了），于是我会在很长一段时间内访问到的图片都是旧版本的，这令炒股的我非常懊恼。那么既然它违背缓存的原则，我们怎么禁用它呢？方法绝对没你想得那么简单，我建议大家看看这篇文章，是直接修改MetaBase.xml文件，如果对服务器不熟的家伙是不敢随便动这个文件的，不过架构师的你嘛，这点小儿科了，哈哈哈。通过上面的阐述，我想聪明的你应该会使用这个最简单的方法设置缓存了，如果你真的是很笨还木有理解，那么请先用你的左手打右手两下，还不懂，那再用你的右手打左手两下，我就这么打过来的，直到懂了为止，哈哈哈。好了，以上是关于IIS中设置缓存的方法，这里好几次引用了空空老师，让您受累了，谢谢。下一篇将继续谈谈图片的缓存技术，不过是关于分布式缓存的，比这篇稍微进了一个阶梯，敬请大家关注。作者：王国峰 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477910.html 在chrome或者firefox都有pr查询工具，访问某个网页的时候，自动显示当前网站的pr值。但并不是所有的页面都需要查询，于是弄了一个查询pr的书签，仅在需要查询的时候，再点击查询。 javascript:(function()%7Bvar%20d=document;var%20l=location;var%20u=l.toS 在chrome或者firefox都有pr查询工具，访问某个网页的时候，自动显示当前网站的pr值。但并不是所有的页面都需要查询，于是弄了一个查询pr的书签，仅在需要查询的时候，再点击查询。javascript:(function()%7Bvar%20d=document;var%20l=location;var%20u=l.toString();var%20s=d.createElement('script');var%20b='http://uicss.cn/pr/';var%20n=b+'url.php?'+'&url='+encodeURIComponent(u);window.open(n);%7D)();使用方法：添加上面的js代码到自己的书签就可以了。在需要查询pr的网址，直接点书签即可：全文已经结束。附url.php的实现思路：<?php$url = $_GET['url'];$html_url = htmlspecialchars($url); function HashURL($url){$SEED = "Mining PageRank is AGAINST GOOGLE'S TERMS OF SERVICE.";    $Result = 0x01020345;    for ($i=0; $i<strlen($url); $i++)     {        $Result ^= ord($SEED{$i%87}) ^ ord($url{$i});        $Result = (($Result >> 23) & 0x1FF) | $Result << 9;    }    return sprintf("8%x", $Result);} function pagerank($domain){       $StartURL = "http://toolbarqueries.google.com/tbr?client=navclient-auto&features=Rank:&q=info:";    $GoogleURL = $StartURL.$domain. '&ch='.HashURL($domain);    $fcontents = file_get_contents("$GoogleURL");    $pagerank = substr($fcontents,9);    if (!$pagerank) return "0";else return $pagerank;} $website = $html_url;$website = str_replace("http://","",$website);@ $pr = pagerank("$website");@ date_default_timezone_set(PRC);$now_date = date("Y年n月j日 G时i分s秒");?> <!DOCTYPE html><html><head><meta charset="utf-8" /><title>PR查询</title></head><body><?phpecho '<p id="pr_info"><b>'.$html_url.'</b> 的PR为 '.$pr.' <a href="http://upload.chinaz.com//"/></a></p><p>< span>查询时间:'.$now_date.'</span></p>';?></body></html> 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477909.html 近几年云计算在国外发展的如火如荼，国内厂商也瞄准这块大蛋糕各自发力，只为占得一席地位。至2011年，国内云快线、万网等企业已初具规模，本文着重盘点国内IaaS厂商在云计算服务方面的差异。其实，中国的许多IaaS服务商都出生于CDN数据中心服务商与互联网服 近几年云计算在国外发展的如火如荼，国内厂商也瞄准这块大蛋糕各自发力，只为占得一席地位。至2011年，国内云快线、万网等企业已初具规模，本文着重盘点国内IaaS厂商在云计算服务方面的差异。其实，中国的许多IaaS服务商都出生于CDN数据中心服务商与互联网服务商。前者都是从租赁主机、代管服务器发展而来，不着急从IaaS服务中赚钱，其中有代表性的企业包括云快线、蓝汛、中国万网。而后者，从互联网服务转型的企业包括阿里云和盛大云，盛大云主要为网游厂商和合作伙伴提供传统的IaaS服务，形成和前者IaaS厂商的竞争；而阿里云为多年积攒的中小型企业客户提供垂直的应用服务，着力点各有不同。下面针对传统IaaS厂商从计费模式，操作系统，数据中心分布几个方面进行对比分析。最后对阿里云的垂直应用进行分析。传统IaaS厂商计费模式：IaaS收费的内容主要包括主机配置，网络流量和存储三个方面。其中主机配置是指所租用的机器CPU、内存和硬盘大小；网络流量指的是流入和流出主机的网络数据；存储是指除了主机自身硬盘大小，还能对主机扩展额外的硬盘空间。从上表可以看出云快线采取对主机进行按小时付费或者包年预付费的策略，而万网只能一年一年的租用主机，从很大程度上限制了客户的使用期限，相比之下盛大云的计费策略更加灵活，即可以按需按小时使用，也可以通过包月包年的方式来降低使用成本。针对网络流量收费方面，三家厂商都采用按GB也就是实际使用量进行收费。但是云快线推出了另一种特别的收费方式——最高带宽预付费。最高带宽预付费是指通过限制用户的最高带宽来收费，其中限制最高带宽值（5M或10M）用户可自行选择，即按年或按月计费，采用预支付制度。这样其实相当于提供了固定带宽包月包年的服务。存储方面，云快线和万网都不提供额外的存储服务，如果客户的主机硬盘空间不足，需要增加硬盘的话，只能更换主机配置。相比盛大要人性化一些，提供按GB付费的方式来为主机增加硬盘空间。当客户的应用需要大量硬盘时，靠更换主机配置的方式来提供存储空间显然是一种性价比较低的方式。操作系统：现在主流的操作系统主要包括Windows和Linux，其中Linux又分很多种版本，各个厂家提供的操作系统如下表所述：从上表中可以看出云快线对操作系统版本的支持最全面，提供了当前主流的Windows 2003，Redhat企业版5.2和5.4，CentOS的5.2和5.4，并且均支持32位和64位的操作系统。而万网在Redhat和CentOS方面只支持5.4版本的64位操作系统。盛大云不支持Redhat企业版操作系统。虽然这些厂家提供的都是正版的Windows操作系统，但是价格上并不比Linux操作系统高。数据中心分布：由于对应用程序的访问可能来自全国的各个地方，云厂商数据中心的分布程度也从一定意义上代表了访问的速度。可以看出云快线的数据中心是最多的，覆盖了大部分一线城市。万网的数据中心位于北京和杭州，其中杭州的数据中心和淘宝数据中心在一起。数据中心是放置主机和网络接入的地点，需要占用大量的空间和网络资源。由于不同地区的房价和网络资源价格不同，在不同数据中心的收费价格也大不相同。以云快线为例，在针对主机配置收费方面：金华双线>湛江电信=青岛联通=北京BGP，因为金华采用的电信和联通双线机房，价格自然会贵一些。在网络流量方面：北京BGP>金华双线>湛江电信=青岛联通。BGP（Border Gateway Protocol，边界网关协议）是用来连接Internet上的独立系统的路由选择协议。这是因为使用BGP机房的优点是服务器只需要设置一个IP地址，最佳访问路由是由网络上的骨干路由器根据路由跳数与其它技术指标来确定的，不会对占用服务器的任何系统资源。服务器的上行路由与下行路由都能选择最优的路径，所以能真正实现高速的单IP双线访问。这也造成北京BGP机房的网络流量价格上比湛江电信和青岛联通要贵好几倍。阿里云阿里云是阿里巴巴集团下独立运作的一家公司，从互联网服务转型而来，提供一些垂直的云服务。主要包括手机云、创业云和开发云。手机云主要是和阿里云手机结合起来的，用户通过使用手机内置的阿里云操作系统来享受云存储的服务，包括同步和备份联系人、短信、通话记录、相册和便签。实际上就是普通的云存储和云同步功能。类似于苹果提出的iCloud。创业云又细分为社区网站云、渲染云、电商云和游戏云。这些云都是为特定领域的应用提供服务。其中前三朵云已经对外运营，游戏云即将上线。社区云主要面向中小互联网社区创业者，通过社区软件系统+软件托管平台+网站运营工具等一揽子服务模式，帮助他们低成本快速成长。渲染云面向电影制片公司，提供对电影、动画、高清图像的渲染功能。在成本上，解决了制作公司一次性大量投入巨资购买硬件，硬件成本回收困难的问题；在资源使用上，可以满足用户在短时间内需要大量计算能力和实时释放计算能力的需求。电商云计算是针对电商企业推出的一站式解决方案，旨在为电商公司提供丰富多样的托管、存储、计算基础资源。游戏云计算是专门为游戏运营商服务的云计算解决方案。游戏运营商可以根据在线玩家数等运营目标来选择升级计算、存储、带宽等弹性资源。另外在数据安全方面，还能够从各个产品模块灵活呈现统一安全服务。开发云是指提供了类似PaaS的服务，包括应用托管，关系数据库服务，开放存储服务，负载均衡服务以及地图和精准分析功能。目的是为开发者提供更好的应用开发平台和API。通过对国内主流云计算厂商的盘点，可以发现竞争主要集中在提供普通的裸机租赁服务。很多从CDN数据中心转型过来的厂商在运营主机租赁方面有先天优势，相对盛大云这种出生于互联网行业的企业物理资源丰富。主机和存储是一个烧钱的行业，特别是当用户基数增大之后，因此服务商一定要有足够的经济实力。相比之下，阿里云这种针对特殊行业提供垂直的云计算服务更有新意，因为想在所有行业都取得成功是很困难的，相反在细分行业能站稳脚跟也可以带来获得巨大收入。作者：致远管带 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477908.html 前几天有个做外贸的朋友请我帮忙维护一下他的两个外贸网站。他有两个站一个是在GoDaddy上面，另外一个是后来买的在JustHost上的虚拟主机。因为GoDaddy的马上要到期了，并且经常有FTP连接不上的原因，所以他想把两个网站都放到JustHost的虚拟主机上面去。因为J 前几天有个做外贸的朋友请我帮忙维护一下他的两个外贸网站。他有两个站一个是在GoDaddy上面，另外一个是后来买的在JustHost上的虚拟主机。因为GoDaddy的马上要到期了，并且经常有FTP连接不上的原因，所以他想把两个网站都放到JustHost的虚拟主机上面去。因为JustHost是不限制域名个数的绑定，而且不需要另外付费。尝试了一下JustHost虚拟主机的确可以绑定多个不同的域名，只需要在后台做一些设置，将多个域名指定到不同的目录下就可以了。今天整理了一下方法，给在JustHost上需要绑定多个不同的域名朋友一个参考。我们先假如有两个网站域名，当然是两个不同的域名，这里说的不是二级域名。假设一个域名是www.AAA.com，另外一个是www.baidu.com。并且www.AAA.com是主域名，www.baidu.com是我后面需要追加绑定上来的新域名。多域名绑定的环境已经假设了，下面正式开始教程。第一步、将JustHost主域名绑定到子目录并修改.htaccess因为这里我要绑定两个不同的域名，为了便于管理，我先把主域名的文件都放到了一个子目录下面。我Google了一下，找到了这个网页How to host the Primary Domain from a subfolder （.htaccess）。大概看一下就是我想解决的主域名绑定到子目录的办法。于是马上开始，在JustHost的FTP根目录下新建一个名为AAA的子目录。这里不需要在JustHost的后台做设置，而是先第一步我把www.AAA.com主域名的文件和目录都放了techoics子目录下面。然后用FTP连接到JustHost的FTP。把根目录下的.htaccess文件下载到本地，用记事本打开。然后在文件的后面加上以下这做代码。RewriteEngine onRewriteCond %{HTTP_HOST} ^(www.)?AAA.com$RewriteCond %{REQUEST_URI} !^/AAA/RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME}!-dRewriteRule ^(.*)$ /AAA/$1RewriteCond %{HTTP_HOST} ^(www.)?AAA.com$RewriteRule ^(/)?$ index.html [L]然后将.htaccess文件保存上传到JustHost的FTP根目录下面。访问一下www.AAA.com域名，成功！这样就在JustHost上面成功地将主域名指向了一个子目录。这里已经成功了一半。第二步、JustHost绑定多域名到子目录这里比如我们假设的第二个域名，www.baidu.com是在Godaddy注册的，这们要将他绑定到JustHost上，并且是多个域名的第二个域名。这个的操作同样很简单。我们需要先登陆JustHost的cPanel后台。登录到JustHost的cPanel后台后，找到Domains下面的Addon Domains。点击Addon Domains链接。好了，我们现在所有的多域名绑定都是在这个页面完成的了。在JustHost的cPanel后台的这个页面，第一步是要输入需要绑定的独立域名。当然这里拿的www.baidu.com为例的。于是输入这个地址。输入完成后JustHost会检查一下这个域名。因为这个域名不是在JustHost注册的，所以检查完成后，第二步提示，先要在www.baidu.com这个域名的根目录上传一个验证html网页。这里它会提供一段代码，和一个文件名。于是用FTP工具连接上在GoDaddy上的这个网站，用记事本复制粘贴一下这个网页文件，上传到GoDaddy的主机FTP下面。然后他还要求将域名的Nameserver注册改到JustHost提供了两个解析服务器上来。所以需要登陆到域名的后台，将Nameserver的记录改成JustHost这个页面提供的两个地址。还没完，因为要绑定的这个域名不是在JustHost注册的，并且不是相同的注册人，所以在JustHost页面下面还有一个输入框要求输入一段EPP码。这个EPP码需要从域名的注册商那里取得。因为第二域名也是在GoDaddy上注册的，所以登陆到GoDaddy，在域名的管理页面找到一个Authentication Code的链接，点击后面的Send by email链接。等一下就在邮件里收到了GoDaddy发过来的EPP码了。将它复制粘贴到JustHost输入框中。到这一步就基本上完成了，在Step 3这里要选择Addon Domain。表示是追加一个域名绑定。在Step 4这里选择OR Create a new directory。这是表示绑定多域名的根目录。下面还要求输入一个sub-domain。这样你可以访问使用这个二级域名来访问绑定的多域名网站。然后点击Add Domain，如果上面的EPP码等设置都正确的话，这样就成功地在JustHost主机上面追加绑定了一个新域名。这也是JustHost的一个优势，用户可以在不新购买主机和额外付费的情况在同一个主机下面绑定多个域名。并且各个域名在不同的子目录下，多域名网站之间访问相互不会有任何影响。所以这样我们可以在一个JustHost主机上开通多个网站。 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477907.html 早晨做地铁，正打盹的时候，忽然听到某网站的大名被一声声地呼喊着，顿时就把我惊醒了，现在有些广告做得都不怎么考虑用户的感受，在既没有美感又没有创意的前提下，强行灌输信息只会令多数人感到厌恶。 广告本来起的是一个宣传的作用，如果人人看到都觉得烦 早晨做地铁，正打盹的时候，忽然听到某网站的大名被一声声地呼喊着，顿时就把我惊醒了，现在有些广告做得都不怎么考虑用户的感受，在既没有美感又没有创意的前提下，强行灌输信息只会令多数人感到厌恶。广告本来起的是一个宣传的作用，如果人人看到都觉得烦，那就适得其反了。其实广告也有很多形式，平面、电视、网络等。通常我们看到的都是以上三种。这里，给大家介绍一个比较新颖的趋势——情景互动式广告。情景互动广告是指需要广告画面外的物体来参与，共同完成信息传播的一种广告形式。与传统广告相比，情景互动广告并不一定需要在公共场合突出位置，以大幅面、醒目文字和艳丽的画面博取注意力，而是建立在用户视觉经验、心理暗示和行为活动之上，根据广告目的预先设计场景，使得用户能够不自觉地参与互动体验各种广告信息，从而更生动、更形象和更丰富地传播信息。它除了互动性的特点之外，还具有非强迫性的特点，用户可以自由选择是随意浏览还是细看，避免了注意力集中的无效性和被动性。常见的情景互动式广告大体可分以下三类：一．创意与产品包装相结合生活中各种产品都会有一个精美的包装，大多数只是为了一个美观的视觉效果，但是当创意融入产品包装，它会产生一个多么美妙的感觉！Nike Stadium系列鞋的鞋盒设计，小鞋盒，新天地，足球场有了，篮球场，排球场以后也会有的！潘婷洗发露的去屑功能，看到头发上飘着几颗白色盐粒，会不会觉得特别不舒服？整容医院的水杯，不知道整容后的效果？好的，先让你体验一番！既不耽误喝水也不耽误美观！讨厌下雨天？给你一片阳光灿烂的天空，即使雨天也不例外。看到这把伞就会心情舒畅！这个鼠标垫是不是让你浮想联翩，满足了手感，满足了想法，还有良好舒适度。难道你还不心动么？二．创意融合周边环境让观众参与，是拉近产品与用户的直接方法，也是让用户深入了解产品的机会，传统的方式是当你正在逛街，销售员会发给你一些宣传单或者突然把你拉去做个测试什么的，这种事情常常让我们避之不及。如何让体验和用户的关系变得自然成为需要攻克的难点。以上两则广告的形式已经突破了传统的束缚，而是借助大自然，加入光电等元素，将创意表现得淋漓尽致。而这两个广告则给了用户一个亲身体验的过程，但是它并不突兀，恰到好处的利用了周围的环境。反而用户会觉得很有趣，没有心理上的抵抗。不仅起到一个美化环境的效果，还给产品做了有力的宣传！利用井盖内冒出来的热气做了咖啡杯，实在太妙了！再乱的头发也能梳理的很光滑。连卫星都能吸下来的吸尘器，还愁家里的卫生不好么？三．公益广告公益广告作为与前两类属性不同的一个类别，这里单独拿出来说一下，我们见多了的是公益海报、是几个明星出来拍摄一段视频呼吁我们爱护环境，关注儿童、是某个墙壁上用红色大字写的标语，可是真正看到心底的又有多少呢，几乎都是三分钟热度，过了就忘！以下这些公益广告将会给你一个触动心灵的洗礼！这是07年戛纳广告金狮奖作品，奥美广告为英国卫生部和癌症研究所所做。清晰直观的告诉我们吸烟对身体的危害有多大，就像随身携带一颗威力无穷的炸弹！我们所浪费掉的水对于那些极度缺水的非洲儿童来说是多么的可贵！这个创意很小，但在我们每一次使用水龙头的时候，他会提醒着我们要节约用水！某个城市广场上放着的巨大的冰块，慢慢的融化，以小见大，警示南极州的冰川正在融化。地球臭氧层就像那层透明的气球，一扎就破，它是多么需要我们爱护啊！少用几张纸，就保住了一棵树木！最后我们来总结一下情景互动式广告的特点：1．参与性：体验经济时代，用户在广告中获取亲身感受，体验到参与的乐趣。2．娱乐性：广告信息不再直接描述，通过比拟，象征和夸张等手法，产生诙谐与荒诞相容的心理。3．多元性：广告传播环境的多样化（玻璃幕墙、车体、普通地面），广告媒介形式（三维、四维）、广告表现手法（声光电）。情景互动式广告能够使广告跟用户产生互动，这种互动首先是行动上的“亲身参与”和“亲密接触”，之后从思想上产生影响，最后会给用户留下深刻的记忆。相信随着技术、设计创意等的日益完善会发展得越来越好！ 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477906.html 前言 去年我凭着对网站架构的浓厚兴趣陆陆续续给大家分享了不少大型网站架构的经典案例，但是大部分都只是介绍了大概，并没有深入地研究，有兴趣的朋友可以去我博客的网站架构分类下学习讨论。今年我打算继续学习网站架构方面的知识，并对此作更加深入地分析 前言去年我凭着对网站架构的浓厚兴趣陆陆续续给大家分享了不少大型网站架构的经典案例，但是大部分都只是介绍了大概，并没有深入地研究，有兴趣的朋友可以去我博客的网站架构分类下学习讨论。今年我打算继续学习网站架构方面的知识，并对此作更加深入地分析与实践，当然学习成果会及时和大家分享和交流，希望今年自己的能力可以更上一层楼吧。这几天我一直在关注大型网站中图片存储方面的相关问题，通过了解和实践，体会颇深，我想我可以针对图片存储这个话题写一个系列文章，以便对这次学习的总结。第一篇，让我们从独立图片服务器开始说起，真爱，不是须要让自己更加独立的么？come on！正文一、部署独立图片服务器的必要性我们知道，无论对于Apache还是IIS，图片始终是最消耗系统资源的，如果将图片服务和应用服务放在同一个服务器的话，应用服务器很容易会因为图片的高I/O负载而崩溃，因此对于有些大型网站项目，我们有必要将图片服务器和应用服务器分离。部署独立的图片服务器（甚至是服务器集群）是大型网站图片存储解决方案中最基础的，因为有了独立的图片服务器后，我们才能对图片服务器做更有针对性的性能优化，比如从硬件角度说，图片服务器可以配置高端的硬盘，7200转的换成15000转的，而CPU却只要一般就可以了；从软件角度说，可以为图片服务器配置特殊的文件系统来满足对图片的I/O请求，如淘宝的TFS，就很好地解决了大规模小图片文件带来的I/O噩梦，同时，我们也可以采用nginx、squid来代理图片请求等等。二、采用独立域名注意，这里是指独立域名，不是子域哦，比如yahoo.com图片服务器用了yimg.com的域名，而不是用二级域名img.yahoo.com，这是为什么呢？个人觉得原因主要有以下几点：1、同一域名下浏览器的并发连接数有限制，一般在2 - 6之间，下图列举了各个浏览器的并发连接数（来自网络，未经我亲自考证，供参考）这样，我们如果给图片服务器配置独立的域名，那么在一个页面中加载图片时，就可以突破浏览器连接数的限制，理论上，增加一个独立域名，并发连接数加倍。2、由于cookie的原因，对缓存不利比如有一张图片http://upload.chinaz.com//，那么当我们向它发起请求的时候，会带上www.test.com域名下的cookie，由于大部分web cache都只缓存不带cookie的请求，这样就导致每次的图片请求都不能命中cache，而仍旧要去原始服务器获取图片，导致图片缓存意义不大。所以，还是给单独搞一个图片独立域名吧，当然，不只是图片，css和js文件也可以参照这个思路来搞。3、方便CDN同步这个我不太清楚是怎么回事，我个人猜测和第二点cookie有点关系，还望资深人士留言分享，谢谢。三、图片服务器分离后，如何进行图片上传和图片同步当然任何事物都具有两面性，图片服务器分离固然提升了图片访问的效率，大大缓解了服务器因图片造成的I/O瓶颈，但是分离以后图片的上传和同步就成了一个大问题了。下面就我个人的想法谈谈几种解决方案。1、NFS共享方式如果你不想在每台图片服务器同步所有图片，那NFS共享是最简单也最实用的方式。NFS是个分布式的客户机/服务器文件系统，NFS的实质在于用户间计算机的共享，用户可以联结到共享计算机并象访问本地硬盘一样访问共享计算机上的文件。具体实现思路是：web服务器通过nfs挂载多台图片服务器export出来的目录，用户先将图片上传到web服务器，然后将上传的图片通过程序拷贝到这个mount目录中去，这样那几台图片服务器就也能访问到刚上传的图片了（注意，只是共享了，并没有真正拷贝到图片服务器）。再给那几台图片服务器绑定独立域名，于是浏览器端就可以用单独的域名来访问图片了。这种方式基本不会有因同步造成的延时，但需要依赖nfs，nfs挂掉会影响web服务器。为了更直观的表达，我还是上一幅图吧，画得比较粗糙，大家将就着看看。至于如何配置nfs，大家google一下，或者看一下这篇文章，是在Linux下配置NFS的。2、利用FTP同步和上面nfs不一样的是，用户上传完图片后是利用ftp同步到各个图片服务器的，php、java、asp.net基本上都能操作ftp。这样的话每个图片服务器就都保存一份图片的副本，也起到了备份的作用。但是缺点是将图片ftp到服务器比较耗时，如果异步去同步的话又会有延时，不过一般的小图片文件也还好了。当然除了上面两种方法，还有诸如安装同步软件、webservice等方法，但我个人觉得上面2种比较靠谱一点，所以其他的就暂时不介绍了，如果各位朋友有更好地建议，请留言分享。好了，对于独立图片服务器的介绍就到这里了，欢迎大家补充，咱们下回见。作者：王国峰 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477905.html 如果说用户把商品加入购物车后却放弃了购买显得太可惜，那么，用户下单后最终未付款则着实可恨。加入购物车后放弃购买，好比姑娘有和你开房的想法但半途却改变主意；而下单后不付款则好比姑娘和你进入房间了最终你俩什么都没做。到了这个地步，你怎么也得分析 如果说用户把商品加入购物车后却放弃了购买显得太可惜，那么，用户下单后最终未付款则着实可恨。加入购物车后放弃购买，好比姑娘有和你开房的想法但半途却改变主意；而下单后不付款则好比姑娘和你进入房间了最终你俩什么都没做。到了这个地步，你怎么也得分析原因吧！为什么用户下单后却不付款？根据观察、调查和询问业内一些朋友，最终总结如下：对商家（网站）来说有何影响1、 资源的浪费，如果能在这里使一把劲提高支付成功率，比重新去拉用户下单容易许多；2、 对库存紧张的商家来说，因为下单后库存临时冻结，导致其它用户不能购买，造成损失；3、 对商家信誉或口碑造成影响（对第2、5、9点原因的客户来说，网站的体验很差）发现问题容易，解决问题才是目的，有何应对良策？我提出几点理论方法，供参考： 下单后临时改变主意，不想买了，真的，单纯的不想买了 优化购物流程，照顾到冲动购买的用户，多折腾两下用户的激情就没了。不知道有没有人研究过用户“冲动”的时间有多长？ 用户习惯问题，下单后再询问客服问题，因为不满意或无回复而取消订单 我想这种用户习惯多半是淘宝平台养成的，痛恨淘宝吧，强大的客服力量。在淘宝买东西不问客服两句心里都不舒服。不想要客服？那么把常见问题和用户常询问的内容整合到网站内容、商品内容中吧，期望用户能多看几眼。 先下单，不立马付款，而是间隔一段时间再付款 用户很可能会忘记或失去兴趣，所以及时短信或者邮件提醒用户付款。及时是多久？有人说24小时内，有人说12小时内，你看着办吧。 支付账户没钱，需要充值 及时短信提醒用户订单未付款，并告知可更换支付方式，网站支持COD 不能支付或者支付不顺利 允许用户更改支付方式，且方便。有网站把选择支付方式放在提交订单后是有道理的。 下单后临时想更换或增减商品 支持用户自助更改未付款的订单的商品，支持客服帮忙更改用户订单。 只是下着玩玩 参考某卖酒的网站，天天给这类用户发短信骚扰他 ^-^ 下错单或者重复下单 暂无良策 下单后被告知没货 系统保证能下单就应该有货，对于不做库存的网站，这是痛点。此外还可以考虑以下几个问题1、下单后多久未付款系统自动取消订单？有的网站是7天，有的24小时，为什么？为什么要自动取消订单？2、是否让用户自助取消订单？3、对下了订单放弃支付的用户，意味着我们已经掌握了其个人信息和购买喜好，除了及时的短信或邮件唤回订单，后期的精准营销也很有意义。 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477904.html 下面将要讲到的是如何在远程服务器中创建网站，使得其可以通过互联网来访问。在远程服务器中创建网站，需要两样必备的东西： 主机空间和域名。方便起见，本文介绍的主机空间自带了二级域名，无需另外去申请。下面就以安装Discuz!论坛为例，来体验一下从申请空 下面将要讲到的是如何在远程服务器中创建网站，使得其可以通过互联网来访问。在远程服务器中创建网站，需要两样必备的东西： 主机空间和域名。方便起见，本文介绍的主机空间自带了二级域名，无需另外去申请。下面就以安装Discuz!论坛为例，来体验一下从申请空间到建站完成的整个过程吧！前期准备上篇文章中，主机空间即在本机硬盘中。为了使建立的网站能够方便地使用远程计算机来访问，我们需要获取一个远程的服务器空间，本文以免费的zymic主机作为数据存放的服务器。首先，访问zymic主页http://www.zymic.com，在左侧面板中点击“Sing-Up / Log-In”来注册一个账户（请填写正确的电子邮件地址，提交注册后需要到邮箱中确认方可激活账户）注册过程我这里就不加以详说了。 激活账户完成后登录zymic，在登录后的页面中点击“Create New Web Host Account”来创建一个免费的主机账号。紧接着输入网站的域名，根据自己的需要填入一个没有被注册过的名称并点击“Continue”（网站建立后输入这个域名即可直接访问）。 接下来输入一个密码， 该密码将用作登录此主机控制面板以及FTP空间。确认密码后就会看到“阅读并同意服务条款”的页面，在页面下方勾选所有的项目（可以粗略阅读一下，因为有很多网站类型是不被允许的）并输入正确的验证码， 然后点击“Create website account！”。稍等片刻后， 就会看到主机空间成功创建的页面。请记住你所申请的域名，以及FTP服务器的一些登录信息（用户名、 端口等），如下图所示。主机空间申请好后，我们要到康盛主页（http://www.comsenz.com/）下载Discuz!的安装文件。本文将以Discuz!X2为例，因此要下载X2版本的程序包（所有版本的Discuz!均可以在http://download.comsenz.com/下载到）。接下来使用FTP软件（如FileZilla）将下载回来的压缩包解压并上传“upload”中的所有内容至FTP服务器中（文件较多，需要数分钟时间）。｛不会使用FTP软件吗？ 首先请下载并运行一个FTP软件，创建一个连接并填入注册时zymic提供的FTP服务器信息，点击“连接”即可登录服务器；打开Discuz!压缩包， 进入“upload”目录， 全选此目录下的所有内容，将其拖拽至FTP服务器根目录下（在FTP资源管理界面显示为“/”）即可进行上传。｝创建数据库在Discuz!安装文件上传之余，也不要傻傻地等， 我们来创建一下数据库，用来存放论坛的数据。登录zymic，在左侧面板中点击“My Account Management”。这时可以看到在“Creat New Web Host Account”旁边会出现我们先前注册的域名，并且旁边有个“login”的小图标，点击它并输入密码就可以登录主机控制面板了（密码和FTP服务器密码相同）。在主机控制面板中点击“Database Management”， 在“Create a database”中填入一个数据库名称， 点击“Create database”即可创建一个数据库了， 如图所示。紧接着， 需要创建一个用户以使用这个数据库。 在“Create a username”中填写用户名和密码，然后点击“Create user”，最后在“Assign privileges”中点击“Assign privileges”便搞定了， 请记住这个数据库的信息（包括数据库名、用户名及密码， 若忘记了可以登录主机控制面板来查看），安装Discuz!时将会用到。开始安装Discuz!现在是万事俱备，东风也有了，来开始安装Discuz!X2吧！是不是很激动呢？ 我也是啊！我今天也是第一次安装Discuz!。在浏览器中输入http://你的域名/install/（以本文为例，应该输入congblog.zxq.net/install），即进入Discuz!安装向导。此处自然是点击“我同意”，这时会看到“目录\文件权限检查”中有多个项目未能通过检查，这是因为论坛需要对这些内容进行读写，但是这些文件（夹）目录还没有被分配到足够的写入或读取的权限，我们需要在FTP服务器中一一找到这些文件（夹），分别右键点击它们，选择“文件属性”，并勾选“写入”，或在数字值中填入“777”。全部修改完成后刷新安装向导页面， 然后点击“下一步”。在下一个步骤中，填入数据库信息并点击下一步，如下图所示。紧接着就是论坛安装的过程，等待片刻就完成了。在下一个页面中可以选择提交自己的信息， 也可以直接跳过。由此，我们的网站（论坛）便成功建立了（如下图）。以后只要在浏览器中输入我们的域名，就可以直接访问这个网站。现在，这个网站只是初始状态，很简陋，我们完全可以让它变得更漂亮更精彩，因为我们对它拥有所有权：-）。好了，建立网站的两篇文章至此收尾，感谢你的阅读！写作仓促，文章如有错误之处，恳请批评指正。如有任何疑问，欢迎留下文字与朱定聪共同交流。相关链接及参考资料：Discuz!官方：http://www.comsenz.com/Discuz!X2下载地址：http://download.comsenz.com/DiscuzX/2.0/ 建站经验 admin 未知 2012-02-22 19:59 http://www.10bu.com/webmanage/experience/2012/0222/477903.html 由于网站目前使用的VPS硬件资源有限，网站经常会出现无法打开的小状况，网站的发展有些难以为继。不过更令其纠结的是不知道该换独立服务器还是升级VPS。考虑到安全与成本因素，对云主机又有些蠢蠢欲动，但国内却没有详细介绍资料，不知道该怎么选择。随后在与 由于网站目前使用的VPS硬件资源有限，网站经常会出现无法打开的小状况，网站的发展有些难以为继。不过更令其纠结的是不知道该换独立服务器还是升级VPS。考虑到安全与成本因素，对云主机又有些“蠢蠢欲动”，但国内却没有详细介绍资料，不知道该怎么选择。随后在与编辑部同事讨论云主机时，发现有不少同事都遇到过咨询云主机的朋友，而且大家的困惑普遍集中在四点：1、都有哪些云主机平台，哪一个更“靠谱”些；2、哪一个云主机比较好用（操作容易上手、问题解决迅速、售后服务及时）3、对于中小站长来说，哪一款云主机性价比最高，最适合中小站长；4、对于新手而言，云主机该如何上手，并适应云主机与空间的不同操作习惯。考虑到中小站长的实际需求，在咨询了新浪云计算中心的工程师、CSDN创始人蒋涛等云计算领域有关人士之后，站长之家编辑部将推出云主机系列文章，以帮助中小站长朋友了解、选择、上手最适合自己网站需要的云主机。什么是云主机？云主机虽然已经兴起多时，但是云的概念在用户心理一直都是非常抽象以及难以理解的。云主机也称弹性计算云，简单的说，主要有两种：一种是提供主机的，例如阿里云服务器、盛大云主机，可以把它理解为VPS的高级版；一种是提供代码托管服务的，例如谷歌的Google App Engine和新浪的Sina App Engine，可以把它理解为多节点的虚拟主机。前者是在传统 VPS 上的升级，维护麻烦，但灵活度高、调整迅速。后者限制比较很多，但是需要操心的维护工作最少。它们都有区别于传统IDC的地方，那就是：按需付费、扩容容易、升级简单。有哪些云主机服务商？国内的云计算一直是炒得很厉害，各大互联网公司都在宣传。编辑部列举出具有代表性的云服务商供各位站长参考。亚马逊EC2弹性云计算官方网址：http://www.awschina.com.cn/product.html服务商背景：亚马逊 & 深圳云果信息科技有限公司简介：Amazon是全球最早提供云计算的服务商，它最重要的贡献是真正实现了云计算的Utility化。亚马逊提供的云服务主要包括：高性能计算、企业云端虚拟桌面方案、虚拟主机、应用托管等。案例：维珍航空公司 、世嘉 、Zoopla 等盛大云主机官方网址：http://www.grandcloud.cn/product/c2服务商背景：盛大旗下自主技术研发的公有云平台简介：盛大云提供按需付费的云主机服务，站长可以根据网站的需求来选择不同的云主机套餐，并依据套餐标准、网站流量、独立IP等来收费。盛大云主要提供云主机、云存储、云硬盘、云监控、云分发等服务。案例：盛大网盘、云中书城、创业家网等阿里 云服务器/网站云官方网站： http://web.aliyun.com/服务商背景：阿里巴巴集团投资创办，在杭州、北京和硅谷等地设有研发和运营机构。简介：阿里云提供了多款云主机产品：云服务器、网站云、电商云，其中云服务器主要服务于企业用户，价格稍高；网站云、电商云适合中小站长，但限制了只能安装主流建站程序。案例：评论啦、数字蚌埠、黄山市民网、嘉兴第九区等新浪Sina App Engine官方网站：http://sae.sina.com.cn/背景：新浪旗下 新浪云计算的核心战略部分简介：国内首个云计算平台分布式Web服务开发、运行的平台，目前仅支持PHP编程语言。适用Web开发者和普通互联网上网人群，其推出的“应用商店”实现一键安装常用网站程序。案例：微盘、互联网的那点事、禅道项目管理软件、微游戏谷歌Google App Engine官方网址：http://appengine.google.com/背景：Google公司旗下简介：Google提供的WEB 应用程序的开发和托管的平台，真正从技术上把计算的规模做上去的。目前仅支持Python、Java两种编程语言，对普通站长使用门槛较高。案例：v2ex.com，Define.io，micolog等本文主要是对站长比较关注的一些云主机平台的简单归纳，仅作参考。若您想了解云主机具体参数性能信息，请联系各云主机服务商。在后续文章中，编辑部将重点讲述上述云主机的使用教程、云主机性价比以及云主机的横向测评等。 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/webmanage/experience/2012/0222/477902.html 每月订购模式近期在国外电子商务市场上不断升温，越来越多按此模式提供各类服务的企业创立，近日有一家名为Love With Food的初创企业在热门孵化机构500 Startups的Demo Day（展示日）上问世，并成功获得了媒体与投资者的广泛关注。和其它类似模式的企业相比所 每月订购模式近期在国外电子商务市场上不断升温，越来越多按此模式提供各类服务的企业创立，近日有一家名为Love With Food的初创企业在热门孵化机构500 Startups的Demo Day（展示日）上问世，并成功获得了媒体与投资者的广泛关注。和其它类似模式的企业相比所不同的是，Love With Food与它的名字一样，在从事食品销售的同时，多了一些有“Love（爱）”的慈善元素。与其它每月订购模式的网站一样—“每月支付一定的费用，公司会给你寄去特定的产品”，Love With Food的用户每月只需支付14美元，就可以每月收到该网站免费邮寄过来的一盒美食样品，品种不少于5样，用户可以在试吃后再选择其中喜欢的某种美食，到网站上专门再进行购买，网站会为这些参与了每月订购的用户在专门购买时提供最优惠的价格，此外，网站在每盒美食样品中，还附赠了新的食谱、可用于免费兑换食品的积分卡等。对于喜欢美食的人来说，这无疑是品尝和发现各色新鲜美食的绝佳方式。Love With Food的另外一大特色在于，它将慈善元素与这种新兴的按月订购模式结合起来，每月订购的用户每收到一盒美食样品，就意味着他们将为“No Kid Hungry”慈善机构捐赠出一餐饭（价值约10美分），以帮助世界各地的儿童摆脱饥饿。而用户每次在网站上再专门购买一盒食品，就将再捐出额外的一餐（价值12至20美分），网站的生产商合作伙伴会选择一家当地的慈善机构，如Li‘l泡芙就选择了加利福尼亚州圣何塞市的第二丰收食物银行（Second Harvest Food Bank），来接收这些额外的捐赠。到目前为止，网站一共捐出了4680餐，这个数字还在不断的增长之中。Love With Food的创始人Aihui Ong此前曾在硅谷担任了8年的软件工程师，她坚信，相比于政府来说，企业更有潜力来解决世界饥荒这个重大问题，她希望利用自己多年积累的互联网知识来方便用户、回馈社会。该公司在推出之前，就已经在Facebook上成功获得了超过115000人的支持。 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/webmanage/experience/2012/0222/477901.html 本贴是一个案例分享。服装行业的运营方案 ，更多考虑的是后端的供应链，大多数中小商家，这个方面还是很薄弱的。如果可以提前做好规划，对于货品的提前准备，准备什么，准备多少，预算多少，都有指示性的作用。作者：乐天 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/webmanage/experience/2012/0222/477900.html 【核心提示】：抢注网站域名正成为新的生财捷径。最近爆红的美籍华裔球员林书豪也遭抢注，包括中英文在内的22个相关域名已抢空。艺龙、携程、同程三大旅游网先后购回双拼域名等热门事件纷纷上演，掀开了龙年的域名争抢大战。随着电子商务的迅速发展，抢注网站 【核心提示】：抢注网站域名正成为新的生财捷径。最近爆红的美籍华裔球员林书豪也遭“抢注”，包括中英文在内的22个相关域名已抢空。艺龙、携程、同程三大旅游网先后购回双拼域名等热门事件纷纷上演，掀开了龙年的域名争抢大战。随着电子商务的迅速发展，抢注网站域名也已成为一种风潮，甚至已成为一种新的生财工具。林书豪拼音域名26万在哈佛大学学经济的林书豪，当然也很懂得保护自己的商业价值。交付了1625美元后，林书豪已经申请了“林疯狂”【Lin-sanity】的商标使用权。使用权囊括对各色各样服装的使用权以及活动人偶、饮料和背包等的使用权。不过，围绕林书豪“域名”的事，还远未结束。在中国，林书豪的域名，已经争夺得白热化。有网友发现，林书豪拼音www.linshuhao.com的域名已经被抢注，并在网上竞拍，竞拍价格竟然已经超过了26万元。中外名人鲜有人幸免中文域名同英文域名一样，它遵循国际通行法则，“先注先得”。名人中文域名的抢注远比想像中疯狂，从孔子、老子、白居易到秦始皇、成吉思汗、乾隆，再到巴金、金庸，甚至莎士比亚、李嘉诚、巴菲特等中文域名也纷纷被抢注。业内人士分析，名人域名之所以屡遭抢注，是因为其具有很高的经济价值。名人姓名具有特别的号召力，用名人姓名注册的中文域名，特别易识易记，而且利用名人效应，将域名指向自己的网站可以带来更多流量；另一方面，作为一种投资也具有很大的经济潜力。自认最棒的生意人厦门是与北京、上海并驾齐驱的互联网三大发达城市之一，有着“域名之都”美誉的厦门，人均域名占有量居全国首位，在厦门注册的域名更是占全国市场的一半以上。许多普通市民更是热衷于投资网站域名。“全中国真正从买卖域名里赚到钱的人不超过100个，我应该是最棒的。”被广大站长尊称为个人网站教父、中国著名天使投资人蔡文胜如此说。他有这个底气。在中国甚至全球范围来讲，谈到域名注册就不能不提到蔡文胜。42岁的蔡文胜出生于泉州石狮，1999年开始做域名生意，成为中国最成功的域名投资者之一。对于中国所有知名网站域名的故事，蔡文胜可以说几乎都了解，其中很多域名也与他息息相关。比如，g.cn就是蔡文胜卖给谷歌中国的，据说出价高达上千万美元，另外，他还收藏了中国上千个地方城市的域名，完全可以搞一个地方门户联盟。域名投资并非人人玩得起“草根平民现在要抢注域名，应该已经不是好时候了，因为好的域名几乎都已经被注册光了。只能是看准未来市场潜力大的域名，然后从其拥有者手中买过来，等待将来的升值了。”蔡立文是漳州人，虽然只是一名“80后”，但是他早在1999年就创立了自己的公司。因为看中了投入少、没有太高的技术含量等优点，许多平民百姓热衷于个人网站域名的投资，希望未来自己手中的域名一飞冲天，能够卖出一个好价钱来。其实，域名的投资也是有相当风险的，投入的资金也不少，并非一般人所能够玩得了。在某域名注册商的网站上，注册以.COM、.NET、.ORG作为结尾的域名，每年的费用是100元，以.CN作为结尾的域名每年也要80元。比如，蔡文胜手上拥有超过30万个的域名，假设每个域名每年缴费100元计算，30万个域名就要3000万元的费用，这还没有包括收购域名的费用。而这样的费用支出并非一般人所能承受得起的。■链接如何保护域名常见的域名争议，主要是域名与其他域名以及与商标权、商号权、姓名权、企业名称权及其他权利的冲突。常见的域名纠纷解决途径有仲裁、诉讼及和解，不同域名纠纷解决机制不完全相同，需要引起注意。目前，国际域名争议多采用仲裁方式来解决。不管是在仲裁还是诉讼程序中，因涉及多种不同权利保护范围、期限和对恶意的判断等因素，全面展示对自己有利的因素对仲裁专家组或者法院判定域名归属有很大影响。主张权利者应在有经验的律师等顾问的帮助下，收集对自己有利的证据材料，形成清楚全面的书面材料，积极应对，而被诉者放弃答辩同样是不可取的。 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/webmanage/experience/2012/0222/477899.html 亲，垂直化的收入很诱人吧？亲，齐家网的团购很给力吧？亲，篱笆网的神马装修日记很牛吧？亲，你在做家居频道？亲，我知道你有很高的流量。亲，你是否打算模仿神马家居商城？还是来个B2C？或者是搞个强悍的万人团购？亲，你的客户是不是没有大的广告单给你？ 亲，垂直化的收入很诱人吧？亲，齐家网的团购很给力吧？亲，篱笆网的神马装修日记很牛吧？亲，你在做家居频道？亲，我知道你有很高的流量。亲，你是否打算模仿神马家居商城？还是来个B2C？或者是搞个强悍的万人团购？亲，你的客户是不是没有大的广告单给你？亲，回款是否不畅？亲，是否网上搜索了一大堆无用的所谓网络营销专家的文章？亲，是否羡慕化龙巷、广妈网、19楼、华商、厦门小鱼等等NB大站的家居频道收入？好吧，亲，今天这篇文章，是写给有一定垂直化运营认知的站长的，看的懂的站长应该会有千万级收入的可能性，对于他们而言，是很精髓的内容，也是所谓的“干货”。如果有认为类似告诉你怎么去发帖，发起团购，怎么做淘宝的图片这类所谓的“干货”，对不起，这类朋友可以去看淘宝大学，或者派代的很多所谓电商运营实战的文章，这些内容并不是笔者不会，而不是今天的重点，希望能有站长都能加油，进入大站序列，垂直化、精细化可能是你们最后的机会！！！（本来用句号，想想还是3个感叹号~）这里我要对各位亲强调的一句话：赢在格局，但不要输在细节。本文更像是一篇小说，希望大家能得到一些网站运营的感悟。文章不会很长，也不会写太多，点到为止，格局啊格局~。看不懂的同学我们可能会在各类站长大会上有交流，可以当面问我，你懂的~模式篇：模式定位：收入金字塔，你在哪里？搜房、焦点、新浪家居：全国布局，是否很羡慕大品牌的广告，各类眼花缭乱的论坛活动，巨额的收入，让所有站长眼红？这类家居网站，我们姑且把他放在金字塔顶尖。篱笆、齐家，这类发迹于五六年前的家居网站，因为他们独特的优势，倍受业内关注，收入也非常不错，全国布局也很大，甚至已经有了资本市场的介入。我们把他们放在第三层。第四层：家居就、天猫、家居宝之类商城模式，我更看好后两者，原因是：天猫是淘宝的亲生孩子，家居宝并不是因为我参与了制作，故而有私心，其实是看重背后的运营。第五层：各类所谓的家居类团购网站，成天的短信轰炸、电话骚扰、酒店团购会、无处不在的小广告？迟早会死的很惨的。那这个金字塔模型的第二层应该是谁？对，一点都没错，这一层应该是我们全国无数的地方门户的站长，我们的定位是应该放在这一层的。理由如下：优势1. 我们有强大的社区资源，社区的互动人气是其他网站最缺的，这是我们最大的本钱。2. 我们的网友忠诚度极高，都是家居行业的潜在消费人群。3. 我们的本土化价值。以上三点，注定我们在家居市场上必然的优势。也许你的身边已经有我所说的各类模式的介入，不要紧张，我们具备的优势恰恰是其他类似网站的短板。劣势：1. 肆意浪费使用社区人气，花大力气搞所谓团购。2. 社区小广告泛滥，家居类没有形成社区氛围。3. 没有商业谈判经验，贱卖资源。年前，@梦里秦淮在杭州图书馆由齐鲁网组织的一次地方生活消费网站的会议上讲了一个裁缝的故事，大意如下：甲裁缝说：我是国际知名裁缝。乙裁缝说：我是伦敦最有名的裁缝。丙裁缝说：我是这条街上最好的裁缝。我从这个故事里面得到如下启示：1.远水解不了近渴。2.购买力决定选择。3.专业度影响购买意向。3.本土化价值最大。对于地方门户建议：利用好社区优势，最大化提高社区的互动性，学习专业化，挖掘本土价值。1. 社区优势利用，提高互动性1） 杜绝小广告2） 引入知识互动交流3） 允许商家自主网络营销（与1并不矛盾）4） 初期不做过多功利性商业活动5） 更多的发动网友进行相关互动，例如分享类的线上交流6） 培养你的种子网友、版主7） 利用好投诉事件（不是要广告），强化影响力8） 提高网友归属感，客户也是一样，道理参见各类积分制。9） 利用好综合类门户的优势，减少用户流失，提高互动效果。2. 专业化1） 媒体化，千万不要为自己拿个破话筒，发点软文，拿个车马费就特么叫专业了。2） 职业化，表认为会用几个破软件就叫专业编辑。表认为辛苦跟几个小老板卖了几个商城页面就叫特么专业家居销售。3） 专业知识：多跑工地、工厂。如果你连建材产品生产工艺，优劣势都不能说出来，别喊你特么专业。专业就是：网站倒闭后立刻转行做包工头，哈哈哈~~~4） 小事百度，大事问客户5） 让网友知道你很专业3. 本土化价值挖掘1） 不贱卖自己2） 不出卖网友，神马要网友电话号码的滚3） 多问你客户，爽不爽，让他把爽的经验告诉别人4） 帮你客户爽5） 不轻易做团购，尤其低质团购。综上所述：我们的产品是什么？答：我们的产品，不是商城，不是团购会，不是论坛置顶。我们的产品是基于线上和线下的立体式覆盖家装行业产业链的专业服务平台。我们在做的不是B2C，我们在做O2O。理想状态：1. 地方社区是媒体，不是网站。2. 我们是地方民生的代表，我们代表公信力。3. 编辑给客户提供最专业的家居行业顾问。4. 销售是最专业的网络营销专家，解决客户一切需求方案。5. 客户是最好的忠实网友和专家。6. 给网友最专业的知识介绍，我们是所有网友的坚强后盾。7. 我们给网友提供未必是低价的产品，但一定是性价比最好的产品。8. 奸商终结者。忠告及注意事项：1. 不要轻易尝试传统的B2C或者所谓团购，会死的很惨。2. 授之于鱼不如授之于渔，教你的客户做生意，比团购更重要。3. 你的产品就是好的服务，强调再强调。4. 商业机制是双刃剑，网友第一。5. 网络不代表低价低质，团购不代表低价。6. 专注、深度、效果是你的核心竞争力。7. 挖掘本土化价值。8. 媒体化弱时别勉强，照猫画虎反类犬。9. 挖掘精准流量。10. 树立标杆客户，开花结果都靠他。本文到此为止，也许有人看懂了，也许有人没看明白。也许有人喊，这是一篇什么破文章？垃圾！我觉着都无所谓，这的的确确是一部干货！我相信一定会对大家有帮助。 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/webmanage/experience/2012/0222/477898.html 去年年底，google analytics工具有一次大的更新，主要是对界面的排版做了调整，也新增了一些功能。网页内分析就是这次更新新添加的一个功能，在笔者看来，它绝对的强大和实用。这个网页内分析功能是将一系列的分析数据整合到网站的页面当中，通过可视化的形式 去年年底，google analytics工具有一次大的更新，主要是对界面的排版做了调整，也新增了一些功能。“网页内分析”就是这次更新新添加的一个功能，在笔者看来，它绝对的强大和实用。这个“网页内分析”功能是将一系列的分析数据整合到网站的页面当中，通过可视化的形式让我们直观的看到页面的用户反馈情况。就是这样的一个功能可以给seo、网站设计、活动的策划都提供帮助，尤其是在seo方面。我们都知道，百度越来越在乎网站内部的结构，尤其是页面的细节设计，而新版google analytics提供的“网页内分析”功能就可以帮助我们很好的做好页面的优化：1、它显示出了页面中各链接的点击情况，为我们做页面链接布置提供数据依据页面中的链接布置是页面优化很重要的工作之一，百度会根据页面中的点击情况来判断该页面当中链接的重要性，从而分配给他们对应的权重，所以我们要想办法让合适的链接出现在合适的位置，从而得到合适的权重。要做到这点，自然就必须要清楚这个页面当中各个地方的链接被点击的情况。而“网页内分析”就提供了这个数据，它以气泡和百分比的形式显示出了页面中每个链接的被点击数和占总点击数的百分比，通过这个数据，我们可以很轻松的布置页面的链接。2、指出了页面当中存在相同页面链接的数量，有助于避免过度优化我们都知道一个页面当中，如果存在很多的链接指向同一个页面，会被百度认为是过度优化。但有的时候一个页面的链接实在是非常的多，我们可能自己都没有注意到有哪些链接过多的出现在同一个页面上。google analytics的“网页内分析”工具就告知了这个页面当中存在相同的链接的数量，这就可以帮助我们去避免过度优化的情况。同时我们也可以通过这个工具，来做个测试，去了解页面当中放置其他页面链接的数量的最佳值。3、提供众多维度的整合数据，这些均为影响网站权重的因素在这个页面内分析版块当中，google analytics提供了很多参数的数据，包括：收入、目标价值、页面停留时间、深入页面数量等等，而这些都是影响页面权重非常重要的因素。通过这些数据，我们可以做非常多的优化工作。以前也接触到一些可以分析用户在页面停留的时间、用户访问页面的数量等工具，但是google analytics的页面内分析功能把这些都整合到了一起，我们可以更全面的考虑，更是要的是它是免费的。有了这样的一个工具，我们做页面的优化就显得得心应手了，我们可以将优化工作简单和可操作化，有了这些数据作为依据，我们的优化方向也会更加的准确。这个功能不仅对于seoer来说是神器，对于网站设计、网站活动的策划也是有很有用处的，你可以通过这个功能知道如何排版网站的内容用户是最喜欢的、跳出率最低的；你也可以通过这个功能知道什么样的活动用户是喜欢的，什么样的活动内容是最能吸引用户购买的等等。综合来说，新版google analytics的网页内分析功能是非常强大、非常值得去使用的一个工具。 建站经验 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477897.html 文章描述： 优秀用户体验的五点提示. 感谢苹果公司，现在的产品和应用越来越注重用户体验。如果有读者使用过私密社交软件Path的话，一定会惊叹Path出色的UI设计。在未来应用爆炸的年代，要想给用户留下良好的第一印象，产品拥有优秀的界面设计和用户体验已经 文章描述：优秀用户体验的五点提示. 感谢苹果公司，现在的产品和应用越来越注重用户体验。如果有读者使用过私密社交软件Path的话，一定会惊叹Path出色的UI设计。在未来应用爆炸的年代，要想给用户留下良好的第一印象，产品拥有优秀的界面设计和用户体验已经越来越重要了。 在这篇文章中，我们列出了五点产品和应用如何设计出最优秀的UX，供想做出举世惊叹的产品的团队和个人参考。 1. 优雅的UI（用户界面）设计 虽然最好的用户体验不会全部归功于UI设计，但无疑这是很重要的一部分。比如社交应用Path，当你喜欢一个好友分享的图片时，点开右上角的微笑小图标，便会顺畅的滑出一个选择框。其中表情有四个：微笑、眨眼、惊讶和哭脸，还有一个表示“最爱”的心形图标。这样就通过微妙而显眼的图标将人们的心情表示出来了，准确又不失风趣。 2. 成瘾性 设计是一部分，但也需要挖掘产品内部的价值。你的产品要么解决了用户的具体需求，要么产生了愉快的使用体验，当然两者结合会更好。换句话说就是，你要让用户对你的产品上瘾。 最好的例子就是图片分享网站Pinterest，它通过用户上传筛选吸引人的图片，不断地给用户提供他所喜欢的。这样既吸引用户不停的浏览，同时又创造了更多的传播，这是站内病毒式传播的绝佳例子。它不仅解决了人们存储交流图片的问题，同时又满足了所有人的好奇心和虚荣心。想想，你现在看到心爱的图片还会存到根本没人看的电脑硬盘里吗？ 3. 快速上手 易用性在这个产品爆炸、应用爆炸、信息爆炸的时代变得越发重要。以Kindle Fire为例，它没有iPad漂亮的外观，但Amazon却做了一件苹果可以做但没做的事情。当你购买一个iPad后，你需要连接到电脑、连接到iTunes上，才能为你的iPad安装软件。 但Kindle恰恰相反，在你拿到Fire开机后，不但预装了用户的必要信息，甚至只需点击一下，你的所有软件、书籍、音乐等都轻松的下载到你的Fire上来。和iPad相比，Kindle Fire不但无需电脑、无需软件、无需各种连接环境，而且用户的信用卡信息都无需输入（购买时已预装）。想想看，当用户点一下就能购买任何想要的东西时，他的欲望会膨胀到什么程度？！ 4. 无缝体验 现在到处都充斥着网络和屏幕，从2寸屏到24寸屏都有。这就需要软件在一致性方面要做的很好。举个例子，Rdio是一个在线音乐软件，它虽然只能在部分地区使用，但不论是在iPhone还是iPad还是电脑桌面上，用户感觉不到设备所带来的变化。而且更绝的是，Rdio允许用户通过WiFi将整张专辑都下载在手机上，这样用户既能随时听想听的歌曲，同时无需担心手机的流量费。无论何种网络环境，Rdio让用户用起来感觉不到任何的差别。 5. 革命性的改变 可以这样说，目前很多优秀的产品都在改变着我们做事的方式，比如iPhone和iPad。他们创造的完全不同的用户体验，让人们发现原来世界上还有这么好用的东西，从了受到用户的狂热追捧。 当然，创造出革命性的体验并不是一件容易的事，有些产品之创造了一些小小的革新。但不管怎样，创造就有价值。它的大小只会影响你价值的大小，但仍然会为你创造价值。 最后，我想说的是：优秀的用户体验不是想出来的，是用出来的。如果乔布斯不天天在兜里揣着iPhone手机，他也不会想到要一个大猩猩玻璃屏。从需求出发，以使用者的角度设计产品，并不断追求完美。只有这样，你才能创造出有伟大用户体验的产品。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477896.html 文章描述： 网页浮动层之我见. 浮动层是网页效果中的一种形式，它的表现样式为其始终显示在屏幕的特定位置上，不跟随鼠标的滚动而滚动以达到强调其内容的或者衔接上下文解释说明的效果。 浮动层在前段时间沉寂了一下下，现在，又重出江湖，得到了重视，发挥 文章描述：网页浮动层之我见. 浮动层是网页效果中的一种形式，它的表现样式为其始终显示在屏幕的特定位置上，不跟随鼠标的滚动而滚动以达到强调其内容的或者衔接上下文解释说明的效果。 浮动层在前段时间沉寂了一下下，现在，又重出江湖，得到了重视，发挥其巨大的作用（PS：浮动广告不算其列）。 浮动层在网页中的应用主要有以下几种情况（自己总结，不全面请补充哦）： 1 导航类浮动层： 当网友在某一页面中浏览内容时发现已没有兴趣或者没有找到自己想要找到的内容的时候，需要从导航进入到另一个页面里继续浏览或者找寻。故当现有的很多导航为固定导航时，网友需要将页面重新拉回到顶端或者结合“返回顶端”按钮来进行下步操作（没有“返回顶端”按钮就比较悲剧了T_T）。但是如果导航做成浮动的，这个问题就比较完美的解决了。 如图A。 新版的新浪微博的页顶一级导航采用了浮动的效果，符合微博用户的心理（很少微博用户能一页一页耐心仔细的翻看微博，微博的浏览是跳跃式的），跳转更方便。与此同时，淘宝的商品详情页也进行了细微的改版，商品详情切换导航才用了浮动层得效果，也和从前就存在的“返回顶部”做了整合，切合现在商品展示越来越细，页面越来越长的实际情况。 2 对比类浮动层 现在各种产品越来越丰富，用户越来越无从下手，所以各种产品页面都增加了对比的功能，有两种，三种，四种产品同时对比，且对比的参数也越来越多，导致对比的页面越来越长。 如果有4种产品同时对比，对比参数的列表高度有1屏以上，那么浏览到下面，用户会有大脑混乱的可能，某个参数到底是哪个产品的？同学，你有没有这种情况的发生？当产品的名称行做成浮动的，一直提示用户某个参数对照某一产品，用户头脑会清晰很多，相应的，也能很快的对产品做出选择。 例如图B中的QQ汽车对比页面，汽车的参数有很多，所以这个对比页面的高度很高，还有正在规划设计中的365商业地产单铺对比页面，最多同时有4个商铺进行对比，页面单位信息量太大，所以此类对比页面产品名称行做成浮动是比较合适的，让用户一目了然，不再有参数与产品对不上的感觉。 3 提示类浮动层 此类浮动层应用是最广泛的，各种客服，返回页顶，新版提示等等，都会采用这种形式。如图C。 虽然浮动层的优势很多，但是也不能滥用，针对各种情况要进行用户浏览方式的分析，合理的使用浮动效果。同时也要控制浮动层的数量，不是越多越好。Thank you！ 作者：文击每耳 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477895.html 文章描述： 优秀Web设计10项原则：创新实用富有美感. 他能够为我们使用家用电器的方式掀起一场革命，现在我们仍然把它作为现代世界的设计灵感，最好例子就是Apple。Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则。 Dieter Rams最著名的设计思 文章描述：优秀Web设计10项原则：创新实用富有美感. 他能够为我们使用家用电器的方式掀起一场革命，现在我们仍然把它作为现代世界的设计灵感，最好例子就是Apple。Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则。 Dieter Rams最著名的设计思想是优秀设计的10项原则，这些原则通常用来做出好的设计或对其进行归类。这些原则包含了在创建项目的时候设计师需要考虑到的问题，但是这些原则最适用于工业设计，因为Dieter Rams正是在这个领域做出了非同寻常的作品，并得出了这些灵感。 这些原则并不是古板的戒律，并不是不能变通的，这些只是准则，帮助定位一个优秀的设计是什么样的。 70年代中期，Rams开始举办有关设计的讲座，并提出了六项原则，多年来他不断的改进，在80年代中期把这些原则“升级到”10项，现在仍然被人们推崇。 因此，为什么不能把这10项原则运用到像素世界中去呢？为什么不能把他们运用到Web设计中去，同时讨论一下什么事优秀的Web设计呢？ 我通过自己在Web设计领域中8年的工作经验和工业设计领域的背景学历，我虚心地把这10项原则运用到Web设计中，并根据自己的顿悟使其更好的适用于Web设计。 1.优秀的设计应该是创新的 第一项原则同样也是Web设计的基础—创新。设计者必须注意的是，在构思优秀的Web设计，创新能够起到非常重要的作用。以下是两个基本点： 1.在UI和图片设计方面，应该用创新的心态和批判性的思维对待每一个项目，并试图开阔自己的思维，发掘其它的分支。把创造力作为创新工具，来脱颖而出。 2.多和身边的新人保持交流，不管是图片生成工具还是新的编程语言，多接触这些内容 管理创新是一项艰巨的任务，因为它总是不断的变化发展，但是要一直保持开阔的思维，尝试新的方式进行创造，只有像这样你才能够有多种途径做出优秀的Web设计。 2.优秀的设计让产品更加实用 何谓实用性网站，如何使网站具有可用性？ 这一点描述起来有点棘手，因为在不同的人看来网站的可用性是不同，但是我想强调实用性网站的三个方面。 1.有助于访客浏览网站：尽可能使访客毫不费力就找到他们想找的内容，用户界面的细节和信息的显示都能够使网站变得实用。 2.实用的内容：网站的内容是网站最有用的部分，如果不重视网站的内容，你就轻而易举地丢掉了提升网站实用性的一大法宝。 3.实用性网站的最后一点是你怎样编码你的网站，因为你需要考虑到网站优化和性能方面，以使网站实用。 3.优秀的设计富有美感 对于一个网站来讲，美感是可视细节和实用性之间的平衡关系。一个富有美感的网站，不仅给用户提供非同寻常的体验，而且呈现出相关的内容。 单纯从面向设计的视角来看，有三点能够帮助设计者做出优秀且富有美感的Web设计。 1.颜色：谨慎对待色彩方案—它们给所有页面带来馨香。你可以尝试使用不用的组合，但是需要考虑到每种颜色的含义。如果你准备给不同的设备提供不同的体验，显示器上显示出的颜色不会比纸质的或某个物件上的颜色更好控制。 2.网格、空间：在组织网站的基本结构时，你需要决定用户如何看到网站的内容—按照次序或网格，对待空白部分要尤其小心。信息的不同尺寸/对称性/次序决定人们如何解释这些内容。 3.版式：显示文本的方式和字体的选择比一般人想象的更重要，能够阅读并且强调不同的内容取决于你为网站选择的版式。 4.优秀的设计使产品更简单易懂 为了确保网站易懂，你需要清醒地意识到目的，网站为了某些目标而进行设计。你需要保证网站的易用性，对于用户来说，怎样毫不费力地达到了他们的目的。 举个列子，如果你有一家网店，目的就是为了销售，因此，你的设计要尽可能简洁，小心改进浏览商品的体验和访客退出的方式。网站最好是一目了然的。 [1] [2]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477894.html 文章描述： 从平台建设浅谈产品设计. 最近总听到关于平台建设的问题。忽然就就这个平台建设的问题有很多的疑问。也是自己一直以来蛮不解的，顺手百度了下，发现这类的文章不多，要不就是说得很系统很深，要不就是谈的不是自己需要的，哈哈。 工作一年以来， 文章描述：从平台建设浅谈产品设计. 最近总听到关于平台建设的问题……。忽然就就这个平台建设的问题有很多的疑问。也是自己一直以来蛮不解的，顺手百度了下，发现这类的文章不多，要不就是说得很系统很深，要不就是谈的不是自己需要的，哈哈。 工作一年以来，由于行业的关系，做平台建设这类的工作还真是不多，不过每次接触都觉得很有意思，也非常的忐忑。因为最害怕的就是平台架构、产品的设计出现遗漏或者说最糟糕的问题——不合理。但是总是思考，不去实现怎么知道结果或者后面的建设要怎么做呢？在征得领导的支持的前提下，自己开始了尝试。把几个平台列举下，多方打探、调研、排序。从最易把控的开始。计划：已有的产品进行梳理升级（功能调整、平台重建等），根据计划做了相关的产品的调研工作，由于前期产品没有相关的文档，给工作带来了很多的不便。不过也给系统的思路最大化的打开，在这个过程中，严重觉得“经验”的重要。如果曾今使用过或参与过类似系统平台的建设，那就好多了。一时间不知道如何去下手，一段时间内非常的苦恼。不过既然开始了，肯定需要个解决方案最终得要有个结果的。于是尽自己最大的努力去做。 经验很少，但是有一点点自己的感受吧。 产品设计原则： 一、目标明确，做任何事情要有最终的目标，并贯穿整个项目过程。明确的目标也便于后期工作的开展、校验。确定自己要做一个什么样的产品，而你做这个产品的原因不是这个产品绝对的有前途，绝对的赚钱。而是在你的能力范围内，你绝对能做好这个产品。关键是自己能否做好，在有前途的事情，总是在你做好了，才可能有前途。当有了一个明确的目标的时候，我们就要参考同类产品，参考别的项目，看看有没有自己可以吸取的优点，这一步是给产品做加法，目的是让自己的思路开阔一些。但是加法必须有限度，围绕自己的目的点，而非什么都做。当加法到一定程度，我们就要给产品做减法运算，把可以去掉的功能、栏目，统统砍掉，就保留有特色，有把握的功能。到不能再减少的时候，这个时候就是你要做的产品。 二、精简你的产品 ，往往我们在做产品调研、规划的时候会发现，越梳理越繁杂，觉得哪块都很重要，都不可缺失。其实正确认知企业用户并实时推出适合的产品才是王道。而不是见什么好，自己都需要，造就一个没有任何特色的四不像。基本的原则：就是精简你的产品，聚焦你的财力、人力、精力到一个点上，专注你要做的事情，然后把这个点做到特色突出。而这个点就是你的产品，也是你的优点所在。因为你把精力和财力都集中在一个点上，所以你更容易把控产品，同时更容易做好这个产品，即使产品失败了，因为铺开的面很小，所以带来的损失不大。也便于挽回产品局面。 三、成本控制，合理的设计应该在保证产品必备功能的前提下，使制造成本最低。 四、熟悉项目业务、流程，熟悉你的用户，便于沟通，理解产品。才可以量身定制适合的产品，不至于天马行空，不切实际。 五、平台架构原则，如何实现产品功能，可以根据业务需求分期实现。但是整体的平台建设的思路及实现方式，是需要技术及产品人员共同完成架设的。而这个思路往往与业务功能逻辑是不同的，甚至不易理解。但产品设计时需要严遵相关原则，摆正设计思路而不是一会业务场景一会技术实现环境的考虑。 当然，产品的不同的阶段有着对应的设计原则，例如页面表达等等，本文着重阐述的是平台的建设，以上仅仅只是个人的工作感悟，后期将在自己的工作中不断的感悟、总结、学习。希望能对自己的以后的工作有所帮助，更准确更好的把控自己的产品，并最终有个好的结果。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477893.html 文章描述： 图片上传的交互设计. 传统的图片上传交互很简单：一个文件域要求用户选择图片文件，一个提交按钮（如下图）。 这种方式有很多缺点，比如选择图片后看不到预览，一次只能选择一张图，上传过程看不到进度。当然也有它自身的优点：html本身的表单控 文章描述：图片上传的交互设计. 传统的图片上传交互很简单：一个文件域要求用户选择图片文件，一个提交按钮（如下图）。 这种方式有很多缺点，比如选择图片后看不到预览，一次只能选择一张图，上传过程看不到进度。当然也有它自身的优点：html本身的表单控件，代码简单，上传不易出错，适合低速网络环境。现在富媒体横行的时代，用户需要长传大量图片，这种传统表单的方式上传图片显然已经跟不上时代的需求，基于flash、html5的新型上传方式被广泛的应用。 我们从上传图片前、上传中、上传后三个步骤来分析其中的交互过程。 上传前 上传图片前一般可以：查看已上传相片、选择布局、来源等。 ↑微博上传图片前需要选择单张还是多张 ↑先择布局后再单张依次上传 ↑ QQ空间的心情发布框首先让用户选择图片来源 上传中 上传大量图片时，是否可以让用户利用好等待的时间，比如在上传过程中就可以添加图片描述，移除不需要的图片。上传图片过程中最基本的需求是上传进度显示，大批量上传时不易导致用户烦躁。 ↑ 点点网上传图片过程中有上传进度显示，已上传成功的图片可以添加描述，可以选择图片布局，可以删除图片 ↑ 网易相册上传图片过程中可以查看上传进度，可以添加图片描述 ↑ QQ相册上传图片过程中只有进度显示。 上传完成后 添加描述，选择布局，简单修改（旋转、裁剪等） ↑ 图片上传完成后，QQ相册推荐你为图片增加描述，写图片日志 ↑ 在微博上，图片上传完成后可以拖动鼠标排序，放大、缩小图片等简单处理。 新技术带来的变革 在本地程序中，可以将图片直接复制粘贴到文档中，亦可以将图片拖放到程序里实现打开和修改，目前Google doc的网页实现了以上两种图片上传方式，使它更像一款本地应用。QQ空间中发布的日志如果有引用外部的图片，发布成功后会提示用户是否自动将外链图片转存到相册内。这一系列的交互，看似简单却需要后端复杂技术的支持。用户的操作少了，上传图片更加方便了，也许就是这些细节，留住了更多的用户，让他们不愿意迁移到其他平台。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477892.html 文章描述： 如何做好B2B行业网站页面内容设计留住用户. 对于B2B行业网站的页面设计，大家可能更多考虑页面用色、导航条、按钮、标题栏的设计，内容设计可能常常被大家忽略。但是如果内容设计的不好，可能会让你的所有设计被毁于一旦。比如如何让内容有主次之 文章描述：如何做好B2B行业网站页面内容设计留住用户. 对于B2B行业网站的页面设计，大家可能更多考虑页面用色、导航条、按钮、标题栏的设计，内容设计可能常常被大家忽略。但是如果内容设计的不好，可能会让你的所有设计被毁于一旦。比如如何让内容有主次之分、层次感，使内容看起来不会太乱、太多，使用户不愿意继续阅读下去，很快离开网站，不能留住用户继续访问。 在本研究报告前面章节我讲过，永远要记得用户在没有明确的阅读内容前是扫描而不是阅读，在导航页面，用户很乐于扫视一句一句的内容，对于大面积没有重点的内容，没有耐心，我们必须在网页上提供既简短又有一定视觉焦点的内容。这种焦点可以吸引用户的注意力，让他们在看到喜欢内容的时候，采取进一步的行动，点击链接浏览详细信息，或看其他更多内容，让用户留下来，如果我们不区分重点，就很难让用户很快发现他想找的焦点内容，尤其是对于新用户，第一印象很重要。 了解到用户浏览页面时的需求和行为后，在页面设计时就要满足用户的需求和习惯，有那些办法可以突出焦点内容呢？一般常用：文字加粗、文字配图片、文字变颜色、加导读、文字变大、重点突出的部分四周多一点空白、增加小图标或按钮等方法，都能突出焦点内容。下面来简要讲解。 1 标题及重点突出内容设计一般标准 浏览者来到网站，会试图找出他们需要的东西。再次重复，用户并不一定是来阅读的，他们是来做他们想做的事情，每个人的目的不一定相同，网站要节省他们的时间并且突出优质内容来吸引每个用户的注意力，从而让他们更加便于在几秒钟内扫描整个页面。用户只有在这几秒内扫描并发现他们想要的东西，才会继续在你的网站上停留更长的时间。所以对于B2B行业网站的首页、一级栏目首页等导航页面来讲，焦点内容就是推荐内容标题，信息分类名称，信息图片等几个方面。使焦点内容更突出的方法有很多，下面来详细讲解。 （1） 文字加粗 无论什么内容，只要我们将少部分的内容加粗，将大部分不加粗，那么加粗的内容肯定就会非常突出，这个是常用的制造焦点内容的方法。在一个页面上我们会见到很多加粗的文字，这些加粗的文字就会是焦点内容的一个部分，推荐的链接内容标题、主要分类名称等经常使用。这个是页面设计时创造焦点内容的主要方法。 （2） 字号变大 这个方法与文字加粗一样，属于设计焦点内容的常用方法，对于最重点的内容，通常都是既加粗，字号又变大。同样是推荐链接内容标题、主要分类名称等经常使用的。 （3） 文字变颜色 一般字号变大、字体加粗，也会与变颜色同时出现，更加突出，但是变颜色也会出现在一些次突出内容上出现，只变颜色，不加粗，不变大字体。 图（69） 阿里巴巴产品列表页截图 如图（69）所示，首先产品名称，是最重要的，用户将通过名称看是否是自己感兴趣的产品，所以阿里的设计师采用了最突出的做法，既变颜色，又增大字体，还加粗。公司名字是第二个需要突出的，在这里只采用了变颜色，如果又加粗的话，就会使页面看起来很累，突出的内容太多了，就没有突出了。同时标题下面为产品的导读，将产品的参数表示出来，当访问者通过扫描对某个产品感兴趣了，就可能进一步看产品的介绍，属于扫描到感兴趣内容后的第二步动作，所以在页面上，要弱化，设计师采用了灰色，以及地区、起订量等都是灰色。搜索出来的产品都很类似，价格的比较就变的很重要，所以价格采用了浏览者眼球最关注的颜色：红色。正如我在之前文章里讲的，要研究电子商务网站的设计，阿里巴巴是最重要的研究对象。 （4） 文字配图片 为了突出某个内容，我们常常配个图片，吸引用户的眼球，当然有时是这个内容本身就包含图片，但是更多的时候我们会配个图标、按钮、小图片，为了突出这个内容，与周围的内容区别开来。 （5） 四周留空白 为了突出某个内容，我们常采用把这个内容的四周留白，这也是突出这个内容的方法，这种方法常常与加粗、字体变大、变颜色等一起使用。 （6） 为内容加导读 加导读的方法，除了让用户增加对突出内容有更多的了解，吸引用户点击，还从视觉上让用户觉得这个内容相比其他信息占的空间更多，习惯上认为这个信息更加重要，突出这个部分的内容。 2 内容链接设计一般标准 网站内容链接要遵守用户习惯，让用户看着就像一个链接，想去点击。链接设计也是网站设计与平面设计最大的区别之一。一般的设计师对链接都能处理好，但是仍然有一些网站在这方面经常犯一些错误，也许各位读者觉得这些错误太低级，但是据我看过的一些做的不好的网站，他们在链接设计上存在如下的问题。 （1）重要链接放图片上 网站大部分的链接都应该使用文字，尤其是内容的链接，尽量减少对图片做链接，不仅对搜索引擎优化不利，而且用户使用时更习惯点文字链接。 （2）鼠标放链接上时文字颜色无变化 鼠标放链接上时文字颜色变化是一个习惯用法，几乎所有主流网站，当鼠标经过链接时，都会变颜色，目的是让用户更清楚的知道，他准备点击的是那个具体的内容。如果链接显示的时候没有加下划线，鼠标放上去后必须要加下划线。 （3）链接文字之间行距太小，看起来很累 链接与链接之间，要有一定的行距，一般字号在12PX-13PX之间，行距在25-30象素之间，行距太高，太粗糙，行距太低，看起来太累，这些都一定要符合标准，常用的行距是：150%。 （4）链接的背景颜色很深 一般导航页面链接背景都是白色，为了使看起来不累或美观，可以用浅灰色的背景，或很浅的其他颜色作为背景，背景颜色不能对阅读链接内容造成视觉噪声，干扰用户的视线。 3 网站内容图片设计一般标准#p#分页标题#e# 在网站导航页面里，图片分为两种情况，正如在《B2B行业门户网站设计开发实战研究报告》里所讲的，一种情况是图片作为文字的点缀，让文字内容更突出，更具有可读性；另一种情况是图片就是内容，产品图片、新闻图片、人物头像等。这两种情况对图片设计的要求是不一样的。 （1）作为点缀或类似按钮的小图片 这类图片重要的一点就是要精致，使用的颜色一定要符合最新的设计潮流，要更多使用渐变颜色，可以参考很多大门户网站的小图片，可以直接抄过来使用，或者在一些专门的小图标收集网站去找，然后修改下，就可以使用。 （2）产品图片、新闻图片及人物头像 在设计时，我们常常会涉及内容图片，这类图片尺寸不能太大，否则显得太粗糙，也不能太小，太小就不显眼，图片周围有文字说明，不能只有图片，没有文字说明。 （3）图片清晰、不变形是最基本的要求，也是必须的 我们设计时使用的所有的图片、图标，一定要清晰，见过很多设计太差的网站，按钮是变形的，有的图标也是变形的，用户上传的产品图片有的也是变形的，这个在网站设计中是绝对不允许出现的。图片尺寸要符合图片本身的特点，比如服装款式图片、人的头像，高度就一定要比宽度大，见过很多网站设计的人物头像，居然宽度比高度长。 4 导航页辅助内容设计一般标准 比如资讯导航页面重点推荐内容的导读，产品列表页面产品导读、产品参数等，在本研究报告，我都归纳为辅助内容。这些内容设计时要用灰色，字要更小一些，行距要低一些，主要就是不能影响重点内容，使页面看起来更有层次感，主次分明。用户也是在扫描整个页面，找到重要内容的时候，再去阅读辅助内容。 关于B2B行业网站的内容设计标准，就讲到这里，其实这个标准，也与一般的商业门户网站大同小异，但是与企业网站的区别很大。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477891.html 文章描述： 解析社交游戏吸引回归用户的5个要点. 主流Facebook游戏公司非常擅于快速发布一些定期更新的内容，从而留住玩家并保证他们的消费投入。但这些公司却不擅长如何让新玩家跟上游戏如此迅猛的功能更新步伐。 而许多成功的MMO已经解决了这个问题。你该 文章描述：解析社交游戏吸引回归用户的5个要点. 主流Facebook游戏公司非常擅于快速发布一些定期更新的内容，从而留住玩家并保证他们的消费投入。但这些公司却不擅长如何让新玩家跟上游戏如此迅猛的功能更新步伐。 而许多成功的MMO已经解决了这个问题。你该如何在游戏后期发布新内容，既能够保持现有玩家对于游戏的兴趣，并且也不会妨碍玩家对新内容的理解？这些MMO的解决方法是为玩家设置接触某些内容的权限，即规定他们只有到达较高级别时才能够进入这些内容，从游戏早期阶段开始逐步为玩家引进游戏内容，以便这些内容能够随着他们在游戏中的成长而成长;或者确保所有的内容对于任何级别的玩家来说都是行之有效的，不论他们正处于哪个生命周期。 但是如果你尝试着玩早期成功的Facebook游戏，如《Cafe World》或《FarmVille》，你便会发现游戏在一开始便揭露了大部分功能。这些游戏能够取得巨大的成功部分原因在于平台的病毒式增长方式，以及它们易于学习并掌握的特点。《FarmVille》已不再只是有关种植庄稼，收割庄稼，收集动物或装扮农场的游戏。如果你今天继续玩这款游戏，就会发现游戏中还包括农民市场，合作探索，收集，上亿种可以创建的物体，寻找松露，创建自己的第二农场，动物槽，保育室，给树杂交，饲养羊群，为其命名等，并且还会有更多新任务出现。但是对于新手玩家来说他们却很难跟上游戏的更新速度。 FarmVille Countryside 或者假设你在6个月前是《FrontierVille》的忠实粉丝，你在长时间暂停游戏后又在今天再次登录游戏，游戏将会弹出许多窗口告知你新内容。而这时的你已经远远落后于游戏进度;可能有300个内容等待着你去创建。如此看来你可能需要花费好几周的时间才能完成这些落下的内容，但是不管你怎么追赶，都不及游戏的更新速度。 接下来需要考虑的是如何让社交游戏持续受宠并继续发展。从流量周期来看，每一款社交游戏都有属于自己的流量周期弧线，你可以从中观察到MAU什么时候达到最高值并随后下滑。最大型的游戏（注：多指Zynga或者EA，Playfish，Crowdstar旗下的游戏）总是坚持按照一定的速度发布新内容，既保持玩家对游戏的新鲜度，又避免给他们带来过多压力。你可以发现，尽管《FarmVille》现在的发展趋势大不如前，但是它也仍然以较慢的节奏保持发展（当然，这也离不开Zynga大成本的市场营销活动）换句话说，这些游戏不只在持续发布一些新内容，同样也包括一些新功能，并对核心游戏做出较大的调整，从而维持游戏DAU等数值。 以下我将列出一些能够帮助社交游戏像刚发布时那样持续吸引玩家的方法。 *定时监视游戏的每日用户留存率 你必须清楚有多少新注册用户玩了一次游戏后便不再回来。而如果你能够了解有多少玩家在第一次游戏后的头3、5、7天再次回到游戏中便再好不过了。这种方法能够帮助你有效地判断所发布的内容对于游戏的新手教程或者新用户体验是积极还是消极影响。 *亲自测试新用户体验 创建一个新的Facebook测试帐号，并以新玩家的身份进行游戏。不要只是浏览新手教程，你需要实际操作至少前十个关卡的游戏，以此观察游戏的进程是否流畅。如果你为了影响游戏循环或经济而做出改变，那么就必须将这些改变清楚地公布在游戏攻略上。 *不时进行用户测试，以观察玩家是如何与游戏互动 用户测试是一种非常有效的方法，能够帮助你验证新的用户体验是否有成效。你可以执行公司内部的方法或者利用像UserTesting.com等服务快速得到结果。即使你的新用户体验在游戏发布后并未发生改变，但是现有的游戏空间也许已经发生了变化，以此导致新用户体验有别于一般的Facebook用户体验标准，从而促使玩家无法理解新内容。或者你可能会发现某些你从未想到的功能将影响一般用户体验，从而影响你早前确立的参数。不管怎样，观察玩家如何玩游戏是一种合理的方法。 *要有意识地针对新手撰写说明书 在撰写产品需求文件以及功能说明时，必须特别针对新玩家进行考虑。在哪个等级才能开启某功能？如何将信息传达给新玩家？在接触到新功能之前玩家要如何适应现有的功能？你在编写新功能的说明时不要只考虑最高级别的终端游戏玩家。 *经常监测留存玩家/回归玩家的游戏体验 对于一个4个月没玩游戏的玩家来说，他现在对游戏有何看法？你应该给他们展示多少弹出提示窗口？他们原先在游戏中的庄稼是否全部枯萎了？如果缺少任何有帮助的信息他们的游戏是否将发生巨变？你必须确保所有玩家都能够拥有良好的游戏体验，不论他们之前是否玩过游戏，还是过了一段时间后再次回到游戏或是从第一天开始就一直玩游戏。你必须确保这种回归体验轻松，没有负担，你希望鼓励玩家重返游戏时更需如此。比起寻找新用户，重新找回“放弃”游戏的玩家（即在玩过几次后几乎不再接触游戏）更加困难。所以我们应该将这些重新回归的玩家牢牢捧在手心，好好珍惜，更加不要在他们归队时进行惩罚。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477890.html 文章描述： 类O2O概念产品交互设计的几点体会和探讨. 开文估计少不了做一下概念的名词解释，我就引用下网络的解释吧， O2O（Online To Offline） ， 将线下商务的机会与互联网结合在一起，让互联网成为线下交易的前台。线下服务就可以用线上来揽客，消费者可 文章描述：类O2O概念产品交互设计的几点体会和探讨. 开文估计少不了做一下概念的名词解释，我就引用下网络的解释吧，O2O（Online To Offline），将线下商务的机会与互联网结合在一起，让互联网成为线下交易的前台。线下服务就可以用线上来揽客，消费者可以用线上来筛选服务，可以在线成交结算。特点：推广效果可查，每笔交易可跟踪。这概念模式无形中给用户提供了更多的选择和便利，也给线下商务带来商机。O2O概念，包括衍生出来的新概念产物或许真如诸多互联网预测所说的会成为电商下一座金矿挖掘地吧……为什么要说是类O2O概念的产品呢？这里说的“类”其义为“类似”。先说说产品的商业模式，线上预订所需的产品服务并在线支付费用，线下服务提供商执行用户预订的服务内容，用户线上接收服务执行的反馈。每笔交易，不论是用户，产品，服务提供商三方对此都是有迹可查。从广义上，或许可以说它是O2O，但是在提供的服务上却不是本人亲身到线下去享受服务，或许它本质上更象是B2C的产品，但是用户接收的不是物流寄来的快递，而是线下服务商执行后，线上站点反馈过来的服务执行情况。是个online -> offline->online的运作过程。这个模式的概念界定大家都可以一起来探讨下，或许它只是介乎于团购这种典型的O2O模式与购物商城这种典型的B2C模式之间的模糊产物。 交互设计，相信大家作为交互设计师都会非常清楚UED以用户为中心的设计流程了，我就不一一细说各个环节是如何做的了，这些在我们UED博客里面已经有非常多优秀的分享，我说下项目过程中，几个关键点的一些设计体会吧。 项目的定位和需求分析：经过一轮的头脑风暴，冲着对线下商务的商机，项目团队一齐，首要做的：市场调查：到各大城市考察访谈，深入剖析线下商务的商机，考虑线上和线下如何可以无缝闭合… …用户调研：调查目标用户的年龄层，人物角色，用户的使用场景、频率，以及对新产品概念的接受程度，用户对新产品的抽像视象等。 调研目的是为了得到用户对线下服务使用的场景，频率，体验的评价和要求，考究我们要如何将线下的使用场景、流程更好地再生于线上的产品，如何将线下的服务结合互联网使用的习惯创新性地提供给用户，尤其是线下商务是一个实体，要打破用户对传统线下服务的认知和服务使用观念时，前期的准备和分析对于产品设计的定位，交互与视觉的传达都是非常的重要。 项目需求分析阶段，考虑线上与线下无缝闭合会是一个异常曲折的过程，可能会没日没夜地开会，到线下商务的实地驻点考察，跟线下商家、服务人员洽谈合作的模式，这时交互可以做什么呢？ 这里顺带说下项目制的好处，交互这时就可以从一开始了解项目宗旨，一同去做用研、实地考察，进行竞品分析，根据项目团队讨论出来的业务流程雏形做一些交互概念原型。跟商务、产品、技术去碰撞，擦出项目产品设计的最终方向, 线上订购和线下执行的流程形式。尽早参与其中非常有利于之后项目产品交互设计的概念传达，线上使用场景与真实场景的理解和表达。 项目设计阶段主要说说这个概念线上站点产品设计的关键点，这些将自始至终贯穿和影响整个产品交互设计的内容界面、操作流程等设计，还包括视觉设计的呈现：1. 如何在线上站点的使用过程中传达给用户，提供的服务是真实、可靠的，解决诚信问题可以尝试的解决方式：a． 提供跟线下商务近乎一样的使用场景，包括操作习惯，使用流程，场景视觉的贴近设计等等b． 给用户的服务反馈，这个是用户使用后最真实的感受，可以提供什么方式的反馈呢，大家有没有想到什么，实地拍摄的照片？视频？还是有其他更好的方式？除了把握上述使用前使用后的呈现与服务反馈，还有什么更好的方法去表达真实可靠，这些都是这类概念产品设计值得继续探讨和深入研究下去的。 2. 体现服务产品在线选择和支付的便利性，这点将会是线上站点与线下商务的根本区别与优势的体现之处，也会是整个站点流程核心的体现。首先明确此类产品在线上线下都是同样的，只是为它提供了网上销售的途径，让更多的互联网用户获知和选择，在一般网上交易流程里，都会是服务产品的介绍，购物收件的填写，以及支付，怎么也少不了这三步，那么就好好的捉住这关键的三步，减少不必要的页面流程、弹层、跳转，保证支付渠道的多样提供和稳定，尽可能的减少用户在操作过程中的流失，结合之前提到的真实性，贯穿整个流程去设计。 3. 把握互联网的优势，分析用户购买的行为心理，发掘和突出产品的卖点。线下商务就算是拥有很多地分店和加盟店，它所覆盖的面，是无法与互联网所比拟的，这将可以与单一地点的传统线下商务营销方式拉开距离，交互可以考虑帮助产品设计的几个功能表现：a. 表现出跨地域距离优势的设计，如用户对异地城市服务的需求b. 表现出同时可预订多个服务地点的设计，如传统的线下商务，用户同一时间只可以到一个线下实体，在互联网可同时对全国服务提供商下单，呈现的方式可以说下常用的，比如地图，LBS推荐，产品捆绑介绍和推荐等等。 4. 站点的设计和迭代离不开量化的数据分析与监测从调查开始，就会开始接收到一堆的数据，帮助产品服务的定价，帮助我们分析用户群和接受程度，交互与用研、产品、市场一起量化这些数据，不论从商务上，还是设计上都会非常有价值，是我们监测优化站点的依据，比如在站点监测量化方面，可以关注UV，从首页进入流程到完成每步的数据曲线，订单数，支付率，转化率，ARPU值，监测各服务产品的被订购数据，各功能模块的使用情况数据等等。#p#分页标题#e# 5. 跟踪服务用户，阶段性进行快速的可用性测试，为迭代优化提供更客观的依据调查获得的是人物角色的模型，而当产品上线后，使用产品服务的订购用户将是我们可以深入研究的目标对象，可以通过不定期的电话访谈，调查问卷，约见专家用户来做迭代优化后产品的可用性测试，交互用研需要贯穿项目的不同阶段，而不是只在项目前期风风火火，到了项目交到视觉设计、技术研发后就不再时刻关注。 项目的细节事情很多，可能长篇大论地说上几天几夜也说不完，特别是在设计交流里面，就不参杂线下商务的洽谈和市场、地推营销方面的一些关键点和细节了，这里就当是抛砖引玉，说说个人在项目交互设计中遇到的情况和体会，大家也可以一起来探讨这类概念更多的产品服务应用，设计上怎么可以做得更好，达到服务产品的所需，帮助产品解决所面临的各种门槛，比如印象派，如果要做O2O，怎么做会是多赢的，获得高的投入产出，在设计上我们可以怎么样更好地帮助产品实现商业价值。相信在更多的产品设计探索里面，会衍生出更多概念出来，诸如M2O，淘宝体验实体店，O2O的3D版…设计要做的事情，要去创新的表达还有很多很多… 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477889.html 文章描述： 交互设计实用指南系列一：我们眼中的交互设计. 交互设计（Interaction Design， 缩写 IxD 或者 IaD），是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交 文章描述：交互设计实用指南系列一：我们眼中的交互设计. 交互设计（Interaction Design， 缩写 IxD 或者 IaD），是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式（the “interaction”，即人工制品在特定场景下的反应方式）相关的界面（Wikipedia）。通过对界面和行为进行交互设计，从而可以让使用者使用人造物来完成目标，这就是交互设计的目的。 从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。 在《交互设计实用指南》里，我们认为，交互设计，应当是创造承接人类与计算机之间的界面即人机界面（Human-Computer Interface）（见下图）。交互设计的出发点在于研究用户和计算机交流（dialog）的时候，人的心智模型和行为模型，并在此研究基础上，设计界面信息及其交互方式，用人机界面将用户的行为翻译给计算机，将计算机的行为翻译给用户，来满足人对软件使用的需求。所以，交互设计一方面，是面向用户的，这时交互设计所追求的既是可用性（Usability），这也是交互设计的目的所在；交互设计的另一个方面是面向计算机实现的，这时我们关注于“软件工程化”。 交互设计模型 面向用户 根据上文中，我们提到的满足人对软件的需求，其目标既是我们所说的“可用性”。可用性指的是一个产品可以被特定的用户在特定的使用情况中，有效、高效并且满意得达成特定目标的程度（ISO9241）。我们认为，其中所诉的有效、高效和满意即为可用性的三个递进的层次： 有效性：有效性是指用户完成特定任务和达到特定目标时所具有的正确和完整度。如果用户不能完成他们的目的，那么无论体验是长时段，容易还是复杂，这个产品可能都没有意义。 90年代的时候，某品牌机厂商推出的台式机都预安装了一个“我的家”的软件。该软件是个系统功能的导航软件，它将你电脑的例如Office、音乐、电影、浏览器、计算器等这样的工具安排在一个充满隐喻的图形化的屋子。例如你要听音乐，那么你必须走到卧室，然后点击那把吉他，如果要使用Word，你可能需要点击你书桌上的文档。这样当时在厂商看来十分吸引消费者的东西——它认为这样能够解决新手使用电脑的问题——却被市场所否定。许多消费者根本找不到相应的功能放在哪儿。于是，当连功能都完不成的时候，软件就缺失了有效性，即使这个充满隐喻的图形化的屋子做得再逼真，软件价格再低也不会有消费者觉得可用，软件也失去了价值。 高效性：高效性是指用户在完成特定任务和达到特定目标的容易程度和时间长短。这可能会牵涉到许多因素。例如，我们的软件启动速度太慢，处理速度太慢，这会影响到软件的高效。再比如，在一个呼叫中心使用一个更高效的呼叫中心系统，可能造成操作员每天能够处理更多的电话数。 对于网站来说，一个良好的信息架构对于高效性的提升是十分有效的。良好的信息架构能够让用户在更短的时间，也更容易地找到他们想要的信息。 Flickr和Picasa都是著名的照片管理网站。Flickr注重的更多是社区化的应用，用户群体相对摄影技术较好。而Picasa注重的更多是个人的相册，用户群体相对摄影技术也较差。他们的首页也迥然不同。Flickr的登录后的首页大部分是社区性的信息，例如最近的活动，你的联系人最近发表了什么照片，还有你参加的小组等等。另外复杂而有条不紊的导航也允许中高级用户造访更多的Flickr的功能。相比之下，Picasa首页基本只是所有的相册的列表。这样的迥异之下，Flickr对于他的用户群是高效的，Picasa对于他的用户群也同样高效。不同的用户在他们的页面之下都容易找到他们自己需要的内容。 Flickr 和 Picasa的个人首页 另外，减少用户的认知负担也是提高软件高效性的有力措施。能不能然用户少些机械的操作？能不能让用户尽少思考？能不能让用户别记着那么多的东西？ 满意度：满意度是指用户在使用软件产品过程中所感受到的主观满意度和接受程度。在用户能够有效、高效地使用软件的基础上，给予用户一些更多地“体验”，考虑那些更多内涵。这也是我们交互设计真正的水平所在。例如：我们需要避免用户出错，也同时能够提高方法让他们从错误中恢复；我们需要让软件易学，以便让新手快速成长为中间用户，让需要的中间用户成为专家；我们需要做精美的页面让用户喜欢；我们需要塑造我们的品牌风格，让用户“膜拜”…… 交互设计就是设计软件上可提供的交互方式，来满足人对使用软件的三个递进层次的需求。也就是说，首先，应当保证软件的有效性，如非有效，一切皆空。接着，保证软件的高效性，软件虽然已经完成了他的目标，那么是不是可以在这个基础之上，缩短完成目标的时间长度或者是降低认知成本等，最终达到提高生产力的目的。在完成了这两点之后，我们可以继续考虑提高软件的满意度，这里可以通过一些视觉的提升、品牌效应和创造新的体验（苹果一直是这方面的好例子）等方法来提高软件的满意度。#p#分页标题#e# 面向实现 交互设计立足于软件工程中的一个环节，所以谈到交互设计，特别是在软件工程中的交互设计，就必须涉及面向实现的部分——也就是我们谈论的“工程化”。“工程化”问题，涉及到三个方面： 标准化：这是指在进行与交互设计的相关工作，我们需要满足相关的标准和规范。标准化有助于提高产品的兼容性、互操作性、可重复性、安全和质量。举个例子，例如我们在制作原型的时候，有可能需要参考UED团队的栅格标准或是垂直栅格。这样，对于视觉设计师，他们可以减轻像素对齐的负担，对于前端工程师，套用相应的代码即可完成标准栅格的摆放。当然，还有很多标准和规范，例如：有些公司拥有交互方面的Guide-line，可以保持整个产品形象的一致性，降低用户认知负担。 可行性：这是指在设计交互的过程中，应考虑到技术上是否可行。可行包括两个层面：第一个是技术可以完成，更高的一个层次则是需要考虑在现有的资源（时间、人力、技术能力等）的情况下时候可以完成。我们可以设计一个拖载的动作，但是，如果这玩意儿告诉你要在山寨非触屏手机的浏览器内实现，那么这显然是不可行的交互；如果告诉你这玩意儿在浏览器中将多加载100kb数据量，平均延长加载时间7s，那么这也很可能不是可行的。交互式设计师需要参与方案的实现，以确保方案实现是严格忠于原来的设计的；同时，也要准备进行必要的方案修改，以确保技术的可行，当然，修改不该伤害原有设计的完整概念。 创新性：其实，具体得说，交互设计就是关于创建新的用户体验的问题，其目的是增强和扩充人们工作、通信及交互方式（《交互设计——超越人机交互》）。虽然说到创新，各位可能很容易想到炫目的交互，大量的动画等等，但是，别忘了“技术驱动创新”：创新应当尽量在上面所述的标准化和可行性的框架内进行。 面向实现的这三点互相制约，相辅相成，也同时约束了我们的交互设计工作需要在一定范围内实现。为用户而设计，考虑实现，一起做一个精明的交互设计师吧！ 达到可用性 我们刚才谈到了交互设计面向用户既是为了追求可用性。并且，可用性具有三个递进的层次，他们是：有效性、高效性和满意度。那么如何达到可用性目标，也就是说如何达到这三个递进层次呢？《交互设计实用指南》系列文章，正是我们对这个问题的解答。所以，期待我们的连载吧！ 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477888.html 文章描述： 浅谈草图设计（一）：自由. 转眼间已经在CDC生活了快两年的时间。从一名电子商务毕业生到一位职业的交互设计师，经历了许多的坎坷。常常会面对各种困难和压力，当发现有太多未知的领域，只有在学习、思考、实践中能够找到答案与自信。 草图设计是 文章描述：浅谈草图设计（一）：自由. “转眼间已经在CDC生活了快两年的时间。从一名电子商务毕业生到一位职业的交互设计师，经历了许多的坎坷。常常会面对各种困难和压力，当发现有太多未知的领域，只有在学习、思考、实践中能够找到答案与自信。” 草图设计是这一年来学习、思考、实践、总结的一项设计方法，尝试于产品设计的各个环节。草图设计对于设计师来说并不陌生，在日常工作中都有用到，相信很多设计师跟我都有同样想法，并且希望推广草图设计给同行以及产品经理，作为灵感与实现，需求与设计之间的桥梁。也非常希望感兴趣的同学回复转播此文，留下观点参与评论。 “WHY｜为什么要使用草图？” 首先为什么要关注草图，草图不是很普通很简单的东西吗，大家平时都是在纸上画画，值得小题大做吗？事情源于我曾经看过的两本书——《用户体验草图设计》、《关键设计报告》。里面记录了大量的设计案例以及作品的解读。当时看完之后，我并不太明白这些与草图设计有什么关系，由于设计案例纬度跨度很大，我甚至不知道作者到底要说什么。感觉就像记者采访了一批有名气的设计师，做个笔录而已。 但是看到了大量讲解设计师在产品设计中一些初期的、真实的、原始的设计稿让我非常兴奋。惊叹他们的天分，设计的巧妙。不仅如此，他们的设计稿都非常的个性，并没有统一形式，但都贴近自身想法和真实体验。 直到最近，我又回想起这本书，突然明白为什么作者会写这些。草图设计不仅仅是在纸上写写画画，书中记录的每一个案例都是草图设计。让人兴奋的也正是这些，使用不同材料不同形式表达不同创意的案例。为什么要使用草图？因为： 草图是最自由的设计 自由媒介 任何可以传达信息的介质都可以用来做草图设计。纸、白板、图片、便签、视频、语言、电脑甚至“无事物”的表演等都可以作为媒介，只要它可以表达你的灵感。 自由空间 不再仅仅坐在椅子上，面对着1440*900的电脑屏幕（即使是双屏又能怎样呢？），在这个狭小的窗口里做高保真界面的设计。 草图设计允许我们利用更广阔的空间，即使是一张A3的白纸也要比电脑屏幕大，更不用说真实的桌面、会议室、白板，甚至我们可以走到大街上。 当你微微感觉到江郎才尽的时候，第一要做的就是站起来，离开你的电脑屏幕，找到更广阔的设计空间，不仅仅是物理空间，更重要的是思维的空间。 自由成本 只要有价值，成本应该是自由的。成本不仅仅指材料的价值，还有时间。对于纸的使用往往招来环保主义者的批斗，浪费纸的评价和意识不能太随意太极端。当然纸材料只是其中一种，如果需要大量的白板、甚至昂贵的摄影器材，为了达到目的，材料与时间的成本是要综合考虑的。 以QQ多人视频为例，在设计的初期需要做几场用户访谈。但当时的情况是没有时间做demo及高保真的原型。为了不浪费这些与用户亲密接触的机会，就绘制、打印了大量场景草图，来验证我们对各种场景下用户如何使用多人视频的预期。 由于草图绘制对精度要求不高，使用mockup软件在很短的时间内就完成了十几个场景的草图。在每场用户访谈的最后将打印的草图展示给用户，并让用户讲解如何使用多人视频。这种方式大大提高了用户访谈的价值，为后期方案的细化奠定了坚实的基础。 自由成本强调的是自由、灵活。当然低成本是我们要追求的，但是为了达到目的适当的忽略也是非常必要的。如果你需要一间会议室、几块白板或者其他材料，为了能够很好的实现目标，应该大胆的向leader提出需求。 [1] [2]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477886.html 文章描述： 用户需求胜于一切. 不管市场规模是否够大，也不管App的热潮能够持续多久或未来会走向何方，App已经成为当下一种新的显学了，仿佛谈论什么都必须跟App划上等号才行，而因为App受限于手机或者平板尺寸的限制，且本身又是一个软件的概念，因此多半时 文章描述：用户需求胜于一切. 不管市场规模是否够大，也不管App的热潮能够持续多久或未来会走向何方，App已经成为当下一种新的显学了，仿佛谈论什么都必须跟App划上等号才行，而因为App受限于手机或者平板尺寸的限制，且本身又是一个软件的概念，因此多半时候，只要谈起App几乎就等同于谈论到UI或者UX一样… 确实，因为App的服务部分来自于internet的延伸，而部分来自于线下的商业模式，鲜少跳脱与这两者的关联性，毕竟一个商业体就需要用户或者流量的变现出口，而App又最好不要照搬原本的界面或者操作体验，所以除了App风潮开始的几个App是强调手机、地区性、临时需求性等特色之外，当这些需求能够满足后，大家就把矛头转向了界面的新鲜度、用户体验的友好度，而针对新冒出的App的评价也转向了这方面的评比… 这让我想起年前春运订票期间，最出风头的一个网站，12306，中国铁道部的网站，我还记得微博上众多网民的评价：它界面丑陋，它UI粗糙，它服务器不稳定，它用户体验更是烂到极点。但它却是史上最强大的电商！未做一分钱广告，短短数日全球ALEXA排名260，日订单量基本铁定第一，不愁销售额，转化率当之无愧的第一，为什么？因为没有上这个网站买票，就无法回家过年了，这个需求非常的强劲… 所以说，上述这两个状况让我开始思考接下来不管是App产品规划或者是网站产品布局的趋势发展，用户需求绝对是优先于用户体验或者使用者界面，为何大家都执着于后者而不那么重视前者呢？是否多数的用户需求都被满足了呢？还是发掘用户需求或者开创用户需求的成本过高，以至于大家都流于跟风呢？我想坐享其成总是比较快，只要在现有的基础之上做改善，总是相对的轻松，但这样的事情并不适合大多数的早期团队，因为进入障碍不够高，对商业模式的深耕也不够，不足以成为一个能够长期经营的商业模式… 那么又如何找出新的用户需求，或者能够主导一个商品进而创造出用户需求呢？ 我还是要强调做小的艺术，只有专注在一个小的点，真正的重度用户才会知道用户需求之所在，所以我认为第一个课题就是研究现有的用户需求是否真正完全被满足，有哪些不足之处，还有对这个需求的人群有多少，真正的找出现有的不足，并且真正地把它填满，这裡说的不是浅层的UI或者UX，而是深层次真切的需求面，目前多数的产品（不管是App或者Internet）都在于满足多数人的多数需求，但还有很多专业领域的需求是缺乏的，这当然也是经营者本身对于这些专业的不了解，但更多是真的被忽略了，很多状况都并非没有市场或没有需求，而是用户以及提供者都讲不清楚… 事实上，很多的App或者其他的产品，或多或少有补到了现有产品或者服务的不足点，但是很可惜只做到了一半，而这更多是缺乏完整产品的概念，他们只是基于用户需求的不足，加上多数的小团队都以工程师为主，提出了一个可以改善的框架（或称工具），但很可惜的是用户看不懂也不愿意买单，没有体会到该产品之精髓，因而事半功倍，这样只能算半成品，因为新产品一开始应该直接上菜给用户，告诉用户这是什么味道、怎么吃，而不是等待用户自己来做菜，其一是用户可能还搞不懂，其二是用户没有那么的主动，这点普遍的出现在诸多App上面… 在这些基础上才能谈用户行为，到了这个层次才会比较多的涉略到UI或者UX，尤其针对App，因为internet经过了十多年，已经是比较成熟的领域，因此才会把较多的重心摆放到UI或者UX，而这里讲的就是用户的使用行为研究，如何让用户使用上操作上更为顺手，以及有意愿持续的使用下去，不删除该App使用其他竞争对手的产品，而这除了所谓流程的问题外，当然还有精緻度、新鲜度、美观度等等… 最后一点，不管是弥补现有用户需求的不足，或者是期望开创出新的用户需求，都务必事先想好获利模式，要让用户或者流量可以转换成现金流，不论收入是直接来自用户，或者来自于联盟的企业，因为既称产品就是一种商业行为，而不获利的产品就不是好产品，不赚钱的企业就应该淘汰，这是很现实的考量点… 写了这么多，我认为做产品规划或者开发的朋友们，也许应该放慢脚步来关注一些真正的要点，核心价值是什么，而不要过于急躁的盲目跟风，更不要流为概念化，很多时候，也许是抢得了头彩，但事实上失去了更多，因为你本来可以沈得住气做出更好更有深度的商品，自省也共勉… 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477887.html 文章描述： 在历代的视觉风潮中，绘画与设计在方方面面有着关联（“设计”为外来词，在传统中国中，对应的词是“经营”），很多时候都是你中有我我中有你的局面，西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师，在这两者之间 文章描述：在历代的视觉风潮中，绘画与设计在方方面面有着关联（“设计”为外来词，在传统中国中，对应的词是“经营”），很多时候都是你中有我我中有你的局面，西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师，在这两者之间游走，有着许多体会。其 在历代的视觉风潮中，绘画与设计在方方面面有着关联（“设计”为外来词，在传统中国中，对应的词是“经营”），很多时候都是你中有我我中有你的局面，西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师，在这两者之间游走，有着许多体会。其中对于画面“层”的认知，尤为深刻。一般在视觉中“层”无论在画面抑或设计手法上都呈现出明显而重要的作用，用“层”的概念去看待作品，不需要过多的分析，都能很直观的感受得到画面的逻辑，直接获得视觉上的冲击。平日里我们在评价画面时所说的层次、景深、丰富、清晰啊等词语都包括了“层”的意义。要是说设计思维中的“层”是广义概念，那本次小弟主要是针对“视觉画面”的狭义概念进行小述。 1.用色的浓淡区分 我们来看张画先： 《蒙罗丽莎》 潘婷：蒙娜丽莎的大波浪发型 达芬奇（不是那坑爹的家具品牌哦亲，是意大利文艺复兴三杰之一的列奥纳多·达·芬奇先生）几乎是全能型的天才，其中设计与绘画都有异常高的成就，他的作品除了蕴含浓厚的人文主义色彩，也饱含了很多设计的理论，属于学院的理性派别。需求方都趋之若慕登门求作。 现藏罗浮宫《蒙诺丽莎》是他脍炙人口的作品之一，视觉画面除了用了黄金分割，三远景深技法之外，很明显的就是“层”概念的利用。 大的解构画面可以分出人物与背景两部分，人物的手放在胸前，身上披着绸缎，绸缎与身上之间的是不同质感的衣裳，头披在前方的头发上罩着轻纱…要是作为元素分析，还可以解构出人物身上不同的“配件”。而背景是意大利的山水，虽然存在着“水平线不一致”的争论，场景也呈现出近景中景与远景的处理，在最远处还有着天空的存在。再把每一件“配件”细分，各自身上都存在着层次的关系。 把以上绘画元素的解构各成为一个“层”，在电脑上同样能还原《蒙娜丽莎》。 而在各种“元素”存在的层的情况下，达芬奇先生也巧妙运用了古典绘画的不同色彩，把“元素”们都区分开来。橄榄绿与泥土褐色，青莲与镉黄，赭石与钴绿，都罩染在高级灰一般的层上，加上黑色与金色的对比，呈现出高雅宁静的视觉感受。 有图那个含笑但是不秃头的也是蒙娜丽莎，不过已经成为了潘婷的代言人了。本来完美的构图，优雅的气氛下，颇有洞察的潘婷只需要稍加修改，添加或者调整了一些“层”，画面的意义就焕然一新了。如此看来这张画的确是不错的写真。话说本座家里的洗发水也是这个牌子哦亲。 2.线条的疏密粗幼 梵高先生，类似困在办公室充满才华却苦逼的设计师，一生饱含激情的舞动着画笔（除了鼠标，现在的设计师也挺喜欢舞动着三国杀），作品以“情感”动人。（但是我们都不会偏执地割耳朵泄愤吧，最多把甲方或者需求方诅咒一顿） 作为绘画史后期的印象派，画面相对抽象简练。画面除了色块之间的差别，印象派最显著的画风就是小笔触作画以及对比色强烈。在层的关系上也有明显的下了功夫：不同颜色与笔触的向日葵，拉开了同类色的距离；瓶子横向游走的笔触，作为独立的层区分上面自由奔放的葵花；大色块的桌面以及背景，作为安静的大后方被黄金分割了。 《向日葵》的画面可谓已经相当当代，配合适当的文字图形，就已经是一张很出色的平面设计。在当下各种杂志当道，也时不时看到梵高的向日葵作为封面而闪耀。 3.图形的多寡大小 现藏乌菲兹美术馆的《维纳斯的诞生》是波提切利的代表作，当时是为佛罗伦萨统治者梅第奇的一个远房兄弟绘制的。此画表现女神维纳斯从爱琴海中浮水而出，风神、花神迎送于左右的情景。 其实这张画的构图相对单纯，技法也很朴素，属于意大利文艺复兴前期的作品。主要以维纳斯为视觉中心向两边延伸的画面。近处有风神花神，于是也有伴随之的风与花，景色有岸边、不同的树木、爱琴海、远山天空什么的，层次很分明却有很融合。 作为现代设计，其实这张画面内各种”层”都可以抽取成为设计元素。日本文艺设计类杂志《Pen》在最新一期的封面中就截取了《维纳斯的诞生》中维纳斯的画面，放置在黄金分割的右侧，被夸张了的画面比例关系配上标题什么的就是非常美观的一张视觉。然而在字体与图形的设计配合下，特别是维纳斯作为刊命“PEN”前置的层，就让封面呈现出简单有趣的视觉关系，既凸显了杂志本期“文艺复兴是什么”的主题，又非常当代。#p#分页标题#e# Nils-Petter Ekwall，一套关于城市书籍的插画，精密的排列，鲜艳的颜色，有趣的构图……插画上的城市看上去就像通话中的世界一样漂亮。尽管画面元素众多，作者通过了透视法把元素安排得层层有致。裁切局部都可以成为一个独立的画面，非常出色。 ………………………………………………………………………………………………………………..（亲我是传说中的分隔线啊亲） 其实层的利用，现在已经不只局限在平面的画面上，近期大行其道的3d电影，其实也是视觉中“层”概念的另一个延伸。时至今日，越来越的设计师以及艺术家也在投入“层”的视觉奋斗中。 Shintaro Ohata，日本艺术家。他擅长表现日常生活中有如电影般的场景，并以其独特的艺术手法著称：将雕塑置于绘画之前，共同组合成一件作品，融合2D和3D的表现力 Digital graffiti，超帅气的立体涂鸦，不，这应该叫做为涂鸦雕塑了！街头文化的再一次演变，将屏幕的涂鸦画变成的立体的雕塑。 个中我们不难用“层”的概念去解构这些作品，另有一番滋味。 “层”的存在其实是艺术家或者设计师逻辑能力的一种体现，一个专业级别的设计师，对外，除了画面呈现出符合需求的视觉外，对内，源文件以及素材的整理也是非常严谨的。而用”层”的概念去欣赏绘画作品，能清晰解构画面内容，也能进行项目的操作，会让事情顺畅有序，大大的增强了效率。 PS.过分的理性分析会忽略掉对情感诉求的重视，亲们，真情实感也是打动别人的一个点，无论是欣赏作品、分析作品、制作作品，都不可能只靠单一的概念与方法，共勉~ 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477885.html 文章描述： 为iOS5设计消息通知. 通知中心作为iOS5的重大更新内容之一，可以将用户的iOS设备里的所有的通知集中放在一个地方，大大方便用户查看和管理。如果用户收到一封新邮件、一条短信，或者是一个添加好友的请求，无论在任何界面下（包括游戏等全屏应用 文章描述：为iOS5设计消息通知. 通知中心作为iOS5的重大更新内容之一，可以将用户的iOS设备里的所有的通知集中放在一个地方，大大方便用户查看和管理。如果用户收到一封新邮件、一条短信，或者是一个添加好友的请求，无论在任何界面下（包括游戏等全屏应用），用户都可以通过从屏幕顶部向下滑，将通知中心“拉下来”，用户可以在这里查看到所有的通知。所以苹果在iOS5的介绍中说到通知中心是你随时掌握最新生活资讯的绝佳途径。 可能出现通知的场景 一般在下面的场景中iOS应用程序会通知用户有有意思的事情发生了： 1. 收到一条消息 2. 即将发生某件事 3. 有新的数据可供下载 4. 某些事物的状态发生了变化 iOS5的四种通知类型 1. 横幅（Banner） 横幅通知是在iOS5中出现的新特性，是显示在屏幕顶部的横条，几秒钟后会自动消失。一条横幅通知会显示程序的小图标（低分屏下显示29×29的图标，高分屏显示58×58的图标），程序的名字和通知的内容。小图标可以帮助用户一眼就看清楚是哪一个应用程序在提醒他们。 2. 提醒（Alert） 提醒通知不会自动消失，需要用户与之交互才能关闭。设计师需要设计通知的具体内容，有时还要action button（后面会谈到）设计title。整个提醒通知的背景样式，包括里面的按钮的样式都是不可变的，所以设计师和开发者就不要在这里发挥创意了。Android由于其开放性，我们是可以使用自己设计的控件的，而iOS这样做可能是为了保持UI风格一致性。 3. 标记（Badge） 标记通知是显示在程序图标的右上角的红色椭圆形标记，里面显示的数字表示需要用户处理的通知的数量。同样地，标记的颜色和形状、大小也是不可以更改的。App Store中有更新的应用程序的数量，Mail中收到的未读邮件的数量都是用标记通知用户的。 4. 声音（Sound） 声音提示也是iOS的一种通知方式，支持自定义，可以与前面三种通知类型搭配使用。 本地通知和推送通知 iOS应用程序会使用本地通知或推送通知来提醒用户： 1. 本地通知 应用程序的本地通知是由用户的iOS设备生成并发布的，无论这个应用程序是否运行在前台。就像一个日历应用，或者是一个to-do list应用，可以发出一条本地通知提醒用户马上有一个会议要开始了。 2. 推送通知 应用程序的推送通知是这样发布的：该应用的远程服务器（Provider）先发出一条通知给苹果的推送通知服务（Apple Push Notification service， APNS），苹果的通知服务器再把这个通知推送给所有安装了这个应用的iOS设备。 如果要使用推送通知，必须先在苹果的推送通知服务里注册你要使用哪几种类型的通知，就比如下面的一段代码就表示同时注册了标记和声音两种类型的通知： - （void）applicationDidFinishLaunching：（UIApplication *）app { // other setup tasks here.。.. ［［UIApplication sharedApplication］ registerForRemoteNotificationTypes：（UIRemoteNotificationTypeBadgeUIRemoteNotificationTypeSound）］; } [1] [2] [3]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477883.html 文章描述： 打造爆款的真实案例. 2010年11月底，接到一个门户网站老总的小舅子的电话，让我帮他把1万多件长袖T恤库存在处理掉，大冬天让我帮你卖T恤，这不是傻B吗，但不敢得罪他，只能硬着头皮告诉他试试看吧。可这家伙又问我能不能打照爆款，气的我差点晕过 文章描述：打造爆款的真实案例. 2010年11月底，接到一个门户网站老总的小舅子的电话，让我帮他把1万多件长袖T恤库存在处理掉，“大冬天让我帮你卖T恤，这不是傻B吗”，但不敢得罪他，只能硬着头皮告诉他试试看吧。可这家伙又问我能不能打照爆款，气的我差点晕过去，“这个小子一定被傻子吻过”。但去淘宝浏览一下T恤的数据与他店铺的T恤数据后，发现这些T恤还真有打照爆款的可能，对方提出的条件是，这款长袖T恤进价是18元，只要18元能处理了就可以，于是决定拟定一个计划试一下。 计划定好了就要坚决的执行了 按照计划的第一步，我们最先优化的是宝贝标题。先用一个简单的方法，在淘宝首页的搜索栏里搜索“长袖 T恤女”，进入人气宝贝页面。 图2 然后把人气最高的前10名宝贝标题的关键词进行分解，再放到excel列表里点击排序，看看哪些关键词出现的次数多。结果我们看到，“年份词”（如2010 2011 ）出现9次，“T恤”词出现10次，“包邮”词出现5次，“长袖”词出现9次，“打底衫”词出现12次，“女装”词出现11次，“新款”词出现9次，“韩版”词出现10次，，“牛奶丝”词出现10次，“圆领”词出现2次，“低领”词出现2次，“时尚”词出现2次，“两件”词出现2次，“冬装”词出现2次，，“秋冬装”词出现2次，“加厚”词出现2次，根据这些关键词出现的频次，决定把出现频次次数高的关键词和与我们的T恤相匹配关键词组成一个标题，然后再把没能放进标题里的关键词（因为宝贝标题有字数限制）再组成另一个标题。 这样我们组成的两个标题分别是： 1，包邮 2011新款 韩版女装 长袖 牛奶丝T恤 圆领 秋冬打底衫 2，两件包邮 2010新款女装 韩版 长袖T恤 低龄打底衫 加厚冬装 把这两个标题投放到直通车里进行测试，通过点击量点击率来判断哪个标题是买家更喜欢的标题。直通车测试的结果是， 标题1，点击量87 点击率1.34%。 标题1，点击量105 点击率0.41%。 通过这个数据我们判断标题1更受买家喜欢，于是我们决定采用标题1作为这款宝贝的标题。当然宝贝标题也有其他的优化方法，我的“【维基解密】-淘宝成交的核心机密”的转发帖子里也有关于宝贝标题优化的一些方法。 下一步我们该优化宝贝的图片了，通过图2，我们把宝贝图片的规律找出来，那么这些宝贝到底有什么规律哪？答案如下； 1，单人模特7个 70% 2，产品颜色4个 40% 3，中间位置3个 30%（模特摆放位置） 4，左右位置5个 50%（模特摆放位置） 5，有背景图6个 60% 6，黑色T恤5个 50%（模特T恤颜色） 通过以上数据判断，我们优化的结果是； 1，单人模特、穿黑色T恤、站在左侧、右侧显示T恤颜色、有背景色。 2，另一张图片加了“包邮”二字。 通过直通车测试，然后看哪个宝贝图片的点击率更高，测试的结果是带有“包邮”字样的图片图片点击率0.93%，另一种的点击率是0.36%。因此我们决定，采用带有包邮字样的宝贝图片去打造爆款。 第三步是一个核心问题就是价格问题，还用老办法把“长袖 T恤 女”的关键词放入淘宝的搜索框里，然后把这个页面的前10名的宝贝价格导出，放在excel里，计算这10款宝贝的平均价格，这时我们计算平均价格时要采用中位数的计算方法。请看下图 excel的表格显示的中位数价格分别是：41.3 41.99 。平均后的价格是41.6，那么41.6的价格是不是买家喜欢的哪？我们不能确定，怎么办？聪明的读者马上会提醒我去测试，恭喜你，答对了。我们把最高、中间、最低三种价格（88 41.6 19.99）在直通车里进行了测试，注意；这时我们要的测试结果不是点击率，而是转化率，那么什么是我们应该考核转化率的指标哪？是成交笔数？这时用成交笔数去考核指标偶然性太大，用旺旺的质询量作为考核指标应该更准确。三个价格的结果出来了， 1，价格88 点击66 质询量7 质询转化率10.6% 2，价格41.6 点击93 质询量16 质询转化率17.2% 成交一笔#p#分页标题#e# 3， 价格19.99 点击97 质询量3 质询转化率3% 上面的3个数据不用我解释了吧，表现最好的是17.2%，41.6就是我们要使用的价格。 第四步是宝贝描述的部分，这是关于你的宝贝是否能够成交的关键，但是大多数中小卖家却没有把这个部分做好，甚至不知道怎么做。我们在优化宝贝描述时，先把上述的10款人气宝贝的网页逐个打开，看看他们的宝贝是怎么描述的。根据这10款宝贝的描述，我们找出了他们的描述规律，这10款人气宝贝的描述大概有两个规律，依照这两个规律，我们建立了两个宝贝描述的模型。图片如下， 按照这两宝贝描述的模型我们做了两个宝贝描述，还是投放到直通车里进行测试，看看哪个宝贝描述转化率更高？那么宝贝描述拿什么做为转化率的参考哪？我们把宝贝页面的平均停留时间和旺旺的质询里作为转换率的考核指标，那么宝贝描述页面停留时间又是以什么为依据哪？办法很简单，我们找了三个员工让他们自己阅读宝贝描述网页，三个人的平均阅读时间是3分40秒，也就是平均180秒就能阅读完宝贝描述的页面，这样我们就以180秒的停留时间作为转化来考核宝贝描述网页。测试的结果如下， 1，点击94次 180秒以上的停留时间27人 旺旺质询19人 2，点击87次 180秒以上的停留时间34人 旺旺质询22人 显然第二个数据更能说服买家。那么这时第二个宝贝描述就完美了嘛？显然不是，为了让描述页编排的更合理，更符合买家的浏览习惯，我们又单独把宝贝描述页2的内容复制了一遍，做成一个独立网页，进行多变量测试。最后我们发现，当模特图片与细节+图片位置互换，质量和细节图片放在左侧文字在右侧时，多变量测试的效果为最佳。图片如下， 这样我们的宝贝页面也优化完毕（提示：如果你不具备制作的网站的条件，建议你不要进行网页的多变量测试）。 通过以上的4个步骤，我的优化的结果如下， 宝贝标题：包邮 2011新款 韩版女装 长袖 牛奶丝T恤 圆领 秋冬打底衫 宝贝图片： 宝贝价格：41.6 宝贝描述： 上述四个步骤的测试和修改时间我们用了大概10天左右，优化完成后自然流量的点击量增加了30%。这样我们就可以去真正的投放直通车打造我们的爆款了。那么直通车的效果到底怎么样？这款T恤能被打造成爆款吗？“下面是见证奇迹的时候了”！请继续关注：“打造爆款”的真实案例（二） 提示： 1，此案例是2010的案例，由于时间太长，有些图片资料不齐全，所以有些图片采用现在图片来代替。 2，案例产品在2010年11月-2011年4月已经售完，所以请各位不要对号入座。 作者：旋风1968 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477884.html 文章描述： 产品经理的逻辑性. 逻辑分析能力对于产品经理而言是非常重要的。一个产品经理应该有发散，有收敛；能抽象，能总结；有很多新奇的想法是好事，但更要能应用到一个产品体系中。 首先，一个产品是有一定的系统性特征的，从产品定位，功能架构，结构 文章描述：产品经理的逻辑性. 逻辑分析能力对于产品经理而言是非常重要的。一个产品经理应该有发散，有收敛；能抽象，能总结；有很多新奇的想法是好事，但更要能应用到一个产品体系中。 首先，一个产品是有一定的系统性特征的，从产品定位，功能架构，结构分析，框架设计 。产品构建的各个环节都渗透着严谨的逻辑思维。 1.产品定位问题 产品定位是一个高度抽象的过程，在纷杂的各种因素中，直取最核心要素；这个要求产品经理深思熟虑，并逐层过滤。最终明确核心一点：满足了谁的何种需求；从战略层面上，分两个眼光：你用户提供了何种价值；为公司提供了何种价值； 2.产品架构的问题 产品架构被提及的并不多；在技术领域中系统技术架构的提法比较多；但个人认为这个“产品架构能力”十分重要； 一个产品，可看作是一个系统，包含多个功能维度（这个维度可以是层状结构，也可以是环状结构），每个功能维度上分布着多个功能点； 这样的思考有利于我们整体性的考虑一个产品的功能建设；需要在各个层面平衡性的延伸；而不是在一条线上走的很深入，但其余的确是短板（类似水桶理论）；有利于我们在核心及基础功能上建设的更扎实（比如VIP运营分核心功能和长尾功能），而非在一些边缘要素或长尾上纠缠太多； 一个产品经理应当是一个产品架构师，而不只是能提几个点子的思维发散者； 3. 功能结构问题 描述一个功能，是要用严谨的交互流程来分析的；除了一下抓住主流场景以外，还要考虑各种异常分支情况； 这个时候的业务流程图的描述对产品经理来说是很必要的。 4. 框架设计问题 对于一般产品而言，一个界面（WAP页面或软件）是一个交互单元； 这个展示页面上的信息布局，或叫做框架结构需要很明确； 拿WAP页面设计而言，产品经理在设计一个页面之前，头脑中就要确定页面的信息框架： 1）需要明确此页面从上到下，从左右到右（一般WEB会有），分成几个框架模块； 2）每一个模块要有清晰的职能定义（都是要做什么的）； 3）然后在每个模块中去部署一些链接或文字； 4）同时，还要要限定一个页面之中的模块数目，避免信息量太大而造成用户关注点分散； 一个框架清晰的页面，让用户一览过去，就大致明白要传达的信息，而无凌乱，阅读疲劳之感；你的逻辑性，看这个页面的用户是有感知的；这个感知就是：清晰，或者胡乱； 苹果和橘子放在一起，怎么能和鞋刷放在一起？ 我们常犯的问题： 仅以一个ＵＲＬ的粒度（或一行文字）来组织布局，导致多个不同类的信息被组织在一起，又或者任意在页面上插链接，而忽视对整体页面的影响；比如在页面上什么位置上开辟广告区用来承载交叉链接，这里也要斟酌，不要干扰用户交互流程，不要有倾向性的让用户区误点击； 这里所包含的归纳，总结的能力，是需要产品经理对信息有逻辑，组织能力，能系统性的看待一个产品，可宏观到战略定位，功能架构，微观到交互流程，UI体验。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477882.html 文章描述： 新浪的触顶与腾讯的逆袭. 元旦前，腾讯微博开放新版测试，试用后颇多感慨。因懒惰拖了一个半月，才来写这篇文章。 整个2011年，一直有人说新浪微博不行了新浪微博滑坡了。狼来了喊了一整年，到年末似乎声音越来越大，这倒不是什么大灾变，有可能 文章描述：新浪的触顶与腾讯的逆袭. 元旦前，腾讯微博开放新版测试，试用后颇多感慨。因懒惰拖了一个半月，才来写这篇文章。 整个2011年，一直有人说“新浪微博不行了”“新浪微博滑坡了”。狼来了喊了一整年，到年末似乎声音越来越大，这倒不是什么大灾变，有可能仅仅是轻微的触顶回弹，甚至只是上升速度放缓而已。 对淡出新浪微博的用户做了几个小样本访谈，原因很雷同，都对公共话题感到麻木，又厌倦了大路货转发。看上去，似乎正印证了“社交才是微博的出路”“腾讯微博才是最后的赢家”，我可不这么想。我访谈的用户在新浪微博也有自己的社交关系，同事/同学/家人等等，小圈子里经常发一些生活类的话题。尤其在淡出新浪之后，他们并没有回归原本常泡的人人、豆瓣，或转战腾讯微博，而是处于一种“什么都玩腻了”的飘忽状态，像是被重口味“吃伤到了”…… 对于社交之于微博，我有几个观点： ★国内用户分享生活的频度并不高，主打社交牌的话，无法维持微博的热度与速度，因此还需要引入公共话题来调和信息生态。加入媒体的基因，会让微博这盘菜的口味更香更丰富。 ★公共话题与社交网络并不是对立面，被公共话题吸引来的普通用户，他也会自然而然地分享生活并扩大社交图谱。精英的互动来自其话语权，草根的互动来自其社交关系，各行各路便是。 ★有人说公共话题与精英体系压制了草根的话语权，这是没谱的事儿。相对来说，微博的公开属性对个人分享带来干扰更大，隐私问题不会因为“目前都是朋友们关注我”就变得无足轻重。 ★信息的高速流动既是微博最大的魅力，同时也稀释了最有价值的信息，单单靠关注分组、悄悄关注并不能根治。从“稀释”的角度来看，相对于公共话题，大量转发“廉价娱乐推”对社交的祸害会更严重一些。 ★援引Twitter创始人Jack Dorsey的观点：“Twitter一直在为公共对话提供服务。社交于我们不是唯一被用户使用的的部分，我们看到Twitter更多是一个信息工具。”这也正是我对微博客的理解。 归根结底，微博的社交化，生活化，都是顺水推舟的生态发育过程，产品设计或运营无法强行加速，更不可能华丽逆转。不论腾讯喊出“心声”口号，还是新浪加强对生活推的引导，都得在漫长的时间里见效。 从急功近利的角度，我更建议新浪在运营上强化“有时效性的本地生活信息”。如果用户能够以微博的形态，便捷查询同城最新的电影/场次、最近的展览/演出、名牌打折消息、数码新品上架、附近的餐馆特价、酒吧优惠……会不会有吸引力？发布消息的认证商家只需要按格式发一条推而已，即便对网络无知也能轻松应对。 再说说腾讯微博。对于腾讯微博、腾讯开放平台我一直很好奇，这么大的一个生态圈，没法走马观花就得出什么结论。但既然玩不进去腾讯微博，熟悉的人又都在新浪微博，找个人访谈都没辙。只好雾里看花。 恰逢腾讯微博新版测试，跟去围观之后，对产品设计赞不绝口。体验版借鉴了Twitter的Phoenix界面风格，又有不少创新细节，如微群与主界面的结合，轻巧的消息浮窗提示，人见人爱的清爽UI，干净流畅到让人欢喜。这些交互层面的改进都还是毛毛雨，真正打动我的是“实验室”，相当于用插件的方式来添加新功能，丰俭由人，拿到足够的实测数据后再考虑全面发布。 这一击，恰好打在了新浪微博的软肋之上。新浪微博最大的问题不是有人厌倦了，离开了，而是产品越来越臃肿，像个三四百斤的胖妇人。新浪的想法太多，目标太多，试错也太多。每一项新功能的推出都满足了一部分用户，也让另一部分人抱怨然后无视。不断的叠加与试错，堆积成山，产品重得喘不过气来，至少带来三条隐性伤害： 1、产品被塞得太满，新功能的插入不便，阻滞了更多试验进行 2、界面元素太多，分散了用户注意力，试验效果受到干扰 3、即便发现了什么潜在机会，受限于产品复杂度，也很难快速集中突击 我在12月底的一条微博对此评价道：腾讯微博的新架构能容忍更灵活，更敏捷的尝试，并在一击而中后更迅猛地发力。它现在还不能打败新浪微博，但制造了“未来有可能”打败新浪微博的机会——在以前，连这个机会都是完全没有的。腾讯借改版轻装上阵，勇敢探索和新浪微博不一样的打法，产品架构强有力地支持了冒险精神。给出一年，两年时间，未尝没有翻盘的可能……俗话说一命二运三架构嘛。 反观新浪微博，作为市场领先者，作为和Twitter差异越来越大，独一无二的中国式微博产品，“高处不胜寒”正是最迷惘之处。我本人是新浪微博的铁粉，但在两年多的使用中，并未发现它有着鲜明的产品理念、产品价值观、产品原则性；或者说“有求必应”就是新浪的风格。用户要什么，运营要什么，政府要什么，领导要什么，新浪就加什么。最后做出来的产品虽能满足“各方面需求”，却是个气味混乱的大拼盘。值此触顶之际，正当是新浪锐意探索之时，产品的笨重却拖得跨不开步子。 说白了，这还是基因在骨子里作祟。谁在台前代表新浪微博？陈彤？曹国伟？又有哪个产品大牛手掌微博实权？对比清一色产品出身的腾讯高管，新浪微博虽遥遥领先，却过早患上三高。即便无视竞争对手，“产品三高”对急于靠微博营收提振股价，分拆上市的新浪来说，亦是极大拖累，人胖体虚打不动拳。 坊间盛传，新浪微博今年会开放个性化的显示广告业务，又有流言说，广告公司摩拳擦掌兴奋得很哟。对于微博广告能赚钱，我不怀疑，追随Facebook的辉煌则无可能。微博的信息焦点过于集中，页面结构过于简洁，用户行为过于单一，显示广告的天花板不算太高。即便照着Twitter的另类销售套路来，国内客户又无此觉悟。 算了，赚钱的事情我是外行，多说容易漏底。曾考虑买新浪的股票，被i美股的老同事打击了一番，深刻认识到自己对理财完全白痴，悻悻抛下贪念，在下岗岁月，在通货膨胀中流着泪坐吃山空。#p#分页标题#e# 作者：@纯银 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477880.html 文章描述： 用户引导系统设计. 谁都能接受简洁的产品，因为它易于上手，易于使用；产品人喜欢简洁的产品，因为简单的东西易于制作和维护；模仿者喜欢简洁的产品，因为copy太容易了；竞争对手也喜欢简洁的产品，因为在你的产品基础上再加一个贴心的小功能，就 文章描述：用户引导系统设计. 谁都能接受简洁的产品，因为它易于上手，易于使用；产品人喜欢简洁的产品，因为简单的东西易于制作和维护；模仿者喜欢简洁的产品，因为copy太容易了；竞争对手也喜欢简洁的产品，因为在你的产品基础上再加一个贴心的小功能，就可以分走你大量的用户；垄断企业更喜欢简洁的产品，轻轻的一挥手，就把你的产品给整合了…… 于是，经过深思熟虑，挖掘了众多用户的需求之后，我们开发了足够“复杂”的产品，如下图所示（每个图形代表一个功能，图形越大功能越高级） 但对初级用户来说，怎么去接受如此庞大的产品呢？于是各种引导（向导）便担负起消除各种初期不适症状的责任 提示型引导 这样的提示框在许多产品中都可以见到，通过固定程序或后台按部就班的向用户推送着各种功能提示。这种提示效果不是很理想，偶然碰巧才会推送到用户感兴趣的，并且对用户形成了一定的某种骚扰 适合情况：新功能提醒，强通知提醒 缺点：效率低，大多情况下非用户意愿，无规律 新手（设置）向导 新手任务被大量应用在游戏和论坛产品中，设置向导则用于设置项很多的复杂产品中。这类向导通常不是强制性的，用户自愿选择，或给予某种初期用户很重视的奖励来吸引用户。 适合情况：初期熟悉部分产品功能 缺点：使用率低，效果不理想，某些产品中为作为强制性流程，效果有待考察；通常不涉及到高级功能，因此后期乏力 视野型引导 视野就是我们能看见的景观范围，随着人的位置移动而变化，因此视野变化在一定程度上可以反应一个人的行为路线。我们的产品中，即使对于高级用户，有些功能也是他不需要的，视野型引导将通过用户的行为和意愿来判断，因而将更加贴合单个用户的行为特点。 将功能整理成渐进式路线，用户使用了初级功能或达到某种进阶要求时，向其展示中级功能，以此类推。如我的联系人很少，或者联系人都是我同学，不用分组也可以管理的很好；当联系人达到一定数量或有了不同类别，这时候可以发现“关系中心”或 “联系人分组”功能（上图中的虚线圆） 优点：最智能的引导，对中低用户来说是“足够用，足够简洁”，不会被自己用不到的功能迷惑；充分满足高级用户的“折腾”心理，并且可以找到自己真正用到的高级功能；用户的在使用的过程中，无形中就定制了一个真正属于自己的产品 缺点：系统设计比较复杂，各条线的功能点要有很好的衔接和过渡，并且要有一个合适的进阶规则（即可以跳到下一个功能点的条件） 有一个很经典的例子：某公园不是先修了路让游客去走，而是先让游客走，再沿着踩出来的路线修路。如果不让游客先走，而是书面建议设计路线图，那结果又会是个什么样子？ 作者：訫有意 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477881.html 文章描述： BANNER中的字体结构分析. 本来想写Advertisemen中的字体结构分析，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。 Banner的传达 文章描述：BANNER中的字体结构分析. 本来想写“Advertisemen中的字体结构分析”，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。 Banner的传达方式 ［TOPIC］ 针对网站中的banner Banner的本身形状：形状决定了其固定的构成方式，一般为矩形，横幅，左右结构和居中； Banner的文字特点：主题式，一般分为主标题和副标题，文字较多；设计的时候还需要考虑应用到网站各种尺寸推广图的可读延伸性。 Banner的图像特点：辅助主题，增加文字的渲染力。 Banner的传达行为方式：载体为电脑屏幕，IE浏览器的第一屏位置，用户眼睛焦点停留时间约3秒以上。 ［由于banner一般用于专题类网站，在门户网站的二级页面，用户进来之前，在首页已经对主题有一定的了解和认识，所以banner的作用是在二级页面中起到包装页面的同时增加内容的趣味度和内容方向引导；所以这也是和传统广告中普遍要求第一感官视觉冲击力来强奸眼球所不同的地方。］ 文字在banner中的重要性 对于文字，我们常常听到需求方提出：“字要大！” “啊？还要大？已经很大了！“ 然后很无奈的拉大一点，其实我们都知道大那么几个像素没有意义； 但细心想想，需求方要的真的只是那么一丁点的追求么？毕竟他们不是设计师，不懂得如何表达自己的想法，而唯一可以让们觉得显眼的方式只有大小的区别而已，或许是因为，字不够显眼，字的处理太普通，背景太抢眼之类的，或许，我们应该理解为：“字要显眼一点“，而”显眼“的方式却有很多种。 Banner=文字+图像［辅助］ Banner上的文字一般都占据了整个banner的70%的区域，而实际图像只占不到30%，往往很多的设计师更专注于那30%的图像设计，忽视了最重要的70%文字区域，最后只用系统字草草拼凑了之，试问这样的一个banner的设计合理么？ 尤其当主题被延伸应用到小尺寸推广图的时候，只剩下放文字的区域时，这个推广图算是彻底完蛋了。 中文字和英文字母的属性区别 中文字与英文字母的区别，字母是一种纯粹发音符号，每个字母本身并没有意义，单词的意义来自于这些字母之间的横向串式组合，而汉字的组字方式是以象形为原始基础，也就是每个字都具有特别的意义，一个简单的字在远古时代就代表了一个复杂的生活场景，因而它也是世界上最形象的文字。两者之间的阅读方式和解读方式都有本质的不同，因此，汉字的编排不能照搬英文的编排方式，它们两者之间在编排上有一些客观的区别。 中英文字体的结构分析 a. 同样字号的实际大小不同，英文因为都是字母，字母的构成结构非常简单，屏幕最小可视像素为6px［代表字体：04字体］，中文则结构复杂。屏幕最小可视像素为10px［MS明朝/MS UI Gothic］和11px［新细明体/ PMingLiU］ b. 英文的整体编排容易成段、成篇，视觉效果比较自由活泼，有更强的不连续的线条感，容易产生节奏和韵律感。 中文整体编排容易成句、成行，视觉效果更接近一个个规则的几何点和条块，不容易产生动感的最主要的原因是因为整个结构是闭合的，笔划张力的总和趋于零。 c. 英文的篇幅普遍比相同意义的汉字的篇幅要多，在设计时，英文本身更容易成为一个设计主体，而且因为英文单词的字母数量不一样，在编排时，对齐左边那么右边都会产生自然的不规则的错落，这在中文编排时不太可能出现的，中文编排每个段是一个完整的”块”，很难产生这种错落感。 d. 英文的结构有大小不同的形状，在字形设计上不可能排列在同一条直线上，如gjpqy等字母齐下方的沉降线，而bdfhkl字母上齐顶线，其它字母才齐上中线和下脚线。然而，英文编排时自然产生的错落其实并不是西方设计师所期望的，他们在细排文字对齐上花大量的时间来调整字距、词距、行距、段前距、段后距等，使得段落更趋向于几何形态。 [1] [2]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477879.html 文章描述： 支付宝这次改版很成功，优于财付通 客户量： 支付宝：依托淘宝网，3亿客户 财付通：依托QQ，1.5亿客户 色彩方面： 共同点： Logo都用了蓝色与橙色， 红色警告、绿色安全、蓝色超链接，这已经成为两家公司的共同点。 不同点： 支付宝：继承了淘宝 文章描述：支付宝这次改版很成功，优于财付通 客户量： 支付宝：依托淘宝网，3亿客户 财付通：依托QQ，1.5亿客户 色彩方面： 共同点： Logo都用了蓝色与橙色， 红色警告、绿色安全、蓝色超链接，这已经成为两家公司的共同点。 不同点： 支付宝：继承了淘宝网的风格，用了大量的暖色元素-橙色，其中导航条橙色渐变，banner大色块暖色炫目图。偏向iPhone风格。 财付通：大胆创新的色彩，浅灰色系+暖色图标，明暗度对比，黑白阴阳图标，表现丰富，把黑白灰运用的淋漓尽致。偏向windows phone7 风格。 windows phone7 风格将打破iPhone式高光阴影界面局面，将成为接下来流行的趋势。从这点上说，财付通更具有前瞻性。 视觉心理： 支付宝：大量的橙色，给人激动、兴奋 财付通：清新淡雅，给人冷静、平稳 做为第三方支付，冷静更为合适。淘宝购物的时候用暖色系，它可以激发购物热情，这无可厚非，然而付费的时候，我的体会给人冷静的颜色较佳，因为不容易出错。 口号： 支付宝：“支付宝 知托付” 在页面上没有明显口号，这样不够有效的提高品牌宣传度。 财付通：“会生活 会支付”在logo旁，醒目表现，提高品牌宣传度 图标： 支付宝 财付通 相同点：图标都是饱和度高且丰富细致 布局： 支付宝： 1、块面多：页面小块面太多，容易让用户眼花缭乱。用户群有个人服务和商家服务，虽然在页面上有大块的区分两者，但是对用户来说，还是有些混乱（请看下图）； 2、过于突出广告：用了高饱和度的图片广告在最重要位置，抢走了页面重点，弱化了目的信息； 3、布局遗憾：我们希望在第一屏看到内容是：个人和商家享受的服务，然而在一般的分辨率显示器下，商家服务内容在第二屏才能看到。 财付通： 1. 色块大而少 2. 色彩饱和度低，对比支付宝，财付通页面久看而不累 3. 布局清晰，区域内容表达清晰易懂。我们很高兴一屏看到所表达的内容--登录和服务内容。 综合： 中国最牛的两家交互设计公司--淘宝和腾讯，一直在PK。这次我的交互体验的感觉，在色彩、布局等，财付通都略胜一筹。大概支付宝已经看到了自己的不足，开始改版了。让我惊喜的是，这次改版支付宝驾驭在财付通之上，做了很多的优化，改版前和改版后简直判若两“人”。 接下来介绍下改版后的支付宝。 支付宝的进步 1、 用色：支付宝开始模仿财付通用色了，降低了导航条饱和度了，灰底大块面，给人干净而整洁的感觉。 2、 块面：倒影效果用得少了，块面的运用多了，页面更加清新淡雅。 3、 布局：第一屏展示最重要的账户与交易，且把最具创意的年度账单放在醒目位置，当然这也是我们在第一屏想看到的。导航条保持原用横向， F型展示形式。差别在于支付宝用了通栏的展示账户信息，更加强调重点。 支付宝这次改版很成功，优于财付通。我想财付通一定不甘落后，改版之日很快就要到来。支付宝、财付通在用户体验方面都在不停的努力着，有很多学习之处。我们能做的是：研究他们，学习他们。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477877.html 文章描述： 给“豆瓣猜”的建议. 春节前夕，豆瓣的新版首页豆瓣猜上线了，代替原来的友邻广播成为首页。它的标题是：XX，你可能喜欢，推荐一揽子热门的书/影/音/话题/相册/活动等。 豆瓣的这次大动作再次引发热议。在笔者看来，豆瓣猜存在着用户定位不明确和 文章描述：给“豆瓣猜”的建议. 春节前夕，豆瓣的新版首页——豆瓣猜上线了，代替原来的友邻广播成为首页。它的标题是：“XX，你可能喜欢”，推荐一揽子热门的书/影/音/话题/相册/活动等。 豆瓣的这次大动作再次引发热议。在笔者看来，豆瓣猜存在着用户定位不明确和产品目标也不够明确的问题。 深度用户需要热点推荐么？他们已在豆瓣浸淫多年，熟悉各线产品，关注数上百、常常挂豆瓣，并习惯性在广播页面按F5，经过漫长的积累和互动，早已主动关注了一干信息生产者与传播者。于是给他们推荐的分类热点常有马后炮之嫌：推荐得越准，他们已经看过的可能性就越大。问题是“豆瓣猜”这个名字会让用户对网站产生极高的智能化和个性化期望。若它推荐了自己已经知道的事情，用户会质疑系统对自己的了解和关心；除去用户自己已经标识过的信息，又没有那么多既新又对胃口的东西可推荐，因为他们感兴趣的内容总能第一时间从友邻广播获取到。 什么人最需要豆瓣猜呢？ 初来乍到的新手用户，搞不清豆瓣有什么，怎么玩。无数新手面临无从下手的困境（新手们的呼声见此），他们光听说别人在这里玩得不亦乐乎，自己来了注册了却仍不得其门而入。只能无奈地对着空荡荡的首页广播疑惑：那些人们说的好东西都藏在哪里？ 对当前友邻广播不甚满足者，待他们关注了足够多信息源用户后这一局面常可大大缓解。这里面包括部分猎奇者，但大部分仍可看作成长中的新手用户。 单一产品用户：被朋友介绍或者搜索引擎带进来，只熟悉和使用豆瓣的一两个产品，其他产品对他来说都是未知大陆（例如只会玩豆瓣社区却不晓得豆瓣读书或反过来）。这也是新手用户的一个或长或短的过渡状态，本来随着他们关注的用户种类和数量增加，慢慢也有可能看到其他大陆的边边角角。 被信息海洋淹没的老手：关注友邻数百上千，要挨条广播看太花时间看不过来，随机抽取怕丢了西瓜捡了芝麻，都不看又怕错过了什么。于是想要个了解你口味的帮你精挑细选出几个，节省精力又免得错过关键。这样的用户数量相对不多，而且他们对豆瓣的依赖本来也较重，就算不用这种方法讨好也八成不会离开。——他们最需要的是有效的主动信息管理，比方说友邻广播的分类功能：将友邻分类，将广播分类，以及给收藏（现在的“喜欢”）加标签、在收藏内分类、排序、搜索等功能。 这几类用户中，最需要迫切关注的是第一类完全新手用户。一是若他们进不来网站就难以补充新鲜血液、扩大规模；二是当满足了完全新手用户的需求，成长中的新手用户（包括单一产品用户）和猎奇用户的需求也都可得到满足。首页的热点推荐正是个给新手用户试水，给单一产品用户拓展视野的好机会。 如何听到新手用户的声音呢？ 不要用深度用户的体验作为测试依据，也不要依赖站内搜索或口耳相传获取反馈。因为往往深度用户才有能力和影响力把自己的声音扩散出去，最该关注的新手用户的声音却常易被淹没。设身处地，当我们面对一个完全陌生，无从下手的网站时，我们往往不会说出自己不会用等等吐槽，而是怀疑自己的能力问题，也不好意思求助，碰壁后习惯性藏拙的结果是第一时间用脚投票离开。甚至可能都弄不明白这个东西的名字是该叫豆瓣猜还是叫首页——新版首页？旧版又是什么？——该如何发表意见？ 请从未接触过豆瓣的新手用户做用户测试。不是新旧两版的对比试验，因为显然有各种推荐内容的新首页会比从零开始空荡荡的友邻广播看起来更亲切易上手。而是新版怎样的算法才更好的实验。可是在算法的调整演进与用户的互动过程中，每天情况可能都在变化，随时找人来测试尚不现实。 现阶段唯一实用的方法就是直接从浏览数据分析。鉴于是豆瓣猜与友邻广播的首页大战，可以用广播量界定新手用户。例如：主动关注友邻数少于20个；一周内收到广播数低于150条；注册时间短于一个月；总登录次数少于10次（这些数字只是举例，具体数字要根据用户的数据特征仔细分析确定）。鉴于新手用户留下的偏好信息很少，所以为他们做准确的个性化推荐也是十分困难的。想验证产品是否成功（讨好了新手用户），可以看如下指标是否有显著提升：匿名用户主动注册的转化率，新注册用户一个月内的平均回访次数，新注册用户一个月内的平均收藏条目数、PV、活跃时间等等。对于单一产品用户，则可以看他们一个月内对其他产品新增的PV、收藏条目数等指标来衡量拓展效果。 当豆瓣猜定位成了给新手用户的产品，允许用户自行选择首页是设置成豆瓣猜还是友邻广播，可有效调和新手用户和深度用户间的需求矛盾（因豆瓣猜上线也伴随着友邻广播的改版，当前的“回旧版”不等同于选择首页功能）。 ２．１与分类产品中豆瓣猜的差别 豆瓣猜贯彻了豆瓣一直以来发现与分享的思路，并在传统书影音的基础上新增了社区和活动类产品的推荐。“首页豆瓣猜是各种类型混搭的，要是你想专门看一类的东西，读书、电影、九点等服务里各自的豆瓣猜会更深入。” 可细心的用户会发现：分类产品（例如读书）中的“豆瓣猜”跟首页“豆瓣猜”推荐的内容完全不同。为什么要有两个结果不同的推荐？如果其中一个更准确，为什么不直接代替另一个不准的？ 因为它们的目标不同，定位不同。首页应该简单快速地让人弄明白网站是什么、有什么，而分类产品内部适合更深入、具体、个性化更强的推荐。伴随豆瓣产品复杂化，信息架构也越来越难懂，挡住了不少想进来玩的新人和一些跟不上变化的老用户，也可能人为造就了更多单一产品用户。这时，一个在首页整合了豆瓣各核心产品的热点推荐，帮助新手用户自由探索、快速了解整个网站的豆瓣猜就应运而生。这个定位不同，就是首页豆瓣猜与其他豆瓣猜的最大差异。 ２．２如何招徕新用户 既然首页的定位是招徕和培养新用户，那么豆瓣如何发挥特长以达到目标呢？ 豆瓣社区虽然有高水准的用户和原创支撑，却面临BBS、SNS、轻博客的激烈竞争。书影音的评论界地位虽然领先，但在在线观看和免费下载泛滥的网络大环境下，加之“想看、正在看、看过”的字样，新手用户很容易误会它也是像起点、土豆、songtaste那样可以立刻消费的产品。于是当豆瓣像现在这样在首页推荐了最新最热门的书影音产品后，新用户往往怀着满腔期待希望一点开就可以在线阅读、在线听音乐或是直接看电影，可当点开之后却很困惑怎么找不到在线观看。失望之下，很可能就不会再回来了。#p#分页标题#e# 怎样留住新手用户，创造回头客呢？在这个快餐时代，网民的耐心尤为珍稀，短时间内看不到目标就会迅速转移，就算使用购书单等产品在线买书也需要等上一两天，更别说好多资源压根很难买得到，就算上网搜索也很可能碰壁失败。这种受挫寻找的过程很容易把人的热情消磨殆尽，这种看得见吃不着的酸楚可能令本来就茫然的新手用户更加沮丧，失去对豆瓣探索的热情。这时要先给新手用户一点甜头，才容易把人留下来，豆瓣完全可以充分利用现有资源，放些可以立刻消费的内容。比方说书影音就放有试读章节的书、新产品豆瓣阅读器里的现成文章，有现成“在线观看”链接的电影电视剧，可通过豆瓣电台试听的专辑；以及可快速消费的豆瓣house made：豆瓣社区的话题、相册、日记、小站、活动等。同时，推荐的更新频率也可以降下来。一方面这类内容需要较长时间来消费，资源总量也相对有限，另一方面是新手用户每天的登录和刷新频率也不会太高，因此每天只要更新一到两次就足够了。 担心首页推荐数量太少用户看不过瘾？仅包括立刻消费品的推荐不够全面、新潮？别忘了我们的目标不是让新用户在首页流连忘返，而是要吸引用户从此桃花源处入门，探索豆瓣全站。因此不要在首页里放太多推荐内容把用户直接喂饱，而是留有一点渴望来探索，让“更多”链接带领他们进入更广阔的天地，例如各产品主页（对未登陆用户）或者各产品内部的豆瓣猜（已登录用户）。 这样一来，既可以给未注册用户尝到甜头，变成回头客；帮助新手用户快速入门；也方便了单一产品用户见识其他产品；猎奇用户还可以通过这个换换口味；深度用户同时也能偶尔利用它快速消费打发时间。 ２．３培养新用户融入社区 毕竟以物而非以人为中心的网络稍嫌冷漠，继而缺乏粘度。如果新用户每次都仅是通过首页推荐直接获取快速消费品并满足于坐享其成，时间一长，不仅不能帮助用户融入这个社区，甚至还会形成隐性阻碍。对豆瓣这个以高水准用户为真正资源，以用户互动为活力的网站，长期看，与豆瓣说一起消逝的“豆瓣猜你感兴趣的人”以及豆瓣社区的重要支撑：“豆瓣小组”，依然是首页推荐有益的补充。 用户会在文案和界面的引导下唤起经验，建立心智模型，同时根据系统的展现和反馈来揣度它背后的逻辑，对预期做出修正和完善。产品的表现模型和用户的心理模型越接近，用户越容易理解并使用它。一个好的表现模型能帮助我们预测操作行为或使用规则的效果，而反之则会误导用户建立不正确的心智模型，进而使期望落空。用户满意度是由产品实际效果与用户期望比较得来的。因此，一个产品的成败，不仅由产品本身决定，更受它唤起的用户期望左右。 根据我们的用户和产品定位，首先从产品的名称和文案下手，调整它给人的心理预期。 如前所述，本产品主要是用面对新手用户，用可快速消费的资源拉拢他们注册、入门，顺便让深度用户偶尔利用它打发时间。因为对新手用户个性化推荐不可能十分准确，对深度用户未知的个性化热点又不多，总有碰运气的意味，因此可以取名为“随便看看”。就像逛商场时，不知道这家店里有什么或者没有特定的目标，面对店员的热情服务，我们都会回答一句“随便看看”。如同Google的“手气不错”，这种轻松的语气和定位，不会让用户建立不切实际的高期望，也符合实际的产品定位。 豆瓣猜这种综合推荐对UI提出了相当大的挑战。因为各类产品资源的格式迥异，如何将其和谐地统一在同一个界面里？目前豆瓣猜这种改良式瀑布流的设计不失为一次很好的创新。 然而考虑到瀑布流的适用前提——大量散乱无序的碎片化内容，对复杂的索引无依赖；图片极重要，文字不重要；用户浏览无明确目的，而需要大范围扫视来做筛选；用户对内容只做极轻量的互动消费——它并不太适合当前的豆瓣猜：一是信息本身并非同质无序，量也不够大；二是除相册以外的产品图片都较小或没有，用户必须细致地阅读文字才能知道这是什么；三是这种随机快速低互动的浏览或许适合深度用户，但却阻碍了需要迅速了解网站内容，加强互动与探索的新手用户。 图一：当前的豆瓣猜截图（已登陆用户） 在新的产品名称和定位下，UI也要做相应调整，力图在整合全站各类资源的同时，营造一种逛书店般轻松探索的感觉。我们将从上文分析的用户需求出发，重新设计这个界面。 ４．１整体结构 将“人”与“物”分开，以“物”为主。豆瓣站内推荐的内容大体可归为“人”与“物”这两类，前者如豆瓣用户、豆瓣小组、豆瓣小站，属于“信息生产者”；后者如书、影、音、线上/同城活动、小组话题/日记、相册，属于 “信息产品”。这两大类可以分开，将可直接消费的“信息产品”放在左边主界面，右边栏放置关注后可长期获益的“信息生产者”。 将推荐的条目分门别类（而非混杂在一起）。用标题明确内容，具体条目用举例的方式排列在下面，使全站内容一目了然。给出“更多”按钮，引导新手用户由此对全站做更深的探索，也方便不满足于有限推荐条目的深度用户获取更多条目。 ４．２元素构成 放在推荐产品上的元素会暗示这是推荐该条目的理由，例如豆瓣星级、评分、标喜欢的人数，刚好也喜欢了该条目的友邻。然而算法并非如此，这些就造成了不必要的误导。事实上，既然是“随便看看”的定位，同时还要受“可立即消费”的约束，就无须向用户事先说明推荐的理由，用户可以点进去了解详情并试读、试听或观看，而且本产品的目的也正是唤起用户的好奇心，吸引他们点进去一探究竟。 同时，并不是每个书影音条目都有简介，标题、作者名也长短不一，在统一的界面风格中难以展示所有内容，还不如首页仅放较大的图片，而把这些介绍内容放入鼠标提示中。与逛书店场景的类比如下：#p#分页标题#e# 书影音这类出版印刷品，往往都有很专业精美且量身打造的封面设计。先被封面吸引，再浏览内容，也比较符合人们在现实生活中的认知习惯。但对于书影音以外的社区和活动类产品，文字在信息传达中的地位相对重要得多，更便于快速扫视获取信息。因此，笔者针对它们，按照其产品特点和用户的关注要点分别设计了不同的展示方式。 本文谨作为笔者对豆瓣猜产品提供的分析建议，欢迎各位同行讨论指正。 作者：冰桃 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477878.html 文章描述： Qzone龙年春节彩蛋“会喷火的龙”制作揭秘. 一、背景 今年春节Qzone做的春节活动是让用户许三个新年愿望（发表空间说说的方式），然后自己去拉好友来赞自己发的愿望，当每一个愿望积累赞的次数超过5次的时候就可以点亮龙身体的三分之一，当3个愿 文章描述：Qzone龙年春节彩蛋“会喷火的龙”制作揭秘. 一、背景 今年春节Qzone做的春节活动是让用户许三个新年愿望（发表空间说说的方式），然后自己去拉好友来“赞”自己发的愿望，当每一个愿望积累“赞”的次数超过5次的时候就可以点亮龙身体的三分之一，当3个愿望都积累到的时候就可以全部点亮一条完整的龙， 最终在Qzone个人中心的Feeds里面可以带上这条龙： 当时我第一眼看见这条龙的设计稿脑中就浮现各种想法：“如果这条龙可以动起来将会是什么样子？如果它还会喷火？如果它可以把前面的名字烧红？如果它可以把黄钻的条点亮？如果它可以给大伙拜年？……” 于是萌发出做一个彩蛋的念头……然后就一发不可收拾了…… 二、具体步骤 大前提，为了照顾性能问题，采取的“默认显示龙静态图片，当鼠标移上图片的时候覆盖一个龙的喷火flash，当鼠标移到其他的龙的图片再动态修改flash坐标”这样的方案来实现一个flash让所有的静态龙都动起来的效果。 1、最开始要做的就是将这张静态图片 大卸八块，在flash里面做一些拼接、翻转等动画让它动起来 基本上被我拆分成了：头、嘴巴、爪子、腰、尾巴等几个部件，然后做了动画，播放起来就像飞着的龙站了起来： 从 变化到 2、 默认情况下是在用户的名字后面跟着一张图片，给这个图片绑定了mouseover事件，当鼠标移上这张图片的时候触发显示龙喷火的动作： 3、当鼠标移上这个龙的图片的时候，触发了显示事件，这个时候将龙的flash显示出来，浮在原来的龙上面，尽量地微调坐标进行对齐覆盖： 4、为了可以让flash完全挡住原来的图片，需要将空间的背景色传到flash里面（因为空间的背景色可以因用户装扮而变）： 5、为了让体验更加顺畅，达到“鼠标移上龙的时候龙喷火，鼠标离开龙的时候停止”的效果，在龙flash的最顶层放了一个透明的按钮，加上事件：鼠标移上去的时候龙播放喷火效果，鼠标移除去的时候隐藏所有可见元素，同时flash通知js可以过3秒之后将这个flash从可视范围内移去： *我这里特别处理了一下，让透明按钮的尺寸略小于flash舞台的尺寸，是为了解决在两个龙直接鼠标快速切换会引发的bug（后面有讲到） 6、为了让龙喷火的时候可以将名字烧红（寓意是红红火火），需要将名字传进flash里面，在flash创建一个textField实例来显示名字，同时需要有一个跟空间一样的背景色挡住原来的名字 #p#分页标题#e# 文字格式为“宋体，14号，右对齐，红色” 并给textField的加上发橙黄的滤镜，达到类似被火烧红的效果，最后控制整个文字mov的动态显隐使到被火慢慢烧红： 7、黄钻lv8的用户名称是一张金黄色的图片，当然要把它也一起烧红： 由于在显示flash的时候这张图片就已经下载完毕了，所以我可以再一次将它加载进flash里面，然后做一些红色调的调整： 加了滤镜就变成 实际效果如下： 然后再动态控制显隐它渐显出来，叠加了原来的图片，看起来就像是被火慢慢地烧红。 8、感觉如果可以加一些拜年的文字会不会更喜庆一些？而且刚好lv8黄钻条上面有位置，所以我在上面加了一个textField，用来随机显示一些拜年语句和跟龙有关的文字： 当然，为了强调我要表达的寓意，进空间第一次mouseover到lv8用户的龙上面都会出现“龙年吉祥，红红火火”这一行字，之后的就随机了。 大概有二十几种不同的文字吧。 9、火焰是找了龙的设计师xiaoerhu同学打黑工特地额外给我画了几帧图片来做成逐帧动画： 套上去就有喷火的效果了： 10、对齐问题比较麻烦，因为龙flash是浮在原来的静态图片上面的，所以对不同浏览器要做绝对定位的微调，ie6/ie7/ie8/ie9/safari/firefox/chrome都单独处理了一遍……（苦逼的前端开发）而且对ie6还要在flash里面对文字和龙的图片之间的位置做特殊调整，特别恶心。 11、名字的背景需要跟进名字的的长度动态调整，这里我采取的方式是当鼠标以上静态图片的时候动态计算这个静态图片距离左边头像的距离来判断这个宽度应该是多少，然后传给flash去动态调整背景宽度：#p#分页标题#e# 12、由于龙的flash是漂浮在原来的图片上面的，如果发生任何会让原来这条feeds位置发生变化的事情都会导致出现两条龙的窘境，所以在本次做彩蛋的时候我也地毯式地把能想到的会导致feeds位置发生变化的地方加了一个“IC_FEEDS_POSITION_CHANGE”自定义事件，然后在JS里面监听这个事件，当触发这个事件的时候重新调整一下龙flash的位置，避免出现这个bug。 13、当两条龙之间距离很近的时候，鼠标可以快速在它们之间切换，这个时候我发现需要将触发显隐的按钮调整得略小于flash舞台的大小，才能保证每次mouseout都会触发，不然会导致第一条龙显示在第二个位置的bug： 所以才特意将这个触发显隐的按钮调小一些。 14、这条龙从诞生到2月2号喷火的次数从统计数据显示日均已经达到千万级。 三、总结 这里引用facebook招股书里面提到的一点核心价值观—“敢于冒险”： 敢于冒险 开发优秀产品意味着承担风险。这可能会很令人担忧，使大多数公司不敢采取勇敢的措施。然而，在一个变化如此快速的世界里，如果不敢承担风险，你就注定会失败。我们还有另外一种观点：“最危险的事情就是不敢冒险。”我们鼓励所有人勇敢决策，即便这意味着错误。 因为本次做这个彩蛋也是属于一种新的尝试，从一张静态图片引发出灵感再到后面的一步步实施和调试会发现需要解决的细节问题其实很多，一个看似很小的东西要把它做好也是需要付出很多的心思和精力，不过整个过程让人也很享受，由于很享受很陶醉，整个过程中我自测的效率也很高，基本上开发过程中就覆盖了98%以上可能遇到的bug，包括2个龙之间快速切换的极限测试等等。 最后引用产品同学的话： “兴趣是最好的工作动力”，也希望大家可以把兴趣和产品融合，创作出更多有意思的东西。 如果有同学还没体验过这条龙的，请赶着这条龙下线前来我们Qzone里面看一下吧~ 作者：xiaoer 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477876.html 文章描述： 点击和滚动，哪一个对用户更友好？这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击，给用户一堆链接并把他们带到新的页面；使用滚动，则把所有内容按区块展示在一个单一的页面上。 点击和滚动，哪一个对用户更友好？这是一个设计师 文章描述：点击和滚动，哪一个对用户更友好？这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击，给用户一堆链接并把他们带到新的页面；使用滚动，则把所有内容按区块展示在一个单一的页面上。 点击和滚动，哪一个对用户更友好？这是一个设计师在设计页面浏览过程时必须考虑的问题。使用点击，给用户一堆链接并把他们带到新的页面；使用滚动，则把所有内容按区块展示在一个单一的页面上。 许多年前，这个问题最简单的回答就是使用点击。通常的考虑是，如果你使得你的你的页面过长，那么用户只会去看去读上半部分而可能只是扫一眼、甚至是忽略下半部分。而今，这有了一些变化，许多用户可以毫无问题的从头滚到尾。相比点击滚动现在变得越来越自然。因为用户的行为一直在变化着，设计师需要在他们的设计里考虑到这些问题。 无论是滚动还是点击，都有其优缺点。然而，对于滚动来说，优点多于缺点。对于用户而言，滚动更快。随着鼠标滚轮的滚动以及触摸板滑动，用户可以仅仅通过一根手指的挥动滚过所有的内容，相比之下，点击需要用户找到链接、识别链接、鼠标移动到链接、点击链接然后等待页面加载。 滚动模式里，用户循序获取内容，并能一眼瞥知全貌。点击模式里，用户可以跳过某个链接到达下一页，而避免浏览他们跳过的页面。 滚动保持了用户阅读的连贯性。他们滚动然后继续阅读直到读到了页面的底部。而点击打断了用户的阅读流程，因为他们必须停下来，点击链接到下一个页面。在滚动过程中，用户也不需要等待新页面的加载（页面加载更加严重的打算了阅读）。他们只需要单一滚动到下一个区域并继续阅读。 点击在速度和易用性上毫无优势，但它也有自己的优势。点击允许我们跟踪用户的点击行为来做分析，而在滚动里无法做到这一点，你只能跟踪到顶层页面而不是子区域。 每个页面都有一个与他人分享的链接，这个链接也同时被搜索引擎收录。但在滚动模式里，页面只能被收录1页。 在点击和滚动里需要一个权衡。看起来滚动的可使用性更加。但是点击模式更适合数据分析以及搜索引擎。作为一个设计师，你的工作就是权衡哪个更加重要。了解它们的优势可以帮助你做出明智的选择。然而，如果你始终跟随用户体验，那么滚动模式就是答案。 译后语 原来的标题应该是：“为什么滚动是一种新的点击”，不过看起来不够直接。这篇通篇废话比较多，但是光看结论：其作者认为滚动相比点击更具优势。并认为这是一种新的趋势。 随着类iPad设备的流行，滚动操作，或者说滑动操作的习惯，已经被广泛地分发到终端使用者身上。使用习惯会在多个系统中传染，加之用户已经开始习惯无限滚动等交互方式，滚动操作已经在可用性的很多方面占据优势。 举一个个人的例子：太平洋和泡泡网是我常上的IT类网站，但是我可能更喜欢看PCPOP的评测，因为PCPOP有一个“在本页阅读全文”的功能，使得单页滚动代替了分页，让我可以不用总是点下一页看完整个评测过程——作为一篇完整的顺序性很强的文章，打断阅读连续性其实非常非常糟糕——而“分页”，这个我们看似理所当然的过程，未必是必须的。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477874.html 文章描述： 卓越用户体验的5个共同点. 如果你已经在用移动社交的Path，你一定会非常享受其卓越的用户体验。Path拥有非常精致的设计，而且非常易于使用。换句话说就是Path拥有非常棒的用户体验。这不是一个高科技产品是否需要采用的决定性元素，但确是能够决 文章描述：卓越用户体验的5个共同点. 如果你已经在用移动社交的Path，你一定会非常享受其卓越的用户体验。Path拥有非常精致的设计，而且非常易于使用。换句话说就是Path拥有非常棒的用户体验。这不是一个高科技产品是否需要采用的决定性元素，但确是能够决定多少用户来使用的重中之重。 1. 典雅的UI 好的用户体验是离不开UI的，而且作用很大。尽管我不是一个合格的Path用户，但是当打开的时候，我还是会浏览一遍。顶端的5个笑脸图标更是很有爱。这也正是facebook没有意识到的地方。 2. 离不开（上瘾） 好的设计还得让人看到其内在的价值。它必须能够解决你的某个需求，或者能够给你消遣。换句话说，就是要能让人离不开。最近兴起的一项网络服务叫做Pinterest，就是这么一个案例。因为它给你一个地方来围绕主题存储图片。 3. 快速上手 Kindle Fire作为一款产品是没法和iPad2比拟的，Fire更小一点而且更长方形，看上去像iPad的小兄弟，但是Fire比iPad做得好的是对初学者来 说花费不了多少时间，你要下载东西还得打开AppStore。而你在Amazon的资料会全部内置到Fire内，用户们可以第一时间直接下载想要的内容。 尽管其它方面可能不是很爽，但这一点值得一提。 4. 无缝 如此之多的联网设备，始终如一的体验很重要。最近的一个案例是在线音乐应用Rdio。在 iPhone上面和PC桌面，Rdio的每一步让你从下载到离线收听都感觉不到太大差别。而且默认的是让你在wifi的情况下才下载歌曲，也就不会出现在 3G下浪费你很多流量费的情况了。 5. 改变用户 优秀的科技产品会改变我们做事的方式，iPhone和iPad就是这几年来最好的例子，twitter也是，这些产品都创造了新的用户体验或者改变了人们原有的一些习惯。 via RWW （benimaru 供雷锋网专稿，转载请注明！） 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477875.html 文章描述： 如何设计注册表单. 注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。网页教学网将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结： （以下内容偏向于B2B的网站） 一 文章描述：如何设计注册表单. 注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。网页教学网将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结： （以下内容偏向于B2B的网站） 一『注册的需求包括哪些』 注册的需求大概可以分为四个步骤：①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导 ①先看看各大网站是如何做用户类型分类这一步的： 京东商城 中国制造网国际站，将选择地区放在第一步，直接通过国内和国外的IP区分买家和供应商的表单。 关于用户类型的分类，我大概的总结了一下： 1. 根据IP分类国内外用户，然后根据地区习惯填写相对应的表单。 2. 根据用户的需求分类： 电子商务类：供应商，买家，企业，个人，团体等。 求职类：发布职位的企业，应聘者，应聘者又分为应届生和非应届生。 社交类：男，女，已婚，未婚。 ②将访客转化为会员 这个步骤大概的需求包括： 1.填写帐号资料。主要包括：帐号，密码，邮箱，协议。 2.防止恶意注册，需要验证码响应机制。 3.应当提供已有帐号的入口。 ③获取用户资料 1.罗列详细的资料表单让用户选择性填写。 2.获取有价值的用户信息，公司信息和联系方式 ④资料完善和用户引导 1.用户在填写完所有资料后，一般不会让用户 “悬着”，会提供使用引导。 2.提供增值服务预览和介绍。 3. 提供邮箱激活。 看一些用户引导的例子 关于注册的需求大概就是这些了，下面我们开始流程分析； 二『注册的流程 』 主要流程大概的归纳，其中第二种流程为现有网站使用最多的注册流程。 这个流程中最容易出问题的就是邮箱激活了。 关于邮箱激活： 1.邮箱验证失败分三种情况： ①未收到邮件，可以在当前页面点击再次发送按钮，系统会发送新的激活邮件给用户，之前的链接作废。 ②邮箱激活链接已经过期，但帐号信息未过期，会引导用户登录会员中心，再次发送激活邮件。 ③邮箱激活链接已经过期，帐号信息也过期（部分网站对一直未做激活的帐号做删除处理） ，这时候用户点击链接，会提示他登录会员中心，登录未成功给出原因，让他重新注册。 当然删除帐号前还会发邮件通知。 三『 怎样设计才能提升填写表单的体验』 1.首先，给用户一个加入的理由 在表单的空白区域添加广告文案 2.讲清楚让用户怎么填。 ①每项内容的填写的规格应给予明确的提示。（提示包括让用户填写的理由，比如我为什么要你的手机号；填写的范例 e.g.） ②明确的说明哪些是必填，哪些是可选？（必填的要有 * 号，可以在顶部加上Fields marked with an asterisk * are required.这样一句话，其实也可以不加，因为能开机的都知道*是必填项，但我说不过PM只好加上了） #p#分页标题#e# ③用进度尺提示用户已完成哪些步骤，还差多少步骤。 ④注册成功后，需要”夸奖“一下用户，并告诉用户下一步可以干嘛。（如果让我写文案，我要模仿数字公司的安全检测—-恭喜你！你已成功打败了19999的火星用户，注册成功了 ！下面你可以去发布产品或者继续完善公司资料） [1] [2]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477873.html 文章描述： 域名不能访问的可能性原因分析. 终于解决了域名不能访问的问题，柳暗花明又见杏花村，整整历时7天正好一个星期，期间心情那是一个起起落落、跌跌荡荡，简直是苦不堪言，总是解决不了。 每次访问就出现whitechilliesdesign的页面，现在搜索这个词 文章描述：域名不能访问的可能性原因分析. 终于解决了域名不能访问的问题，柳暗花明又见杏花村，整整历时7天正好一个星期，期间心情那是一个起起落落、跌跌荡荡，简直是苦不堪言，总是解决不了。 每次访问就出现whitechilliesdesign的页面，现在搜索这个词我的网站还排在第二呢，为了解决这个问题我无数次尝试，一次次被打击，最后发现了问题是在DNS解析服务器上面，空间商给了我两个DNS解析服务的地址，其中一个挂掉了还是怎么了就是不能用了，这也是造成我反反复复修改设置都不能发现最终原因的根本原因，现在直接解析到IP，所有问题迎刃而解。 域名不能访问的可能性原因分析 跌跌撞撞中尝试，也扒一扒域名不能访问的那些事，列一列出现问题的可能性原因。 WordPress主题、插件。这个是空间客服跟我说的，我还真的将主题还原，把插件全部删除，最后想想如果是主题或插件出现问题，只可能出现WordPress程序出现错误，返回的页面就会是错误代码提示，如果主题屏蔽了错误输出就会显示只有Title的空白页，怎么也搭不上域名不能访问的边，下一站！ 数据库。这可是个精贵玩意儿，我肯定是不敢碰的，但如果数据库出现错误产生的现象参照上一条，只会出现报错，现在的程序不至于因为数据库或者代码错误就支撑不住，直接出现域名不能访问的情况肯定是不可能的，所以继续往下走。 固定链接。这一点值得特别注意，说一点WordPress的技巧（或者称为经验），如果更改了.htaccess文件或者域名设置的话，有的时候可能你只能访问首页，内页都出现404 Not Found提示的话，这时候一般是可以进入WordPress后台的，到“设置”=>“固定链接”页面，不改动任何地方，重新点击一下“更新设置”，然后内页就能正常访问了。 .htaccess文件。我不懂.htaccess的语法，所有的设置都是照抄网上的，我直接暴力删除来测试是否是.htaccess导致的域名不能访问，至于重新设置我可不急，推荐一个.htaccess文件在线生成器，效果非常好，傻瓜式操作。 域名设置。说实话这点没什么可说的，域名提供商提供的设置也只有CNAME形式的DNS解析服务或者A形式的IP绑定解析，查看一下有没有设置错误就可以了，视图使用Tracert工具追踪一下IP路径，不懂的掠过就是了，我也是小白，O（∩_∩）O哈哈。 DNS解析服务器。我直接使用空间提供商给的两个DNS解析URL直接访问，其中一个URL直接出来whitechilliesdesign的页面，另外一个提示没有网站（这是正常的，因为我的网站是共享IP），当时没有特别在意。对于DNS解析服务器，也就是个二级域名的链接格式，主要是检查是否出现故障。 空间IP。这就要扯到伟大的GFW了，也就是Great FireWall了，雅称“和谐”！如果伟大的GFW组织和谐了你网站的IP，烧香拜佛赶快换吧，检测方法是使用Ping服务查看可否解析到你的IP。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477871.html 文章描述： 简化输入 — 让网页表单更亲切. 大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？页面的布局、逻辑组织、视觉样 文章描述：简化输入 — 让网页表单更亲切. 大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。 2、 添加选取器。 与其让人输入不如提供选择，选取内容只要点几下，就自动填充进输入框，不但可以减少输入障碍，还能预防出错。可以把任何希望的数据做成选取器，比如日期、颜色、地址或者历史记录等等。 举个例子：前面的“对方开户姓名”输入框，需要填写对方的姓名，如果对方名字里有汉字不认识该怎么办呢？于是我们可以加上一个生僻字的选取器，如图： 打开字库，可以根据模糊读音选取汉字填入输入框。另外，姓名输入框有校验，选取完成后不要忘记对输入框内容进行再一次校验。 3、 预置文字。 采用预置文字来简化输入经常在手机上看到，现在在网页上也常使用。比如微博上发言的输入框，会保留你上一次未发出的内容，可以重新编辑。 在网上也会看到把“输入提示”与“预置文字”混用。当然，你怎样称呼他们都是可以的，但要明白这是两种交互方式。输入提示的目的是指导填写的，聚焦输入框后文本消失；而预置文字是属于待修改的正式内容，字体样式应与正式输入的样式相同，聚焦后文本是不会消失的。 当表单输入遇到选填与必填难以抉择时，考虑预置文字会是一个不错的折中方案。比如在一个申请付款的表单中，对用户来说主要需填写的是“对方账号”和“付款金额”，付款说明是一个选填项。但对系统来说，又必须采集付款说明，作为交易凭据之一，这个付款说明怎样处理呢？比较下面3个方式，显然复选框的方式不适合，因为用户若不填写我们就无法收集到数据，而输入提示的方式还是需要用户去填写，所以意义也不大。折中了业务和用户两方面，预置“转账”两字还是不错的，不想填写的人完全可以跳过它。 4、 设备读取。 摄像头读取、语音输入……最近，各种智能录入方式在手机上甚是流行，网页上也不甘心示弱，纷纷添加了这些功能~还有人脸识别，不知道不久后会不会流行起来呢？ 5、 设置输入属性。 现在比较靠谱的还是Html5提供的一些表单类型属性。除了限制输入类型之外还有一些有意思的设置。拖放属性，可以从桌面上直接拖进相应的输入框里。在邮箱中拖入附件，若主题为空还可自动填写主题。而range和number属性，可以直接替换掉输入框，对数值输入很有用，在chrome里显示如图： 6、 额外输入渐进展开 当遇到需要增加高级或额外的选项时，可以采用即时添加删除的方式。不需要填写时，可以完全忽略，需要填写时点击一下就会显示。 7、 利用输入反馈。 除了校验填写是否正确，输入反馈也可以帮助简化用户填写，其中有不少窍门。 比如在手机充值表单里，需要重复输入一遍号码才能确认提交。再重复输入一次，好像认定你肯定会出错。增加了号码归属地的反馈（配合历史记录）可以避免这种让人有点烦躁的方式。 #p#分页标题#e#下面这个例子将校验获得的推荐邮政编码填写到输入框中，让电脑变得更聪明一些。推荐的内容减少了思考和填写过程。 在反馈的显示方式上，也值得挑剔一下。比如数值输入框里被输入了字母，格式错误。如果对最简单的提供错误提示不满意，可以试试让输入的字母先显示1秒，然后即被删除，这样比单纯的限制输入类型要更容易理解。另外，还可以自动修改显示格式：号码输入完成后，自动增加空格，可以方便阅读。在需要强调时这样使用还可以提示用户进行检查，但是在普通的输入框中就不需要那么复杂了。 给金额自动补全小数，比如下面的例子服务费是有小数的，自动补全金额的小数，可以消减顾虑，而且挺有趣。 讲到这里，您是否对看似普通的表单设计产生了兴趣呢？输入框是最基础的人机交互，每个人都有不同的理解，以上抛砖引玉，感谢您的阅读，期待更多的分享和探讨！ 作者：wyw 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477872.html 文章描述： 好的UE都该是情圣. 看到一位产品经理的文章《好的产品经理都是大情圣》也发篇文章分析下UED的使命其实就像泡妞一样，需要智慧与实力的技术活：） UE童鞋的一项技能就是：信息架构 。好的信息架构是良好用户体验中非常重要的一步。这意味着面对繁 文章描述：好的UE都该是情圣. 看到一位产品经理的文章《好的产品经理都是大情圣》也发篇文章分析下UED的使命——其实就像泡妞一样，需要智慧与实力的技术活：） UE童鞋的一项技能就是：信息架构 。好的信息架构是良好用户体验中非常重要的一步。这意味着面对繁杂丰富的信息，设计者需要为用户考虑，以用户的思维逻辑和访问目的对信息做梳理。这样的信息逻辑不仅要符合企业的战略需要，更要符合用户的思维和认知习惯。 那么如何以用户的思维来进行合理的信息架构呢？ 下面就用一个帅哥以用户体验的思维模式搞定一位极品mm的过程来分析，什么才是优质的网站信息架构。看完后你就会发现，生活中人人都是UE，只要是有着同理心的优秀UE都有机会成为大情圣的：） 1. 需求分析 首先要进行需求分析。需求就是要研究市场和用户的目的。需求应当包含用户期望看到什么以及他们要达成什么样的目标；类似一致性，视觉是否吸引人，布局排列是否安排合理， 产品的功能和特点，使用者具有的技能和使用环境。 就像约会前，对自己梦中情人的期待：头发和眼睛的颜色，身高体重，个性和价值观是否和谐等等。 2. 竞争对手分析 对竞争对手的分析有助于你更好的了解市场。也可以扬长避短，知己知彼百战不殆是也。竞争分析也可以帮你节约时间、金钱、资源，因无意义的重复开发而错失赢得第一时间的机会。 就像美女绝对是竞争者众多。如何能打败其他人，抱得美人归，就需要制定严密的战略，分析对手和自身表现。那种水准在你之下，三两下就搞定的哥们就可以忽略了。总的来说，选真正有威胁的对手，再分析如何避重就轻地胜过对方。 3. 明确你的目标用户 目标用户是针对项目进行的。 为了要达成约会目的，我们首先要做的第一步就是锁定并接近目标。对于你的目标对象来说也是一样的。虽然说“天涯何处无芳草”，但必须明确“单恋哪只花”。当然这其中成功与失败或许会受周围人的检视，或许为别人提供借鉴。但无疑是你进步调整的动力。 4. 用户案例（故事版） 用户案例是用讲述故事的方法来描述用户可能的想法。也是你了解认识目标美女并为下一步制定战略的好方法。故事版描述应该包括美女期待怎样的约会（注意：不是你自爽的约会模式哦）。用户案例也包含潜在用户的需求。故事版会告诉我们对象会在约会当天期待具体发生什么。故事场景会让我们从使用者角度思考。 5. 内容调研 内容调研就是由规划的项目内容检视。它确定什么内容是需要的，内容的重要性层级。 在约会中，内容安排得好坏直接影响约会是否成功。约会内容该包括香水、时装、首饰、鲜花或糖果等等。其他内容调研中有价值的信息还包括一段烛光晚宴。最好有众多选择中最特别的一家餐厅。当然少不了甜品和小吃了。好的内容检视需要让每条约会项目落地并做好规划顺行跳转。 网页设计中，内容调研就要让所有页面都“有话可说”。每个连接、图片还是文字都需要标记和根据内容分类。无论是网站中应用程序、需求，还是建站所用的软件都要根据内容调研有所标记和分类。总的来说，就是与网站相关的一切都需要分类规划。 6. 流程图 流程图是用图示的方式来表达操作、行为、延迟、决定和过程中任何行为的原型设计。流程图描述了用户的交互行为和可能出现或不出现的反应。它包含整个体验。它描述了事件的流程和任务之间的关系。流程图同样可以通过模拟现实和理想路径可能出现的问题，并提升产品。同样可以用来核实系统所有部件是否都说明了，并帮助改进项目进度。 如果你想制定一个罗曼蒂克的约会流程。就要想到可能的约会路线和对方可能的反映。比如去看电影或是去游乐园。勾画好约会计划，也要判断这个计划是否也符合约会对象的喜好。 7. 站点地图 站点地图帮助我们用视觉的方法架构流程。它提供一种快捷的引导，让用户能够快速找到他们所需要的信息。它提供给用户相关主题并告诉如何从一个流程跳转到下一个。不同于流程图，站点地图把整个网站看作一个整体，而不是用户可能选择的某个具体任务通道。 站点地图就像描述伴侣约会如何进行和未来约会如何衔接。它提供全局导航和如何从一个页面与另外的页面跳转。例如：一座大厦显示如何从一个地点走到另一个连接地点，或者从一个地点如何回到路面。所有的地点如何回到家（Home）。最重要的就是全局式的导航。 8. 线框图 画个草图计划好晚上的安排来个浪漫的夜晚吧！ 线框图可不是细节图，也不表示最终的布局边框。它不着重在网站的细节更多还是在整体概括。线框图是粗略地描述网站设计的布局。它规划文字图形放在哪里，也为下一步更好的向视觉设计师说明。它是网站最终成型前的重要一步。 约会中，线框图就好像是夜晚时候的安排。例如：情侣选择看电影，那么在影院总要坐在一起吧，视角也要选好。它更重视约会计划中优先级和重要性来做选择。 9. 达成目标 信息架构的文档一出，就要由前端工程师来赋予网站生命力了。信息架构的文档也用来测试网站的可用性。当然，目标用户、需求案例、场景分析也是分析方法之一。信息架构文档按照规范书写并开发出高效、友好的用户界面。不仅能完成项目，还能追到美女：） 最后，可以看出只要开始做好充足的调研，仔细分析用户心理和要求，贴心服务满足用户需求，一定会抱得美人归的。呵呵，UE们你们开始下手了吧… 继续爱生活，爱UE。 作者：张雅秋 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477870.html 文章描述： 五个如何对应消费者负面评论的建议. 写在前面的话 对于很多企业来说，社会化媒体的出现无疑是一个福音-不仅能够帮助企业向消费者推广自家产品和服务，还能够和公众进行实时的互动和沟通。 话虽是这么说，但是凡事都有两面性；社会化媒体在某些情 文章描述：五个如何对应消费者负面评论的建议. 写在前面的话 对于很多企业来说，社会化媒体的出现无疑是一个福音—-不仅能够帮助企业向消费者推广自家产品和服务，还能够和公众进行实时的互动和沟通。 话虽是这么说，但是凡事都有两面性；社会化媒体在某些情况下也可能给企业带来消极的影响，比方说消费者可以随时随地地把对产品的不满带到网络这个如此开放的地方，质疑企业的业务能力和产品质量，网络上不良的舆论会扩散到潜在消费者当中。 那么企业应该如何处理消费者在网上负面评论或者对于产品的疑问呢？以下是一些有效地处理方法，供大家参考： 1#聆听 看到网上有消费者份在抱怨，有些企业一开始可能会反应过激。假设你是一个美发沙龙的老板，有一个顾客来到了你的店里剪头发，剪完后却失望地离开了。试想一下，他们当场就抱怨你给ta设计的发型又土又难看，或者是抱怨你们这家沙龙。但是，顾客更倾向于选择互联网来表达内心的不满。或许顾客只是想在网上发泄，找机会向ta们的朋友大吐苦水，但是这种“无心之失”会以惊人的速度在社交网络上扩散，后果不可想象。 2#先三思再回复 回复顾客在网上的评论可能只是耗费几分钟的事情。但是在回复之前，先思考以下两个问题： 你的回复会带来什么作用？你想得到怎样的效果？ 花多点时间思考回复的内容，因为鲁莽快速的回复并不仅仅意味着失去一、两个顾客。 3#收集 如果你是企业的老板或者部门的负责人，你不可能时时都能了解你的下属在做什么。因此，在作出网上回复之前确保收集好所有的事实素材。有时候可能会出现因沟通不充分而使顾客不快的情况。为了避免此情况频繁发生，企业应该安排与员工之间的谈话和培训，了解他们对此事的想法，以及他们的想法和消费者的诉求有何异同。 4#向竞争者学习 企业也应该多看看同业竞争对手是怎样处理类似事件的。从中企业既可以了解到企业的即时反应，也可以到消费者对此的反馈。 5#制定运营规则 虽然并非所有情况都相似，但是在处理网上负面内容时保持统一口径非常必要。消费者非常重视企业以及其产品的一致性。如果企业处理的手段东一套西一套的话，一来会导致效率低—- 不统一的处理手段，使企业在针对处理负面内容时不能够很快清晰地作出判断并执行；二来会导致效果弱—-不统一的执行流程，使企业员工难以明白和掌握。 写在最后的话 随着社会化媒体日益发展，大多数企业主都会接受建议今早加入新媒体的浪潮，应用社会化媒体去处理顾客在线上的疑问和担忧。同时也谨记：网上的负面内容如果处理不慎，几个案例足以让你和你的企业陷入深渊。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477869.html 文章描述： 看波士顿环球报是如何借助HTML5实现响应式设计的. 译者注： 在HTML5真正变革各平台的开发模式前，定需要取得某些根本性的突破。今年的的一大突破就是响应式设计的发展。从根本来说，响应式设计需让内容适应任何屏幕尺寸。今年响应式设计最引人注 文章描述：看波士顿环球报是如何借助HTML5实现响应式设计的. 译者注：在HTML5真正变革各平台的开发模式前，定需要取得某些根本性的突破。今年的的一大突破就是“响应式设计”的发展。从根本来说，响应式设计需让内容适应任何屏幕尺寸。今年响应式设计最引人注目的案例要数Boston Globe推出BostonGlobe.com。这篇文章转述了ReadWriteWeb与BostonGlobe的开发团队Fliament之间谈话内容，其中详细介绍了开发中遇到的一些问题。希望这篇文章能够给开发者们带来一些心得和体会。 周一，波士顿环球报发布了面向手机的付费网站—BosonGlobe.com。不要把它和官方免费旗舰站点Boston.com混淆在一起。这本身并没有那么有趣。然而，HTML5开发社区对BostonGlobe.com大加赞赏，称赞网站的内容根据屏幕的大小进行调整是种创新，这种创新叫做响应式设计。 响应式设计允许Globe的内容根据屏幕的可用尺寸进行重新调整，在与移动设备、屏幕尺寸和移动设备上的内容显示的这场较量中，这是个胜利。下面是和Globe响应式设计的创始人进行的一次深度讨论。 Filament团队向HTML5跨出了一大步 波士顿环球报得到了Fliament团队的服务支持，Fliament团队隶属于波士顿的一家设计发展公司，这家公司致力于开发辅助功能。下面是ReadWriteMobile和三个Fliament团队的设计师和合伙人之间的谈话全文，这三个人在开发响应式设计中做出了巨大贡献。Mat Marquis在Globe的开发中是主力，ToddParker和ScottJehl是他的搭档。EthanMarcotte，响应式设计之父，这个时候不便发表评论。 通过下面的视频来看看BostonGlobe.com的响应式设计师如何实现的吧。（注：视频播放不了，猜想是网站进行了IP限制。）   这个项目是如何启动的 ToddParker：我想我们应该是在11月正式开始实施这个项目的。界面模板的准备，和设计师打交道一直持续到4月底，然后我们做了一些整体的准备工作一直到夏末，之后项目就进入正式实施的阶段。 技术挑战 我认为，这项技术目前只在博客、文件夹等类似的应用中出现过。都是一些零散的碎片，没有一个完整的体系。我想会有一个用户大胆地说，这个功能对他们来说很重要。因为这项技术比一般的web开发要花费更多的时间和测试，而一般的web开发只需要把几部分拼在一起就OK了。 因此，说到技术难点，我认为应该是媒体查询。很多东西都要涉及到媒体的查询，但是目前下载到的IE版本对此不提供支持。因此，我们首先要做的就是写一段代码实现媒体查询。虽然还有其他的方式能够实现同样的功能，但是对于我们的需求来说实在是太慢了，因此我们创建了响应JS，这是我们实施这个项目必须要解决的第一步，我们在这上面花费了很多时间。 另外一个大的挑战就是，我们正在解决的响应图片问题。到目前为止，我们做的所有工作都采取移动优先的方式。如果你访问Globe的站点，就会发现文章的配图都有1000像素宽，他们非常大并且色彩丰富，像大片一样。而我们在HTML中需要引用较小的图片，这里我们用到一个小技巧，如果你使用平板或者桌面机，并且支持下载响应模式的话，就可以访问高分辨率的图片；如果你使用手机，访问到的就是低分辨率的图片，如果你使用浏览器或者平板，访问到的就是高分辨率的图片。因此，给对应的设备发送相应的图片是我们需要解决的另一个技术难点，在CMS环境中实现这个功能确实花了我们不少功夫。 广告带来的挑战 Marquis：我认为真正的挑战之一就是不知道会遇到什么样的挑战，这些挑战可能是过去没有遇到过的问题。因此，这需要新的解决方案，但是现在没有答案。这会是一项艰巨的任务。 Parker：我认为，在权威地解决这些问题上我们做得还不错。目前仍比较棘手的问题是广告。使用JavaScript实现广告功能，会给页面增加非常多的问题。把这些内容放到沙盒中，并且不把整个页面弄得一团糟的确是一个非常棘手的问题。 Marquis：现在我们有了更好的解决方案。一般原则是，从用户的角度来看越突出，我们就越成功。我们没有留太多空白，也没有占据整个页面的广告，我们只有两个框式广告和两个悬框广告，这些处理起来都非常简单。我们可以把这些放到沙盒中，以免这些广告破坏网页上的其他内容。 Parker：广告带来的挑战除了广告的技术方面的问题，还需要保证广告按照我们的方案能够运行得很好，这的确非常棘手。而另外一个问题就是广告出售的方式并没有按照我们的方案来实施。他们把空白部分出售给广告商。我们覆盖了如此大的范围，根本没有办法区分他们。对于一个7英寸的Android平板来说，这样合适么？对于Kindle来说合适么？因此，我们只添加一个广告，在页面中使用CSS，使它看上去显得别具一格。你看，这就是单一广告的模式。 [1] [2]  下一页 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477867.html 文章描述： 互联网产品的点与面. 做产品，经常提到产品细节的问题。 有关于产品细节的问题，产品人都会一律纠结到产品的优化上。在微博上，我们经常会因为某个产品的某个细节而去大作文章，前阵子我曾在微博上发布了一个京东商城到货微博提醒的小细节，给我 文章描述：互联网产品的点与面. 做产品，经常提到产品细节的问题。 有关于产品细节的问题，产品人都会一律纠结到产品的优化上。在微博上，我们经常会因为某个产品的某个细节而去大作文章，前阵子我曾在微博上发布了一个“京东商城到货微博提醒”的小细节，给我这平静的微博带来几百转发，其中对于这个细节许多人进行了“深入”点评。 但很多普通用户转发评论的反而是京东的另一个问题：服务有点差，售后服务不行。 服务这一块在电子商务中非常重要，是作为一个网站核心体现之一，也是一个电商的健康经营因素。商品到货提醒，这是产品的点。商城服务质量，这是产品的面。 一个产品，一百个细节堆积起来，就是一把木棍，可以打晕对手，可对手随时醒来，给你致命一击。唯有达到一万个细节点堆积起来的时候，才是一个利刃，能将对手彻底干趴下，爬不起来和你竞争。 这就是为什么我们要关注产品的细节。而往往我们总是分不清产品的点和面的重要性，当你的面还没有达到一定程度的时候，比如一个阅读类产品的核心价值实现是内容，当这个内容没有做好的时候，再好的界面设计，再稳定的版本，再牛逼的人性交互，也无法让用户留下来。 用户对于产品的选择，原因会有千千万万。但不管怎样，让用户留下来，就是最重要的，没有用户，其他如盈利就无从谈起了。这也是为什么很多CEO总是不断重复：要给用户好的体验，要让用户决定留下来。留下来的核心是你的产品给予了用户想要的，这个想要包括他知道和不知道的，这就是潜性需求和显性需求，这个要视你的产品提供给用户的价值是什么价值。 要让用户留下来，可以抓以下几个点： 1.让用户用你的产品觉得不错，最好有惊喜。（以前path刚出现的时候就是惊喜的感觉） 2.能满足用户的某个或某些欲望。（比如能约炮，那么能搭讪到的几率越高用户就会越喜欢） 3.产品稳定，没有大的BUG，不要触及用户的忍受底限（再好的价值再好的产品也抵不过一个忍受底限） 4.用户留你的产品在手机上。（哪怕是不经常用的产品，只要用户喜欢也会留下） 5.能正常使用产品（某个手机游戏要积分才能玩，积分就需要你下载它推荐的应用，用户下载一个软件，结果那么麻烦才能玩，会非常不爽） 综合以上因素，关键字是：能用+满足欲望。 这就是产品的面。 产品的点更是数之不尽的，可举例几点： 1.使用无障碍（比如很多产品的新/核心功能找不到或难找，包括一些设置也不知道在哪里，他们会不爽，甚至直接认为你的产品有问题） 2.缓冲不能太久，能及时停止（用户非常容易烦躁） 3.界面不丑陋到相对比其他同类产品差别太大（用户多多少少有喜欢炫的心理，尤其喜欢向朋友或熟人炫他使用的产品有什么，而别人使用的没有） 4.不要老是骚扰用户（比如不断弹窗）等等。 当你的产品并没有太多竞争对手的时候，把你的重点放在你产品的面上，你的面做得非常好，那么此时用户可能不会因为你的一个界面错误就离开，他会骂你，反馈给你，帮助产品的成长，这时候产品的点是一个个细节慢慢积累起来的，等到再有进入者的时候，你已经积累到不少的点，这时候，就需要你厚积薄发了。 当你的产品竞争对手非常多的时候，尤其是进入一个红海领域的时候，你的重点是点+面，你需要去细化你的面，淘宝有鞋子卖，很多网站都有鞋子卖，好乐买就只做鞋，一个点和面结合做起来。淘宝有很多品牌，凡客就做自己的品牌，找自己的定位，典型的还有初刻，文艺范，为一个群体服务，这个市场并不小，精做比杀进一个打怪升级非常拥挤的地方，很难有BOSS给你刷要好的多。 我们做一个产品，尤其无线产品，一定要注意这个产品的点，它在我们整个产品的核心价值、核心理念中发挥到什么样的作用，再来决定我们如何划分这个点的归属，这其中不免涉及到产品的加减法问题，这个以后有机会再详细讨论。做产品，既不能丢失面，也不能放弃点，你可以根据一个时间段的情况来衡量，你在这个时期应该更注重哪一个。 举例现在的新浪微博，粘性有所下降，但话题性增强，这时候更关注的是产品的面，而不再是大家对去关注或谩骂出了一个类似QQ空间一样的“写心情”，这样的点对手不必关注，新浪他们自身也不用太特别对待，相信他们做出这样的决定也是通过讨论的。腾讯在处理产品的点上要比新浪要牛逼的多，对用户的心理的把握也是比较到位的，就因为它曾输在产品的面上，慢了，那么如今只能赶得这么辛苦了。 做无线产品，一定要能及时停止。用户是非常烦躁、没有耐心的。一个新的应用新的功能到手他可能会去尝试和使用，但是尝试和使用功能的过程中如果缓冲时间超过耐心范围就会发生反效果，他会迫切需要停止该缓冲，而想转到操作其他功能上去甚至推出，不能及时停止他就会很不爽，甚至觉得软件卡。产品细节都是堆起来的，流畅的体验才能让用户感觉爽。 关于及时停止的例子：IOS上运行微信，你想添加个好友，然后你输入数字之后，发现微信在不停缓冲查找，你没办法退出也没办法停止这个功能，连返回键都没有，你唯有等或其他方式关闭。用户会烦躁，不同平台的用户对于软件的要求是不一样的，烦躁程度和忍受程度更是不同的。安卓和苹果的不一样，塞班和苹果的差别更大，不能统一而论。 再举个例子：迅雷越来越臃肿，像一个长胖的肌肉男。界面更美化，操作更艰难。我找个简单的设置都难找，才想起身边一些普通用户一直都不升级的原因，核心是下载，让普通用户能方便、快速下载到想要的东西，相对新版这样而言，旧版迅雷简单操作快速下载。很多系统碟装的最新版QQ，迅雷却依然是老版的。再举个例子，有些用户不知道快传，它找到下载地址，习惯性复制地址，发现复制地址没有弹出下载文件，用户就以为地址是错误的，这是一个真实用户操作例子。 用户的聪明往往是不能按正常逻辑的，某些功能他摸索到了他就知道，但有些功能，反正他也需要不到，更没有去关注，可能相对更简单的可能未必他就知道。在做用户角色和产品可用性测试时一定不要只测试类似功能，用户可能会玩二，不代表他就知道一了。#p#分页标题#e# 有机会再剖解一下具体的产品，更深入去探讨交流产品的点与面。 网页制作 admin 未知 2012-02-22 19:58 http://www.10bu.com/tech/web/20120222/477868.html 先看看效果图 下面是原图 [1] [2] [3] [4]  下一页 网页制作 admin 未知 2012-02-22 19:58