互联网,用户增长,改行晒娃。
  • Landing Page引导页的设计

    2010-11-23

    我习惯的称LP页为引导页,引导页是非常主动向用户推送内容,起到吸引注册或者使用某个产品等等使用户进一步使用的目的。现在很多的网站的首页经常就会用引导页作为首页,但是国内很多都搞成有奖销售了,不管三七二十一先在LP上放上有奖促销的活动,这里我也不谈这个,我从常规的方面谈一个引导页的设计,对从事电子商务的企业(B2C、B2B)或许有所启发。

    一个引导页必须包含的需求:
    1.我(产品)是干嘛的?
    2.你能得到什么好处?
    3.你接下来干嘛?
    4.如上一篇文章所示,我们也需要判断目标,一些产品需要我们进一步投入成本,就会引导填写一些基本信息让我们能进一步识别目标用户,这点在比较有细分的目标人群中比较受用。

    我们来看一个LP例子:


    这个图几乎就将LP页的各种元素展现出来了,一个常态的LP页,从信息展示到引导入口,都非常的明显。LP页实际是很简单,但是有时候为了满足我们本身的目的而加上很多让用户流失的。

    1. LP页不要用太多的文字
    LP页上尽量不要用什么欢迎用语,一堆公司信息等等浪费表情的文字,在网络上没人会对这些东西感信息,尤其是初次接触,你要一针见血的告诉用户“你能给他什么”为什么他要用你的产品。几句话,一定要抓重点,用户可以一眼就明白 ,多了哪可不行。

    2.大标题要醒目、明白
    如同第一点说的,大标题一般就是给用户说明你能给他什么。这个大标题相当于是一个口号,比如QQ管家的:”超强电脑保护”,清晰简单明了。再看金山WPS的”更懂中文的办公软件“这就是一句废话。

    3.进行引导的操作鲜明
    很简单,这个就是要吸引用户进行进一步动作的操作,早用户看了简单的信息后,头脑发热,就会迅速去进一步使用。

    4.同时记得还要一些能让用户安心的提示
    这个就是一些社会媒体的证明了,比如电子商务网站可以在底部加上什么安全标示、一些权威认证。

    其实掌握了这基本上做出来的东西就不至于很差吧。

    我们来个实例:用金山WPS和QQ管家两个web页面进行比较,都是想引导用户进行下载软件的页面,我们看看谁能好。

    金山的这个LP页,在某种角度上来可以说已经是烂到了骨髓里。

    这个页面完全是为IT人士或者熟手设计的,压根就没考虑新手,所以WPS用户量那么少,你们也知道的。
    错误一:这个WPS到底是干嘛的? 其实我真的不明白,办公软件多了去了,万一你丫的是复印汉字的这么搞?不是最懂汉字么! 这点是最致命的错误,把你当成一个普通的草根用户,就算你将本页通读后你还是不明白WPS是干嘛的。
    错误二:看见上面的快盘没有?这两个产品金山放在一起推广,要是我不是混挨踢的,我真不知道这两个产品有什么联系。
    错误三:再下面的产品特性,这些是通篇的垃圾话,用户用你一个WPS你还让他们去学计算机科学么?
    结论:典型的垃圾设计。

    再来看QQ电脑管家的LP页:

    对比一下,同样是推一款软件,差距就那么大呢。QQ电脑管家的LP页,大标题主题明确,两行文字将产品用途解释清清楚楚,用户一打开网页就明明白白,下载导向清晰可见,第一时间就把自己给成功卖出去了。

    Author:NARKU | Categories:互联网 | Tags:
    Comments Off on Landing Page引导页的设计
  • 周鸿祎:在360新员工入职培训上的讲话

    2010-09-26

    我想给新入职的同事讲一讲我的期望,再提几个建议。我这个人喜欢说真话,不喜欢说漂亮话,因为漂亮话没用。但说真话,大家可能不爱听。

    首先,大家一定要明白,你自己来360到底想获得什么。

    我觉得,第一你一定得在360学到能力,学到本事才行,因为你将来要行走江湖,要成名立万,靠的就是能力和本事。在座的大多数既不是高干子弟,也不是富二代,跟我一样都是平民子弟。不少是第一代来北京的移民,唯一能依靠的就是自己的双手和头脑。你要想成功,本事是最重要的,其他都是虚的。公司有没有名气、午饭有没有鲍鱼、给你什么title,都是虚的。title这玩意最骗人了,你真要想有个好title,我建议你回家自己开一个公司,自己就是CEO啊!可能还会有人说上班开不开心很重要,但在公司最艰苦的时候,你很可能不会开心。所以,最重要的,是在于你在360能不能学到东西,能不能锻炼出能力。在360,只有有能力的人才能得到更多的资源和更大的舞台。

    换句话说,360只是一道门,现在它向你们打开了,但你能走多远,要看你自己能锻炼出怎样的脚力。

    可能有的人要说,我就想找个地方混一混。其实,一个公司大了以后,也一定有地方可以混,我也管不了每一个人。但是,我在互联网行业里干了十多年,看到了很多Loser。他们都是太聪明,把自己混失败了。大家一定要记住,混日子就是在浪费自己的时间。想一想,你35岁以后还能混么?那个时候会有更多的年轻人,他们比你更努力,比你更能干,要求也比你低。你要是没学到东西,没锻炼出来能力,他们会代替你的。能力是不能混出来的,而是学习出来的,是锻炼出来的。结果,你在企业里只把年龄混大了,能力没有提升,那么你人生道路会越来越窄,也丧失了你最好的学习机会。

    所以,如果你不喜欢360,你一定要尽快换,尽快找到自己喜欢的事情,找到一个值得自己去投入的事情,至少你不会浪费自己的生命。如果你选择360,仅仅是因为公司的名气,就想混,吃亏的是你自己。想想,你再能混,能混我多少钱啊?你一年混我20万,5年一共也才混我100万啊,这对我来说没什么,但是你在这里白搭了自己5年的时间。你5年的青春值多少钱?难道只有100万吗?

    这话我不仅对新入职的同事说,对很多大学毕业生都是这么说的,是代表我个人的看法。即便你不是来到360,你去别的地方,也值得思考这个问题。

    你再看看你的周围,是不是也会发现有混日子的人?有些人在那里混,混得都离不开公司了,结果丧失了竞争力。要知道,靠自己省吃俭用攒出的工资,是攒不出一个人生来的。你要在360发财,有可能,前提是你的本事要达到一定的层次。

    有的人可能会问:周鸿祎有钱了,为什么干得这么带劲儿?我可以直截了当地告诉你,在360,我其实是在给大家打工。我做360这件事,是因为它让我激动,干这件事能大大地满足我的成就感。

    那么,在360到底能学到什么本事和能力?很多,比如好的方向、经验和执行力、领导力、沟通能力、团结别人的能力、市场营销的能力等等,有太多的能力是你可以在360学习的。你可能又会说,在别的公司也能学到啊!我可以跟你说,你在360,掌握这些东西,学会这些本事,能比在其他公司时间更短,速度更快。

    我也希望你们能拿到360的期权,这很简单,这是我们行业的规则。这个公司我不是大股东,投资人是大股东。我们所有员工的期权加起来也是一个很大的比例。我们都希望公司最后能够上市,做到像百度和腾讯一样规模,有一个不错的市值。我也希望很多人能淘到第一桶金,解决你在北京买房子的钱还是有机会的。

    但这些都不是从天上掉下来的。你在360必须要努力,必须要做得好,这样你才能锻炼自己的很多能力,成长的也很迅速。除了发财以外,你的能力和本事还能给你带来影响力,给你带来好的声誉。现在,即使敌人提起我,都会说周鸿祎做产品很牛,现在互联网上做客户端做得好的,除了QQ,不是我做的,就是我手下做的。但如果我手里没有东西,我天天在这里吹,说老周是中国最会做客户端的人,打死你都不会信。

    所以,只要你在360踏踏实实做下去,我相信每个人都有可能做成功一件事情。这件事可能很简单,比如说打补丁,但你做到极致就变得有价值。而这件事情就是你身价的最好证明。由于你有这样的经历,可能就有人愿意为你投资一千万。

    大家不要听完我说的话就跃跃欲试去创业。创业的机会时刻存在,但是成不成功取决于你的能力,取决于天时地利人和。在360,大家也能提高自己创业的能力,也能结识自己创业的伙伴,也能获得一些创业的资源。也许几年之后,你在360告一段落了,你就真的可以去创业,去创办自己的公司了,那个时候你从360淘到的,就不仅仅是第一桶金,那就将是你人生的第二桶金。所以我觉得,我们的所有员工只要你有能力,有这些经历,靠自己的双手、大脑和聪明才智,就有机会获得或大或小的成功。

    成功是需要时间积累的,我95年研究生毕业,刚来北京也是从一无所有、一穷二白。到方正之前,我其实也创过业,但是没有成功。所以我得出一个经验:做公司很容易,把公司做成功很难。我决定在方正公司踏踏实实工作几年,那几年我不仅仅是在为公司打工,我更是在为自己积累经验。所以,我在公司认真地做好我该做的事情,甚至还做了很多公司没想让我做的事情。我客观上为公司做了很大贡献,但实际上我个人是最大的受益者,因为我得到了很多锻炼,我做事的能力提高了很多。如果没有这个经历,我是没有能力出来做3721的。

    我在雅虎的时候,大家觉得我是个职业经理人。职业经理人是什么形象?整天西装革履的,说着洋文,执行总部的指令。我在雅虎打工,本来也是可以混的,这样还能拿到一大笔钱,但是我不想混,不愿意混呢。我觉得我的时间宝贵,在雅虎混时间久了,我就和这个行业脱离了。所以,在雅虎我也是一样怀着创业的精神,在努力地做事,把搜索、门户、邮箱做起来了。我努力地提高自己的能力、经验和见识,这才使我之后有能力去做投资,做奇虎,做360。

    你们面前摆着很多的机会,但我可以告诉你,360就是在你们眼前最好的一个机会。当然,你可以去腾讯,去百度,去淘宝,但这三座大山已经很成功了,已经具有了很大的规模,你在那里更多会成为一个螺丝钉。现在的360不是一个上市公司,未来会有很多的机会等着你,你可以在其中做出很多的贡献,拿到公司的股票和期权。但你能不能把握住这个机会,取决于你的经验和能力的积累。所以,大家不要以打工的心态在360工作,我这里不需要打工的。

    我希望大家来360,是和我合作几年。无论以后是否还在360工作,大家都能够在360做成一些事情,在能力上能够有所提升,这就是我的期望。

    我希望大家在360是抱着一种给自己干的心态,积累你的知识,积累你的经验,积累你的能力。这也是我自己这么多年来在北京,在这个行业里屡败屡战之后的一个深刻的体会。

    另外一点、我希望你在公司做事,一定要争取把一件小事情做成大事,通过做这件事情你也能得到成就感。如果有一天你开一家公司,也许很挣钱,但不一定能很有成就感。当你挣到你的第一个一百万之后,你会很有成就感。挣到你的第一个一千万之后,你会很有成就感。但再往后,就变成了一个数字的游戏了,你就没感觉了。

    但是,今天我们大家聚在一起,我们完全有能力做出来一个影响中国几亿人的产品或者服务,这种成就感会让你一辈子都感到骄傲。甚至你有孩子的时候,有一天他问你:“你年轻的时候为互联网做了什么?”你就会很骄傲指着电脑上的360说:“你老爹当年就是干这个的。”这样,不仅你自己感到骄傲,他也会为你感到骄傲。

    我觉得,人的一生不一定能干成某一件大事,但是一定要去追求,或者和别人一起干成一件非常大的事情。我希望未来大家提到我,会说我做了很多事情,或者成功,或者失败。但我更希望大家能说我干成了360,让中国互联网更加的安全。我颠覆了一个时代,我创造了一个新的网络安全的时代。

    几年以后,当大家想起我今天的话,我希望大家不要感到后悔来到360,至少你在360学到了很多东西,然后通过自己的努力在360挣到了钱,然后通过自己做成一件事有了成就感,同时也建立了自己的影响力。

    最后,我想说的是,大家一定要保持一个好的心态。你进公司时,可能由于面试的仓促,交流不充分,给你的职位低了点,给你定的工资不像你期望的那样高,但我觉得你今天拿的工资并不代表你的身价。只要你锻炼出能力,有了本事,即使360没有给你发挥的空间,你不用天天发牢骚,你完全可以用你在360学到的本事,选择其他公司,去创造一个更加美好的未来。

    当年我在方正的时候,我学到了我所需要的能力,当我认为它不能够再给我更好的成长平台时,我可以毫不犹豫放弃它。相反,如果你没有能力,选择在那里混,你永远没有勇气选择放弃一家公司。要记住,勇气不是个性,勇气不是脑袋发热,勇气是由实力构成的。

    在座的各位今天你们拥有的更多是潜力,而不是实力,我希望在未来的几年时间里,大家把自己的潜力转化为实力。也许,在我们当中,会产生很多新一代的互联网精英,这完全有可能,因为互联网的未来毫无疑问是属于年轻人的。所以,我未来的梦想,就是在360成功之后,专注地去做投资人,帮助更多的年轻人去获得成功。

    人力资源部常常劝我不要和大家谈创业,怕大家想着创业,第二天就辞职回家办公司了。我和大家讲,创业其实是一种精神,是一种心态。创业有很多种形式,不是只有自己办公司、自己当老板才叫做创业。当你的人生还处于起步阶段,你还不具备足够的经验和能力,就需要给人当学徒,需要学习和积累,其实这个过程也是创业。

    也许你想干一件很大的事情,但要借助很多资源,这时候你可以在公司内部创业。我们公司有很多人是在360内部创业,他们为什么放弃了自己的小公司来到360?因为他们无论再努力,但由于没有足够大的平台,无法将事情做大。所以,他们现在追求的不是能得到多少钱,而是先做成一件大事,为他以后再独立做事打下基础。

    今天,360还是一个创业公司,不是一个大公司,更不是一个国际化的企业,我们就是一个创业公司。我们内部有很多创业团队,我希望加入进来的各位成为合格的创业者,和公司一起创业,在这里要学习到创业的能力,打造自己的基石,这是我的期望。

    谢谢大家!

    Author:NARKU | Categories:互联网产品 | Tags:
    Comments Off on 周鸿祎:在360新员工入职培训上的讲话
  • Axure之复用

    2010-09-21

    本文主要记录一下自己在使用axure软件做原型设计中的一些感悟。对于原型的制作而言我们需要的是一个能够快速设计高效传递的软件,对于原型的表现形式而言我们需要的是一个“中保真”原型,可以直观的表述交互与页面布局即可。

    作为工具,首要的条件就是高效率。高效率的解决问题,高效率的传达,高效率的记录,等等。Axure之所以被称作“快速原型设计”就在于他能高效率的完成原型设计并高效率的传达。而这一切得益与axure的“复用”思想。在Axure中的复用包括2个部分:组件的复用、模块的复用。

    先温习一下在axure中什么是组件什么是模块,高手请直接跳过:

    组件(控件)是用于设计线框图的用户界面元素。在组件(控件)面板中包含有常用的控件库,如按钮、图片、文本框等。从组件面板中拖动一个控件到线框 图区域中,就可以添加一个组件。组件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。组件面板工具栏中可以加载 已有组件库、创建新组件库、编辑当前组件库、或更新组件库,也可以对组件进行搜索。

    模块(Maste)是可以重复使用特殊页面。一些常用模块如页首(Header)、页尾(Footer)与导航(Navigation)。模块可用 在页面中或是其他模块中。只要修改模块,在所有引用这个模块的页面中的模块也会相应跟着同步更新。 模块的概念犹如PowerPoint 中母版、Dreamveawer中模板的概念,熟练掌握模块可以大大提高原型设计的效率,并使原型易于管理维护。

    组件的复用是axure默认传达的第一个复用原则,axure内置有基本的Web组件和流程图组件。当然,axure还提供了更高级的组件复用—— 自定义组件库。在Web设计中,为了保持一致性每个系统模块都会有大量的重复设计出现,如按钮样式、链接样式、表单样式、Tab页签样式、翻页样式、图片 大小、输入框交互等等等等

    Axure的自定义组件可以使用有心人制作的,比如官方提供的基于雅虎风格的Web组件套装和mobile原型设计组件(下载地址)、比如有个牛逼的老外制作的2套Web原型(下载地址);也可以自己在项目过程中自我总结创建。

    在控件面板中点击下拉菜单的“Create library”(创建组件)选项,这时会弹出一个保存对话框让对这个.rplib文件进行命名和保存,Axure会立刻启动另一个执行程序并打开这个刚建好的 .rplib文件。

    在新的Axure程序界面中,原本站点地图面板的位置会被组件库面板(Widget Library Pane)所取代。你可以像处理页面一样对组件进行新增、删除、排序。

    Axure启动时,如果已经把创建好的自定义组件库(.rplib文件)放在Windows文件夹的―我的文件> My Axure RP Librarie目录中,则该组件库会被自动加载到控件面板中。另外,你也可以手动选择你所指定的 .rplib 文件进行组件库加载。新建立的自定义组件库的操作方式就如同其它的默认组件库一样,以拖放(Drag&Drop)的方式将组件放到画布上进行画面 的绘制。

    虽然自定义组件和模块都基于组件的组合,但组件与模块的区别在于,组件是针对Axure存在的,在所有基于axure完成的页面中都可以使用该组件;而模块是基于某一具体的axure页面存在的,仅在该axure文件下可以使用,如果打开新的axure文件则该模块不存在了。模块针对某一具体项目以单个axure文件为单位组合复用;组件针对所有axure文件为单位组合复用。

    模块的复用常用于在某个产品模块中会重复出现的情况下,如展示商品的列表、未登录的弹层、页面头部、导航、页面底部等等。共同的特点就是,在该产品 模块下都需要且表现形式都一样。也就意味着如果要修改就得全部修改,如果出现就要不断的“CTRL+C”在“CTRL+V”,由于这些组件并不是单一的, 如果是复制的话很可能复制不全,即使你使用了组合。模块则可以很好的解决这些麻烦。

    模块有2种制作方式:在页面中框选住需要转发的组件,右键选择“转化成模块”;在左侧导航部分选择“Add Master”(添加模块)进行模块制作。在实际操作中个人觉得第一种方式应用更多,因为肯定是先在页面中进行了全局设计才知道这些组件是可以转化成模块 的,有一个全局的考虑先。

    模块有以下3种行为:

    • 普通行为(Normal):模块可以被移动与放置在线框图中的任何地方,对模块所做的修改会在所有模块实例中同时更新。
    • 背景行为(Place in Background):模块应用在线框图中时,会处于线框图的最底层并被锁定。模块实例中所包含控件的位置与在模块中的位置相同,常用于作为模板、布局、底板。
    • 自定义控件行为(Custom Widget): 模块应用在线框图中时,模块实例中的控件与原模块失去关联,模块实例中的控件可以像一般控件一样可以进行编辑,就好像只是进行了复制和粘帖操作。常用于创 建具有自定义属性、注释和交互的自定义控件库,例如:具有白色文字的蓝色按钮。

    使用一个工具并把它用透,比使用多个工具但每个工具都会使用一点要高效的多。别去追求炫目,追求效率,这是俺在使用工具上的一点小感悟,记录如此。

    原文地址:http://www.ikent.me/blog/2990

    Author:NARKU | Categories:互联网 | Tags:
    Comments Off on Axure之复用
  • 什么是重要的

    2010-09-10

    HTML5 很火,忍不住也阅读了一遍 HTML5 spec, 发现除了对记忆力是个考验之外,增加的内容很少:

    首先是 markup, 增加了 header, footer, section, nav 等元素,本质上和 div + class 无啥区别,考验的是记忆力和小学语文的功底。

    其次增加了一堆 new APIs: Canvas/Web Storage/Drag-and-drop/Web SQL Database/Geolocation/Web Socket/Server-Sent Event 等等,这些内容的使用并无什么技术难点,翻翻规范手册,都是半天就能“精通”的。

    追寻这些新技术,很容易让人有种走在技术前沿很牛逼的虚荣感。但实际上,会用 header/footer, 并不代表你就懂得了语义。就如多学了几个成语,并不意味着你的作文水平就有提高。

    Geolocation 等 API, 也是如此。淘宝 UED 有几位设计达人,用的是 Photoshop 7.0. 倒是我这种半桶水,会紧跟潮流,装个英文原版的 CS4. 比喻不是很贴切,但从技能的深度上讲,有去学 Web SQL Database 的精力,不如去温习遍数据库基础教程。玩 Canvas 前,不如先去学学计算机图形学。否则永远是蜻蜓点水,以为走在前沿,其实只是凑个热闹,迟早成为舞台下的观众。

    关注是可以的。有时间(我觉得大部分人其实都没时间),去尝尝鲜也是有益的。但是对于大部分营养不良的前端,推荐还是脚踏实地老老实实的去学一门传 统编程语言,去把数据结构/基础算法/设计模式/数据库等等基础知识点给搞瓷实了再说。这样,等 HTML9 出来的时候,对你而言,无非就是淘汰了一些旧 API, 增加了一些新 API 而已。

    对于武林高手,内功最重要。招式套路,只能街头赚个掌声。
    对于程序员,真正的核心竞争力是基本功。
    永远不要舍本逐末,否则你学的新东西越多,被淘汰的可能性反而越大。

    原文:http://lifesinger.org/blog/2010/09/what-is-important/

    Author:NARKU | Categories:互联网产品 | Tags:
    Comments Off on 什么是重要的
  • 会员注册页面的交互细节

    2010-09-07

    核心提要:
    ·注册页面主体宽度小于800像素,利于用户聚焦操作。
    ·注册步骤引导使用文字,不要用图片。
    ·密码强度提示需提前让用户了解强弱极限度,辅助提示如何设置高强度密码。
    ·操作提示语尽量少且简短,并用浅颜色弱化。操作提示语与注册字断垂直排列比平行排列更好。
    ·警告语在填写出错后即时触发,不填错不触发。
    ·用户已正确填写,给出鼓励提示。
    ·验证码简化,全数字或全英文(全大写或全小写),要有即时更换验证码的操作功能。
    ·注册提交按钮同时包含同意条款,服务条款重要级别低,可放在按钮下方。
    ·注册页面中不设置跳出页面的链接,可用浮层替代。

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    e5b9bbe781afe789871

    原文地址http://www.kdued.com/2009/05/user-register/

    Author:NARKU | Categories:互联网产品 | Tags:
    Comments Off on 会员注册页面的交互细节