Updates from October, 2007 Toggle Comment Threads | Keyboard Shortcuts

  • 94smart 6:16 pm on October 15, 2007 Permalink | Reply
    Tags: UED, 搜索友好, , , , 用户友好,   

    SEO和UED,这个话题不错 

    SEOUED这个话题确实不错,感谢白鸦wkcow,终于聊到这个尖锐的问题。

    对于一个网站,UED是让用户感觉有用、易用、好用,而SEO是要更多的人通过搜索引擎发现他。如果两者可以配合将是最完美的,如果不能那就两边不讨好。

    我比较同意白鸦文中的看法:

    4、UED是在作品牌内功,SEO是在作品牌营销。得分清。

    5、品牌不只是靠营销作出来的,品牌体验非常关键。 品牌的基础是用户体验,营销需要建立在用户体验的基础上

    6、所以:SEO需要建立在用户体验的基础上,破坏用户体验的SEO一定是不好的。
    所谓”SEO需要建立在用户体验的基础上”是指:没有好的用户体验再SEO也白搭;也指:产品有多少seo就作多少,不要越界。别把搜索”小姐包夜”的网民带到一个淑女培训网站上去。

    7、UED可以并且应该帮助SEO,但不能是损失用户体验去帮助SEO.

    上面我最同意6里说的,在用户体验完整的基础上做适合的SEO,将产品通过搜索引擎推广出去,如果产品做得不好,就算SEO做得再好也是白搭。


    Technorati : , , ,

     
  • 94smart 11:29 am on October 15, 2007 Permalink | Reply
    Tags: Chinaren校友录, , , wealink, Web差体验, , ,   

    搜索结果和Web差体验 

    最近碰到一些因为Web差体验导致的不爽事情,让我产生近几年少有的要骂街的负面情绪:

    • 老早开了个Wealink的帐号,申请了个Web档案,后来发现显示了一些不太想被别人看到的信息,年初对其做过修改和关闭的操作,结果到现在还在网上,而且还被百度索引了,我已经在Wealink提交过问题,到现在还没有得到解决。
    • 那个Web档案前几天被单位的好事之徒通过百度图片搜出来,拿那个头像在QQ里做成表情图,在我单位里都传遍了,我这叫一个郁闷呀。
    • Chinaren校友录也有类似的问题,不多说了,百度可以搜出来。
    • 两个方面的想法:1、跟个人隐私有关的内容是不是应该禁止搜索引擎抓取?更不应该进行搜索引擎优化。2、搜索引擎选择信息来源的时候是不是应该对可能产生隐私问题的内容进行屏蔽呢?
    • Google在这些方面比百度做得出色,使我更加信赖Google,更加讨厌百度。

    也许是我太暴躁,但是我很讨厌别人总拿我的头像说是,而且我也并不想因为这样而成为一个”名人”。


    Technorati : , , , , , , ,

     
  • 94smart 11:39 am on October 8, 2007 Permalink | Reply
    Tags: , , , ,   

    原来是CSS Sprites呀 

    最近一阵国内Blogger开始涉及CSS Sprites,是因为有人偶然发现Google搜索首页JS的秘密,之后我才知道去年Yahoo改版使用的技术原来就是这个,当时不知道怎么形容,只好套用软件资源图片的概念,看过Realazy的文章才大致理解,发现自己当时的理解还是太浅显,这是早在2005年就出现的技术呀。

    不可否认,这种方法确实减少了CSS文件里的HTTP请求数,但是图片的更新和配置比较有难度,且半透明和不透明图片最好分开打包。

    最后,也许是我胡思乱想,这种方法如果继续发展下去,完全可以省去前端操作人员(网页制作、编辑)用Photoshop切割图片的工序,会否变成引用原设计图直接作为资源图片呢?


    Technorati : , , , ,

     
  • 94smart 5:34 pm on September 16, 2007 Permalink | Reply
    Tags: , book, dangdang, joyo, 《哈利·波特与死亡圣灵》, 哈6, 哈7,   

    哈利波特7中文版:当当与卓越亚马逊的又一次战争 

    快到十月了,我也该开始关注《哈利·波特与死亡圣灵》中文版(以下简称哈7)的上市事宜了,前6集虽然越看越郁闷,但是这个7是无论如何必须看的,因为那是一系列作品的终结,我恰恰是一个热衷完整(绝不是完美)的人。

    两年前,当当与卓越(那时还没被Amazon收购)两家在《哈6》中文版上比拼购买优惠,都提供高级会员资格,当当是97折上折、卓越好像是95折上折,并都承诺在《哈7》购买上提供大力度的优惠,当当是7折、卓越记不清了,虽然现在页面都已经找不到了,但是我当时比较一下最后还是选择了当当。

    可是今天看当当和卓越的《哈7》中文版预售专题,简直是气愤,他们居然把原来的优惠购买承诺一扫而空,看看他们各自对《哈6》预售用户的优惠描述:

    当当:预订并购买哈6中文版的读者,均可获赠价值发货售价金额25%的当当礼劵!

    卓越亚马逊:哈6中文版预定用户,再返发货售价金额20%卓越礼品卡。

    这算什么呀?打折变返券,差别也太大了点吧?不带这么欺骗消费者的吧?!

    这次《哈7》中文版发售,又将成为当当与卓越亚马逊的一次战争,不是关于用户的争夺,而是关于信用的战争,中国的电子商务需要诚信,当当和卓越需要维护自己的诚信,现在当当那边已经闹开了,不知道卓越会不会好过。

    事情怎么发展就看当当跟卓越了,我只想说在这个网上舆论影响传统媒体的时代,做这样的坏事成本有点太高了,马上就可能被口口相传的口水淹死,当当们好自为之吧。

    p.s.附前年旧文回顾:今日流水账 – 说说当当和豆瓣的八卦


    Technorati : , , , , , , ,

     
  • 94smart 11:46 am on August 21, 2007 Permalink | Reply
    Tags: , , laiba, tianya, wenda, , 天涯来吧, 天涯问答, , , ,   

    天涯问答和来吧,谷歌终于动手了 

    天涯问答天涯来吧谷歌终于在社区上动手了~

    昨天早些时间,天涯社区发布了由谷歌做技术支持的问答和来吧,对应的是百度产品线的知道和贴吧。

    天涯问答 天涯来吧

    昨天下午Google黑板报发布了相关说明,称这一切都是为了搜索引擎的完善,引入对用户信息用户使用习惯的采集。

    谷歌确实要在社区上大展拳脚了,但发展路径是不是跟百度太接近了?据说百度的IM也将和邮件捆绑,也跟Gmail和Talk的情况是一样的?竞争原来就是这么互相复制的,除了热闹没别的。

    另外,因为是谷歌提供的技术支持,那Google对天涯问答、来吧数据的收录是不是有特别的帮助呢?会不会成为继百度贴吧和百度知道后的又一个SEO专用Link Farm呢?

    扯完~

    p.s.小道消息,谷歌在天涯驻资高达60%以上(不知道算不算外资入驻),这次操作如此干脆利落是不是也能说明他们的关系?那就不得而知了……


    Technorati : , , , , , , , ,

     
    • 愛Google不愛谷歌 6:22 pm on August 21, 2007 Permalink

      說實話,谷歌這么弄就是想更加深入中國市場而已

    • 94smart 10:06 am on August 22, 2007 Permalink

      我觉得用户研究比进入中国市场有用

  • 94smart 5:48 pm on July 10, 2007 Permalink | Reply
    Tags: AND, , , OR, The Zen of CSS design, 活动体验, ,   

    某活动体验,是我理解错了 

    某网站的活动,以下是活动公告截图:

    thezenofcss.jpg

    这个不知道大家是怎么理解的?

    对于”凡购买《CSS禅意花园》和《JavaSscript高级程序设计》两册图书的读者将免费获赠《精通CSS》一书或300C币“,我的理解是只要买了《CSS禅意花园》和《JavaSscript高级程序设计》两本书中任意数量的书就可参与活动。

    活动结束后才知道,是同时买两本书才可能赠另外一本或积分,是我理解错了。但,活动说明里是不是该清楚地说明?以断了像我这种理解有偏差的用户的憧憬?哪怕加一个”同时”。

    请别深究是哪个网站,写出来也没有别的意思,只是在思考,电子商务类网站对文字描述的准确把握是不是需要更注意一下?

    p.s.写到最后才想起来一个与本文无关的逻辑:程序员理解的”和”,就是逻辑与(AND),也就是所有条件都必须达成;其他用户理解的”和”就是逻辑或(OR),只要其中任意条件达成就OK。


    Technorati : , , , ,

     
    • 张智勇 9:41 pm on July 10, 2007 Permalink

      没得罪你的意思,我也不是程序员,但也能分清“和”“或”,其实人家里面“和”“或”都有,区分的很明显,而且,不但“和”“或”区分的很明显,人家甚至说了“两册”!

      说实在的,我觉得不是程序员思维和非程序员思维的问题,纯粹是语文水平的问题,任何一个语文老师也不会告诉你“和”就是OR。

      我不反对购物网站应注意细节,不过你的证据太无厘头了。

      PS.特别说明,我不知道你在说哪家网站,估计不外乎第二书店、互动。

    • 张智勇 10:31 pm on July 10, 2007 Permalink

      更正一下我的看法,刚调查了一下,还确实有人“和”“或”不分,我表示晕;http://www.buyren.net/read.php?tid=243382

      我目前同意这里bbs100的看法:卖东西不是考顾客的语文水平,应该注意要明了的表达来满足不同层次的买家的理解能力。

      不过我相信你看到的文案肯定不是程序员写的,100%是市场人员写的(我就是市场出身,也负责过促销,这事很明显:换我也会这么干),所以实际上和程序员思维没关系——这个可以问问那个网站的。

    • 94smart 9:37 am on July 11, 2007 Permalink

      智勇不用这么认真吧,还专门去buyren发个帖子问。

      我只是觉得电子商务网站应该表达明确,是1就是1,是2就是2,产生歧义到最后是说不清的。

      我也没有强调程序员理解的问题,只是写到最后想起来加上的插话而已,忘了标注p.s.

    • iqst 4:09 pm on July 28, 2007 Permalink

      我不是程序员,但也知道上文中“和”的意思是两本都买,还是作者理解有问题

      另外,文字可能是web中对容易被忽视的元素了

    • 94smart 11:34 pm on July 28, 2007 Permalink

      没错,我确实理解错了

    • zdg 12:28 pm on July 31, 2007 Permalink

      这应该是我们的第二书店上的一个活动,相对描述还是清晰的。可能94smart看得匆忙就忽略了。抱歉!

    • 94smart 1:20 pm on July 31, 2007 Permalink

      本文重点并不是讨论谁对谁错,而是网站运营中(尤其是跟钱、用户满意度密切相关的电子商务网站)所需要的严谨态度。

    • 風痕影 1:11 pm on August 11, 2007 Permalink

      老实说我看到这篇时也是想到了程序员和非程序员的差异

      当我在写程序时,确实会把OR对应到 “或”,可是在平常说话的时候,OR会被我理解为相当于中文里的 “和” OR “或”,总觉得在中文的一般表达里,”或” 并不包含两者同时成立的情况

      至于 “和”,我也和您一样觉得:在一般表达中可以同时表示 ”OR” OR “AND”。也不知道是真的这个样子,还是我的中文理解能力不好呢?或许请教语言学家会得到更正确的解答吧?

  • 94smart 9:34 pm on April 5, 2007 Permalink | Reply
    Tags: , , ,   

    赶上CSS裸体节 

    Blog出事了?

    我的Blog没事,这是在过节呢,CSS Naked Day,在4月5号这天参加该活动的网站都会去掉所有CSS,用来支持网页标准。

    我用了Wordpress的插件,每年只在4月5日去掉CSS,过了这天就会恢复过来~


    Technorati : , , ,

     
  • 94smart 11:16 am on March 5, 2007 Permalink | Reply
    Tags: , , ,   

    用XHTML+CSS实现文章列表标题时间对齐 

    今天要查LCD的资料,跑到PConline去看,看到他们的文章列表觉得效果还好,如图:

    pconline_list.gif

    无意间发现文章列表的页面代码写得很奇怪,首先他们用ul做文章列表这没错,接着又用另一个ul来放时间,之后用一个table把两部分拼起来,做成列表标题和时间都对齐的效果,如下(稍微调整了一下):

    <table width="97%" cellspacing="5" cellpadding="0" border="0" align="center">
    <tr>
    <td width="85%"><ul>
    <li>· <a href="javascript:;">[北京]暴跌千元!32寸HDMI接口液晶电视仅3999</a> </li>
    <li>· <a href="javascript:;">[北京]封杀国产!飞利浦42寸液晶迅猛跌破9000</a> </li>
    <li>· <a href="javascript:;">[广州]再降1000 三星40寸LA40F71B售价21999元</a> </li>
    <li>· <a href="javascript:;">[北京]国产已成往事!LG高端IPS屏液晶跌破8000</a> </li>
    <li>· <a href="javascript:;">[北京]世界顶级面板!三星40寸液晶电视欲破万</a> </li>
    <li>· <a href="javascript:;">[北京]LG低价埋葬国产!42英寸可录像液晶疯降</a> </li>
    </ul></td>
    <td width="15%"><ul>
    <li>[ 02-28 ]</li>
    <li>[ 02-27 ]</li>
    <li>[ 02-27 ]</li>
    <li>[ 02-26 ]</li>
    <li>[ 02-26 ]</li>
    <li>[ 02-12 ]</li>
    </ul></td>
    </tr>
    </table>

    可以看出废码那是相当的多,而且语义很混乱,其实一个ul就够了,配合CSS做出对齐效果很简单,以下是我给出的代码:

    <style type="text/css">
    .list{
    width:398px;
    font-size:12px;
    float:left;
    }
    .list ul{
    display:block;
    margin:0px;
    padding:0px;
    width:100%;
    float:left;
    }
    .list ul li{
    text-align:left;
    display:block;
    width:100%;
    margin:2px 0px;
    padding:0px;
    list-style-position:inside;
    float:left;
    }
    .list ul li a{
    float:left;
    display:block;
    }
    .list ul li span{
    font-size:12px;
    display:block;
    float:right;
    }
    </style>

    <div class="list">
    <ul>
    <li><a href="javascript:;">[北京]暴跌千元!32寸HDMI接口液晶电视仅3999</a> <span>[ 02-28 ]</span></li>
    <li><a href="javascript:;">[北京]封杀国产!飞利浦42寸液晶迅猛跌破9000</a> <span>[ 02-27 ]</span></li>
    <li><a href="javascript:;">[广州]再降1000 三星40寸LA40F71B售价21999元</a> <span>[ 02-27 ]</span></li>
    <li><a href="javascript:;">[北京]国产已成往事!LG高端IPS屏液晶跌破8000</a> <span>[ 02-26 ]</span></li>
    <li><a href="javascript:;">[北京]世界顶级面板!三星40寸液晶电视欲破万</a> <span>[ 02-26 ]</span></li>
    <li><a href="javascript:;">[北京]LG低价埋葬国产!42英寸可录像液晶疯降</a> <span>[ 02-12 ]</span></li>
    </ul>
    </div>

    效果见这里

    上面代码的div是用来从外层控制列表样式的,可以用其他块级元素替换,li里面的span用来放时间,也可以使用div等元素替换,另外其他所需的样式(如标题前的点)都可以用CSS定义,灵活度上升不少,不知道这样实现算不算是Unobtrusive的?

     
    • JunChen 11:46 am on March 5, 2007 Permalink

      float 之后不用再写 display: block;

      float 的对象自动被视为 block-level
      :)

    • 94smart 12:39 pm on March 5, 2007 Permalink

      多谢,确实定义重了,应该不太影响效果。

  • 94smart 5:17 pm on January 25, 2007 Permalink | Reply
    Tags: , , , ,   

    Axure RP Pro 4.4.0.741新鲜发布 

    以前介绍过Axure RP Pro,当时版本是4.2,在试用期那段时间里用得那叫一个爽,后来因为修改系统时间,直接就被禁用了,郁闷。

    今天早上收到Axure的信,Axure RP Pro 4.4.0.741正式版已经发布,赶紧下载一个,终于可以接着用了,4.4的功能列表在这里

    看来除了花589美刀买序列号之外,还有一种办法可以继续用Axure,那就是在Axure不停升级开发的前提下,不断换用Axure的新版,谁叫我没钱呢~

    Axure RP Pro 4.4.0.741下载地址:http://www.axure.com/downloads.aspx


    Technorati : , ,

     
  • 94smart 5:37 pm on December 6, 2006 Permalink | Reply
    Tags: , , , , ,   

    Axure的RP不是一般的好 

    先感谢木的{moond},要不是一次提供了那么多画原型图的工具,我现在还在Word和Visio里面打转呢。

    这些软件能试用的我差不多都用了一下,其中觉得Axure的RP Pro 4挺好的,功能包括站点地图、流程设计、页面框架设计、简单交互设计等,可以生成HTML、Word等格式。

    RP操作比用Dreamweaver简单多了,图片、文字、输入框等等所有组件全是可视化操作,可以很方便的实现网站交互内容的原型设计,可将以前死板的页面版式全部替换为有点击、链接效果的网页,nice~

    同时可以为网站设计提供AJAX式的交互处理,RP提供一种动态层的组件,在同一页设定不同状态的效果,然后用链接、按钮等触发即可产生动态效果,这样网站设计就变得更加生动,意图也就更加直观。

    可惜,这么好的软件只能试用30天,哪位兄台要是有解决方法一定要通知我,这里先谢了~


    Technorati : , ,

     
    • zeal 5:47 pm on December 8, 2006 Permalink

      绝对有效的解决方法:买正版

    • 94smart 10:27 pm on December 8, 2006 Permalink

      嘿,我还是用土办法:改系统时间好了。

    • 94smart 2:44 pm on December 11, 2006 Permalink

      今天用了修改时间这个土办法,结果发现一点都没用,而且把我仅剩几天的试用期也给搞掉了,看到的互相转告,不要轻易尝试!

    • 网友 3:54 pm on March 10, 2007 Permalink

      Axure RP Pro v4.4.1.745 注册版
      http://www.3ddown.com/soft/34.htm

    • lisa 9:40 am on June 29, 2007 Permalink

      要是兄台有中文版的使用说明,给俺一份吧,感激涕零 、、、、动态层用不到位

    • 94smart 12:02 pm on June 29, 2007 Permalink

      不好意思,中文版的使用说明我就没有了

    • scorpioo 10:11 am on August 9, 2007 Permalink

      licence:3ddown
      key:FiCGEezgdGoYILo8U/2MFyCWj0jZoJc /sziRRj2/ENvtEq+7w1RH97k5MWctqVHA

    • 94smart 2:29 pm on August 9, 2007 Permalink

      多谢scorpioo,不过上面的网友已经提供过了

    • 许珂 3:03 pm on December 14, 2007 Permalink

      用google翻译看在线教程,再结合金山词霸试一试组件的功能就明白了

    • iHao 6:10 pm on February 24, 2008 Permalink

      经过三天的试用确实让我相见恨晚,引用淘宝ued的话:谁用谁知道啊!

    • iceberg 9:45 am on October 7, 2008 Permalink

      值得一试

    • HOHO 4:47 pm on December 23, 2008 Permalink

      百度一下,会有的。
      软件下载:http://axure.cachefly.net/AxureRP-Pro-Setup.exe
      注册码:Name:yaolanwang
      Serial:ogj1xp3rOKIyiMCh0w9ZIlujXKeBOE0CeuEjX2yNfDnO1IsJd3xdd7jMSe/iO2Ly

    • 孙波 5:15 pm on January 6, 2009 Permalink

      刚用,也来赞。

    • 漫无目的 1:16 am on June 18, 2009 Permalink

      我运行不了,4、5.1、5.5全装过
      双击之后,就没反映了。唉!

    • LOVING 9:46 am on June 26, 2009 Permalink

      我试了一下,效果不错.

  • 94smart 2:49 pm on July 26, 2006 Permalink | Reply
    Tags: , , 内容管理系统,   

    小试Prototype:为静态文章列表加上标志 

    昨天,用Prototype.js解决了一个以前一直解决不了的问题,即静态文章列表加上New标志。

    工作上一直使用静态的CMS(内容发布系统),好处是发布的内容全部都有静态页面、唯一地址,访问速度也比较稳定,缺点是放弃了动态的效果,比如文章动态链接、列表更新等等,以及今天要说的根据文章发布时间给标题加New标志。

    原理是用Javascript分析列表代码里面带有时间的条目,时间是不是在时间限制之后,如果是,就在这个条目的时间代码段前面加上New的标志代码。

    首先对文章列表进行改造,发布系统生成<ul>,每篇文章都是一个<li>,每个<li>里面用<a>包含标题,用<samp>来包含发布时间(还可以选择<span>或其他标签,我特意选了不常用的<samp>),最外层用<div>包含(看具体使用来定,也可以使用<table>等),并增加ID属性。以下是列表的代码:

    <div id="News">
    <ul>
    <li><a href="link" target="_blank">Title</a><samp>2006-07-26 10:20</samp></li>
    <li><a href="link" target="_blank">Title</a><samp>2006-07-25 10:20</samp></li>
    <li><a href="link" target="_blank">Title</a><samp>2006-07-25 10:20</samp></li>
    <li><a href="link" target="_blank">Title</a><samp>2006-07-24 10:20</samp></li>
    <li><a href="link" target="_blank">Title</a><samp>2006-07-23 10:20</samp></li>
    </ul>
    </div>

    Javascript脚本部分,我设定的时间限制是前天0点,也就是说前天发的内容都会加上New的标志。shownew.js代码如下:

    //shownew.js
    //email: 94smart(AT)gmail.com
    //url: http://blog.94smart.com

    var TheDay = new Date(); //初始化时间
    TheDay.setDate(TheDay.getDate()-2); //将时间设定为前天,看实际需要而定
    TheDay.setHours(0,0,0); //将时间设定为前天0点
    var newImage = '<img src="images/icon_new.gif" border="0" alt="New" />'; //New字样图片的代码

    function showNew(listId){ //参数listId是要处理列表的ID
    var thisList = $(listId).getElementsByTagName('li');
    var listArray = $A(thisList);
    listArray.each(function(listItem){
    theSamp = listItem.getElementsByTagName('samp'); //取li里面的samp标签的内容
    theSamp = theSamp[0];
    theTime = theSamp.innerHTML; //得到文章的发布时间
    theTime = new Date(theTime.replace(/\-/g, "/")); //替换时间格式为yyyy/mm/dd h:m:s,如果正好是Javascript的时间格式就不需要这行
    if (theTime>=TheDay) {
    new Insertion.Before(theSamp, newImage); //如果发布时间比设定的时限晚就在samp标签前面插入New图片代码
    }
    });
    }

    使用的时候在<head>区插入代码:<script src="prototype.js" type="text/javascript"></script>
    <script src="shownew.js" type="text/javascript"></script>,在列表的HTML代码下方加入:<script type="text/javascript">showNew('News');</script>,ok,刷新你的页面,看到New了吗?没有的话看这里

    上面的代码还可以再挖掘一下,这里就不继续了,希望我的代码对其他人有所帮助。

    需要说明的是,用的Prototype是Prototype v1.4.0,别的版本没试,应该也可以。Prototype库真的很强大,尤其是对于我这样的懒人,懒得自己写底层的业余JS人员。

    Technorati : , ,

     
  • 94smart 11:54 pm on July 21, 2006 Permalink | Reply
    Tags: , , , , , , ,   

    新版Yahoo首页:用软件的方式做网站 

    Yahoo的新版首页终于完整公布了,修改了部分设置,基于好奇的原因,小小研究了一下。

    说得夸张点,Yahoo在用写软件的方式做网站。包括:

    1. Yahoo在UI上的操作,比如换配色,虽然也有别的网站使用,但是从操作上,Yahoo的处理更像是软件的方式,有点像现在的Windows Live Messenger的换色操作。
    2. 图片的调用跟软件的一种图片资源操作如出一辙,软件对图片资源有一种使用方法”将所有图片放在一张图片里,使用相应的位置坐标调用”,Yahoo的做法很类似,页面上的图标、背景图都是来自于一张大图(图标资源1图标资源2背景图资源),使用CSS定义范围来显示相应图片,这么做确实有好处,可以方便预先读取和集中管理图片资源。

    其实前两天就想写这个内容的,但是最近我的Dreamhost空间极度不稳定,导致未能及时发布,今天在发的时候又忘了点当时想写的地方,只好凑合了。

    Technorati : , , ,

     
c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel