推荐一份reset.css

By Nigel on 07月 24th, 2009

/*
KISSY CSS Reset
理念:清除和重置是紧密不可分的
特色:1.适应中文 2.基于最新主流浏览器
维护:玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin: 0;
padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* 重置 hr */
hr {
border: none;
height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

来自:蹲乐 前段关注

UED团队建设-以数据为基础,以产品为设计为中心!

By Nigel on 07月 16th, 2009

20080508072312582
以数据为基础

数据,是每个公司都会关心的东西,至少到某一个阶段来说,数据有时候会被“神化”,比如伟大的Google公司,就是一个很典型的数据为一切的公司。

用数据来给我们作为设计导向也是一种很普遍的现象。很多时候设计师对数据便显得无可奈何,因为很多时候数据会成为创新设计师的绊脚石。看看前Google首席视觉设计师Doug Bowman的离职文章,就能看出来鲍曼对于Google用数据作为设计基础产生的愤慨。

数据就像一把双刃剑,有时候我们能用测试结果的数据来说服运营部门利用我们的设计方案,但也有时候运营部门会拿着数据来告诉我们他们的所需。其实作为一名产品设计师来说,对于数据的把握会成为自己对于产品设计的一种经验,就想铸剑师把握火候一样。

一、把握数据的轻重

其实作为数据它只能代表着过去的用户行为,它不能对以后产生影响或有前瞻指导。在进行一些新产品项目设计时,作为产品设计师从运营或者用研拿到一些数据时,要对数据进行自己的判断,这时的数据只能属参考作用,而不起任何引导性或决定性的作用。所以设计师不能被数据牵着鼻子走,要判断数据在这个项目中的轻重权衡。

二、挖掘数据的隐形需求

可用性工程师或用研的同学们会将标本分析整理成数据报告。很多产品设计师会忽略这些报告,认为这些报告对于自己的设计没有太大的帮助,只有拿着自己DEMO去做可用性得出的结果才会改正。而我觉得作为产品设计师,应该更早的参与到用研的过程中。把用户行为习惯,喜好等也作为标本的经历背景来考虑到产品设计当中。比如,iPod的设计时,发现很多用户听歌曲时,不愿意去选择歌手或专辑,他只想随便听听打发时间而已。所以,shuffle的功能就应运而生了。所以不要忽略数据报告后面这些用户行为习惯。

三、先减后加的数据

“少即多”的交互设计原则我想很多设计师都了解。所以对于数据,我们也可以用这样的原则,一个数据代表产品一个属性,那么我们需要抓住产品核心需求,用数据的权重进行排列,之后和核心需求的属性进行对比,从而抓住产品的重点。而不是一股脑啥时髦的功能都放上去,而不考虑数据和需求。

还有很多公司,只在乎某个项目产品开发时的数据调研,当产品上线后就会将这些数据扔到一边。我们应该保留产品开发整个过程中的数据,且某些属性的数据可以归档整理成为一个纵向的整理属性。比如Personas就是数据积累所形成的一种UCD设计方法。

来自:   麦兜的设计   点击查看原文

08063022381172
以产品设计为中心

UED团队包括:交互设计师、视觉设计师、用户体验设计师、可用性工程师、产品设计师和前段开发工程师等等。

UED团队主要的目的是为了将公司的产品变得更加好卖,那么团队不仅仅考虑的产品的可用性或易用性,也需要具备卖产品的能力和对潜在用户的判断, 因此感觉UED应该是具有一定的综合能力的团队。

从“以产品设计为中心”这点上来看看UED团队该是扮演什么样的角色。
不过之前先给“产品”做个定义。
个人感觉现在大部分公司的产品可以分成两种属性,
一类是新市场开发型的产品,一类是现有产品优化型的产品。
前一类型的产品更适合市场产品经理去做,而UED团队主要负责后一类型的产品设计。
一、产品的话语权

在公司里,每个部门都觉得自己是很重要的,因此在产品设计的各个环节,这些部门都会参与讨论,那么各个部门和角色在讨论中的话语权在其专业角度上,都是比较具有权重的。因此,如果该产品是以UED为主的产品的话,当然,决定权在UED手中,但要权衡其他部门的意见,特别是产品经理和市场部门的。

二、部门协调能力

很多时候,产品会像在生产线上的一样,被一个部门丢到下一个部门去。这样的方式适合在具有一定标准和规则的情况下,包括我之前常常说到的创新设计也是可以进行工业化模式生产的。但我不建议这样的去做,特别是在还没有UED团队的公司来说。对于UED团队的每个角色来说,都需要具备这样的部门之前的协调工作的能力。日常的需求处理按照生产线流程走,而项目产品的设计开发,建议可以适用项目组开发形式来作为尝试。当然不仅仅是把各个角色位置都搬到一起坐而已,最重要的是解决协作的能力。

三、以产品设计为中心

这里的设计当然不仅仅只是视觉设计咯。因为很多人理解来说,产品进入到UED环节,就是给制定颜色,设计一些交互方式而已,这样只能算是以产品为中心的美化而已。我觉得首先是老板们需要将一些优化类的产品放手给团队去做,其次也需要团队自己具有主人翁的意思,从以往的美工或交互设计的圈圈中调出来。因为每个人都会对产品有自己的认识,那么通过一些方法把认识形成大体上的统一。而这期间,不要忘记团队的力量,团队中每个角色都会有自己的思考。这时产品设计师需要收集这样的思考,然后做出一个团队统一决定的目标。

来自:未开窍的石头 点击查看原文

火车上是这样过的!

By Nigel on 07月 12th, 2009

IMG0196A

IMG0197A

IMG0198A

IMG0202A

IMG0203A

岁月如歌-淡如沫

By Nigel on 07月 6th, 2009

     经历·淡淡的
     感受·浓浓的
     生活·苦苦的
     感情·甜甜的
    
     笑脸·遗忘了
     身心·复杂了
    
     旅行·迷失了
    
     想起了·屡教不改
     做到了·层出不穷
     说过了·太多太腻人~

如何了解用户和需求

By Nigel on 06月 30th, 2009

用户是所有体验的基础,如果用户的要求没被满足,良好的体验自然也无从说起。那么,我们怎样才能了解用户需求呢?
user~need
     大家都知道可用性测试、调查问卷之类与用户进行沟通的途径,这些方法各有各的利弊,如果逐一分析的话,恐怕至少要分成三本书来写。现在我们先把它们放在一边,从另一个角度来看看这个问题:用户的需求会通过什么途径来表达呢?

     举个小小的例子,某位小朋友饿了,他可能会说“我要吃点东西”,然后你就知道应该给他找点吃的;如果他什么都不说,抓起某样食物就狂吃,这很明显——他饿了;要是他说“我想吃火锅”,而你没有火锅只有馒头呢?我们稍后再说明这个问题。

     不过你至少可以看出,用户的需求通过这样三种形式来传达——目标、行为、说法。

     在这个例子中,用户最根本的需求是饥饿(我们通常不需要了解用户最根本的需求),目标是找东西吃下去,行为显示了这个目标,他自己认为火锅能解决这个问题。我们要做的,就是根据这些资料提供给他适合的食物。这里我们提供的是馒头,小朋友看到馒头的时候,有两种可能,一种是什么也不说,抓过来就狂啃;另一种是一边狂啃一边生气。第一种情况说明,你提供给他的选择比他想象的更实用。同时说明:用户所说的其实不一定就是他们真正的需求,行为才是最真实的。第二种情况说明,你对用户的需求了解得不够,需要再收集更多的数据,比如他爱吃米饭还是面食,喜欢甜还是辣等。

     当然大多数研究比这个例子要复杂得多,但总的说来,我们除了要知道用户有什么行为,还必须知道为什么会出现这样的行为。所以必须要将各种方法综合起来使用,然后描述出一个完整的用户形象。

     用户需求的组成就如下面这个图形所示。为什么“行为”占了一半的比重呢?我个人认为,受中国文化的含蓄和中庸哲学影响,国内用户恐怕很少能真诚、准确地说出自己的想法,所以应该在行为研究上有所偏重。

     我们先不考虑如何分析数据,现在只需要想:有哪些方法可以收集到这些数据呢? 

     正如你看到的,网站流量和日志文件,以及被大家交口称赞的眼动实验用于了解用户做了什么(行为),而用户访谈和调查问卷用于了解用户为什么这么做(目标和说法),情景调查、可用性测试和CRM统计则介于目标和行为之间。

user_need

     首先说一下用户访谈和调查问卷。

     这两者看起来很相似,都是提出一堆问题让用户来回答。但它们之间有个关键的差异:数量。用户访谈是抽样调查,数量少(每种类型的用户不超过10个),而调查问卷则是一种大范围内的普查。数量的不同决定了两种方法的性质,一种是定性的研究方式,另一种则是定量的研究方式。不过它们用于发现用户的观点是非常有用的,你往往会在用户的答复中,发现你之前根本就没考虑过的新想法,这也许就会改变你的产品的思路。

     两者在运作的形式上也有所差异。用户访谈的形式是一种更加随意的谈话方式,而且要注意尽量不要提“是非题”(即“是”或“否”的问题),让用户自由表达。你可以事先有一个大纲,但一定不要照本宣科。在时间上也要保持一定的弹性,一般你会告诉用户需要1个小时,不过要是遇上一个善谈的用户,滔滔不绝讲1个半小时也是有可能的,你要做的,就是尽量别让他跑得太远:)。调查问卷则更严谨一点,不管是在网上还是线下进行的调查,大部分都应该是量级选择题,我们通常看到的“你是否同意这个说法,5分非常同意,0分完全不同意”,就属于这种问题,用户可以通过点击和画勾来回答。调查问卷同样也要避免“是非题”,同时为了保证用户不会因为耗时太长而放弃,最好自己测试一下答题时间,一般不能超过15分钟(我回答过超过20分钟的问题,不过那是几个心理测试)。

     这里我只想强调一点,不管哪种方法,提问的技巧和问题的顺序相当的重要。如果你在一开始就告诉用户,你们准备开发几个新功能,后面又问到用户对现有产品的想法,这就是一种典型自我否定,势必会影响到用户对后一个问题的看法。我想这就是需要心理专家发挥作用的环节。挖掘人类心底的想法,从来都是一件斗智斗勇的事。在某种程度上这种沟通过程更像是你和你身边那个女孩相处的情形。你一直想弄明白她为什么不高兴,但是又不能直接问,因为你知道,她永远不会直接回答。你唯一能做的就是长叹一声“我要如何了解她?!”。可能她只是因为你没有穿她送的那件衬衣而生气,但她只会说:“你今天打扮得真没品味。”表现出来的行为就是不跟你去任何公众场合,目标就是********你自己分析吧。

     网站流量统计、日志文件用于了解用户做了什么,但通常不能解释他们为什么这么做,与之相似的还有CRM数据。所以这三者最好是能和调查问卷结合起来使用。把某个用户的点击流(clickstream)与他完成的调查问卷放到一起分析,你就能了解这个行为背后的原因。当然,前提是您可以捕获某个特定用户的日志记录,并在调查问卷中找到同一个人的回复。大部分的网页里都埋有统计程序的种子,作用和我们今天的主题一样,只管尽可能多地收集数据。而在统计背后的数据挖掘,更是一场艰苦而长期的工作。

     可用性测试和眼动实验本质上相同的,它们的局限很明显,只能用于发现已有产品的缺陷和障碍,而这同样可以用其它途径得到。所以在国内炒得沸沸扬扬的可用性测试,我个人认为对互联网产品似乎并不能产生太大的影响。这一节就跳过。

     情景调查很有意思,组合了用户访谈和可用性测试两者的方式。简单说就是你跑到用户那儿去,看看他们在熟悉的环境下如何进行操作的,这样你得到的数据就比在实验室要真实得多,对于某些和环境有关的产品而言,进行实地考察是非常重要的。进行情景调查你可以突然袭击(偷窥)或者提前和用户说好。不过一般来讲,在用户不知情的情况下你能看到更多的东西,虽然听起来似乎有点不够君子。调查一开始,你一边观察用户的行为,一边记下有疑问的地方,这算是改良版的可用性测试。等用户完成他的日常工作,你就可以现身出来,邀请用户进行一次简短的访问,把你刚才的疑问一一提出,这又是一次简化版的用户访谈。这个方法的风险就是用户可能不愿意,或者没有时间接受你的采访。
来自:CHINA UED

B2B网站中后期SEO工作部署的思考

By Nigel on 06月 23rd, 2009

      最近一直在和很多HR聊!自己也在寻找合适的平台;昨天例行公事!
某行业门户HR leader小聊半小时,最后一个面试问题就是,对于B2B网站中后期的SEO工作部署问题。

     B2B在国内目前的现状是信息流!也就是。平台的作用仅仅只是信息的发布与订阅。能够完成交易过程的目前还不成熟!这也是中小企业对于EC的认识问题!
      生产制造业中一般的产品都是生命周期长,发展进程较慢。一个产品的生命周期可能是1-5年甚至更长!那么对于这些垂直门户的信息处理可能会遇到如下问题:
      1、无限制发布
      2、信息重复
      3、信息时效性
1和3是PM在做产品的时候应该考虑到的,所以只考虑信息重复!
     举个例子:工业设备行业中的 等离子清洗机
     看看阿里

等离子清洗机

图一

 list_page基本都是同样的信息标题,而不同的就是公司和代理名称以及发布时间! 设想针对制造业B2B类,SE未来会不会在判定SERP的元素上加一条time!(很不现实)              
 product_show 产品的详细说明页              
图一中取三条信息源码的head部分看看    

源码一

源码一

 

源码二

源码二

 

源码三

源码三

  问题:大量重复title;head部分区别仅仅为description和keywords个别字
  产品描述部分:
  这个位置的重复问题还不是很严重!不排除企业相互抄袭现象! 
  内页的html布局自然都是同一的!

待续… …

10 Vital SEO Tips – For Good Rankings

By Nigel on 06月 16th, 2009

The right SEO experience must able to assist you the basic understanding of how to create human friendly web pages which are easily understood by the most popular search engines. These days it is not easy to get high rankings and it takes a lot of work, endurance and time. In Today, here are thousands of search engines but only three of them will bring you most of the traffic. They are Google, Yahoo and MSN. Our SEO helping tips mainly focus too much on tactics for these three engines:

  1. Make SEO-friendly URLs: Use easy and your work related keywords in your URLs and file name. A SEO friendly URL can be a vital point for bringing great ranking. For example a URL never can bring space and in SEO hyphen (-) means space. So if you use underscores ( _ ) then it will give wrong meaning to the SEO.
  2. Content is King: Content is the main attraction of the web users. So be sure to have good, well-written and solid unique content. Use a lot of text on your site. If your site is mainly graphic based, then it will have faces problem to get good rankings.
  3. Optimize your title: Title ought to be dissimilar on every page of your website if you wish for most search engines to store and list them in the search results. Put in keywords inside the title tag so that search engine algorithms will know what your page is about. The title tag is positioned right at the top of your document. Inserting a keyword or key phrase will greatly pick up your chances of bringing more traffic.
  4. Optimize your META Tags: META tags are hidden code, read only by search engines. There are mainly 2 very important META tags you need to concern about for good SEO. They are description and keywords. But do not spam the description or keyword META tag by stuffing meaningless keywords or even use too much time on this tag. For well optimizing you need different META Tags of your website.
  5. Get contextual links: You can get as much as you can, It will be measure as a natural linking. But don’t be hurry to build a lot links in short time. The more links there are to your site the better your rankings will be.
  6. Find best Keywords: It would be a waste of your time to optimize your website for keywords those are not still being searched for. Thus you should spend some time to finding the best keywords. There are several SEO tools offered on the Internet to help you find the best keywords. You can take the help of them.
  7. Buy Advertisement: For good SEO ranking purchase image ads or text links on other relevant sites, but make sure not to use any tracking code or redirected link as those will not pass link juice. For image ads, you have to use alt tag as your keyword. You desire the link to be a directly linked to your domain.
  8. Submission to Search Engines and Directories: Submit to the search engines yourself. Do not use any automated submission service or submission software, it could get your site penalized or even banned in directories and search engines. Do not need to submit more than one page. If your site has a good link trail, your entire site will get indexed. And you can submit your site in different directories for good SEO. Look for free and quality paid directories that have been high ranks.
  9. Create a site map page: Since every page on the website will be linked to the sitemap, it allows web users to quickly and easily find content. A well-designed sitemap permits for search engines to easily locate and index all pertinent pages of a website and allows for keyword back up of pages through the use of linking text. For more information you can see the article of our blog.
  10. Take the help of the expert Search Engine Optimizer: If you are snowed under with all of the above and do not have the time to do it yourself, then hire a SEO expert or take the service of SEO service company to do the work for you. Others, you can join and participate in different SEO forums for the help.

总算有点安逸了

By Nigel on 06月 14th, 2009

5月份
先深圳-上海
再上海-苏州
最后又回到深圳
6月份
先深圳-广州
再广州-深圳
跟着深圳-上海
上海-苏州

最后总算在苏州落脚了
明天开始工作了!
记不起来累了,应该就算是发奋了吧!
回过头来,发现原来自己如此强力!
总算是有点安逸了

精准营销与直效营销

By Nigel on 05月 7th, 2009

精准营销
精准,即准确找到目标受众并进行针对性传播.精准在于卖方用最低的成本找到最准确的买方.精准营销就是突破焦点.
精准营销意谓着更精准,可衡量和高投资回报的营销沟通,更注重结果和行动的营销传播计划,更注重对直接销售沟通的投资.

…待续,继续求职ing 个人简历

Merry Christmas

By Nigel on 12月 25th, 2008
Merry Christmas

Merry Christmas