日志分类:长沙网站设计

为销售服务的网页设计思路(Sales-oriented Web Design)

2010 年 03 月 31 日 上午 8:20  |  分类:长沙网站设计

首先解释一下下面提到的AIDA和着陆页这两个关键词:

AIDA模式 — 在1925年由Professor Strong提出,具体是指一个成功的推销员必须把顾客的注意力吸引或转变到产品上,使顾客先对该产品产生兴趣,随之产生拥有的欲望,尔后再形成实际购买行为。

  • A – Attention: attract the attention of the customer. (引起注意)
  • I – Interest: raise customer interest by demonstrating features, advantages, and benefits. (诱发兴趣)
  • D – Desire: convince customers that they want and desire the product or service and that it will satisfy their needs. (刺激欲望)
  • A – Action: lead customers towards taking action and/or purchasing. (促成购买)
  • Nowadays some have added another letter to form AIDA(S): S – Satisfaction – satisfy the customer so they become a repeat customer and give referrals to a product. (现在有些网站还会加一个专门针对老用户重复购买和口碑营销的区域)

Landing Page 着陆页 — 访客进入目标网站进行浏览时经过的第一个页面。尤其是销售主导型(无论是实际产品、服务还是一个促销活动)着陆页,如何进行最大限度优化是最终销售(Action)转化率能提升的关键。

将AIDA模型套用在着陆页上的主要思想是从页面设计上就要包含AIDA这4个步骤:

  • (Attention)– 着陆页要尽快告诉新来的用户我们是干啥的,留住那些可能会成为真正用户的潜在用户。常见办法:
    • 有视觉吸引力的图片;
    • 一句话说明产品是什么;
  • (Interest)– 用户没有立即关闭这个着陆页还只是第一步,对于这些潜在用户来说,还需要进一步使他们对我们买的产品感兴趣,例如我们产品为什么比竞争者的要好?常见办法:
    • 重点产品功能介绍;
    • 有什么独家卖点;
  • (Desire)– 有了兴趣并不代表潜在用户会购买,从理性角度上考虑,决定想要一个东西,必然是因为这个东西带来的收益(应该说是可感知收益更准确)要大于为此支付的成本。要记住用户要的不是我们的产品功能,而是这个功能给他带来什么好处!如何诱发这个临门一脚的常见办法:
    • 介绍产品对于用户本身有什么实际利益;
    • 展示其他现有用户的满意反馈;
    • 有权威性的review;
    • 视频富媒体介绍;
  • (Action)– 当激发了用户的购买欲望后千万不要停顿,让他立刻就明白下一步的购买行为该如何进行。
    • 例如购物的话就是购买的图标,注册的话是注册的窗口等;
    • 或者在购物的场景还还能再推他一把,放上优惠券什么的(”立即注册还送100积分“)

当然这个设计原则不是适合于所有的着陆页,主要适合有明确销售指标或者新推出产品页面,这些可以完整地实现AIDA。对于已经开了一段时间,有了一定用户基础或者无直接销售指标的产品类型(比如门户网站、搜索引擎),就不用硬套AIDA了。

网站策划,需要什么样的人才?

2010 年 03 月 18 日 上午 10:29  |  分类:长沙网站设计

网站策划,需要什么样的人才?

在说网站策划之前思域想说说他的起源,这就得说到商务策划,其实网站策划是商务策划的一个分支,只是因为互联网发展太快,所以网站策划从技能上就被独立了出来。

从上个世界80年代,“点子公司”的出现,到“信息咨询”“市场调查”公司满天飞,再到国外专业策划公司大举进入中国,策划渐成气候,WTO之后,策划行业发展前景广阔,策划机构和策划人均逐步走向专业化。

很多人总会问:我对网站策划这个职业很感兴趣,但是我如何才能进入这个职业呢?这个职业需要具备哪些素质?今天借用这个机会,希望能给大家一个相对清晰的概念。

网站策划的定义:从事应用科学的思维方法,对以盈利为目的的社会经济整体活动和网站设计网站建设、网站推广、网站运营等进行系统、科学的创造构思谋划和设计,以期达到最佳效果的人员。

核心技能:围绕互联网所进行的策划目标定位、策划诊断调查、策划创意构思策划方案论证、策划实施操作、策划评估服务。

市场需求:据保守估计,目前我国专业的策划公司超过一万家,从事自主网站经营的企业超过10万家,各类企业的信息部门也急需专业的网站策划人员。但目前我国并没有网站策划相关的培训体系,所以有机构显示,65%的企业急需聘用网站策划人员,但90%的企业招不到相关人才。

策划专业知识过硬,熟知中国互联网发展形式,熟知中国国情,有策划实战经验的专业策划人员以成为市场紧缺人才。

网站策划的完整流程

2010 年 03 月 16 日 上午 8:57  |  分类:长沙网站设计

一.概念

网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

二.需求分析

项目立项

我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。

客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:
1.正确性:每个功能必须清楚描写交付的功能;
2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;
3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时”砍”掉;
4.简明性:不要使用专业的网络术语;
5.检测性:如果开发完毕,客户可以根据需求检测。

三.系统分析

网站总体设计

在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:
1.网站需要实现哪些功能;
2.网站开发使用什么软件,在什么样的硬件环境;
3.需要多少人,多少时间;
4.需要遵循的规则和标准有哪些。

同时需要写一份总体规划说明书,包括:
1.网站的栏目和版块;
2.网站的功能和相应的程序;
3.网站的链接结构;
4.如果有数据库,进行数据库的概念设计;
5.网站的交互性和用户友好设计。

网站建设方案

在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。

网站建设方案的包括以下几个部分:
1.客户情况分析;
2.网站需要实现的目的和目标;
3.网站形象说明;
4.网站的栏目版块和结构;
5.网站内容的安排,相互链接关系;
6.使用软件,硬件和技术分析说明;
7.开发时间进度表;
8.宣传推广方案;
9.维护方案;
10.制作费用;
11.本公司简介:成功作品,技术,人才说明等。

当您的方案通过客户的认可,那么恭喜你!您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:

网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。

四. 项目实施

整体形象设计

在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格,完成后,供客户选择。
记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。

开发制作

到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。

调试完善

在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。

宣传推广

宣传推广的基本方法有:
1.网页里设置适当的META标签;
2.各搜索引擎登录;
3.准备新闻稿件在各新闻公告板发表;
4.合理使用Email邮件列表;
5.广告条交换;
6.付费广告。
至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。

维护

网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是
1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复;
2.网站流量统计分析和相应对策;
3.尽量推广和使用您的网址;
4.网站内容的及时更新和维护。

五.遵循的规范

1.网站建设目录规范
2.网站文件命名规范
3.网站建设尺寸规范
4.网站首页head区代码规范
5.网站连接结构规范

网站策划各大流程(三)

2010 年 03 月 15 日 下午 8:38  |  分类:长沙网站设计

网站策划各大流程三

三、网站特色开发

即我们所说的创意,根据你的定位你的调查,找出你自己的卖点。

四、策划方案论证

这一流程是将你所有的想法以文字和图标形式表达出来的过程,直接影戏这个项目的发展做出的方案要图文并茂,切不能只能自己看得懂

五、网站建设

这个不需要多说了,都是这个行业的,但是有些东西需要注意,网站的栏目和内容甚至排版都要做细致的策划。一方面要结合你的策划,其中包括栏目策划内容策划、CI策划;另一方面要根据策划的可持续发展做长远的规划,就像盖房子,一定要规划好,以后哪里要加一层,哪里要加一间,不要时不时的做修改,觉得这里要来扇窗子,就把墙弄个窟窿,这两间要合并就把墙拆了,弄得网站千疮百孔。需要用什么语言来编写后台,需要哪些样式表,升值文件夹名字要如何取,如何定,都可以是策划的内容。

网站建设好可是说是策划此项目的一个里程碑,因为一切的策划毕竟开始赋予实施,但是也仅仅是开始。

网站这个平台来说,仅仅建设好是不够的,还要做优化,还要推广,要结合市场销售策略调整网站。

其中网站优化又包括:网页代码优化、图片优化、URL优化、网站框架优化、目录结构优化等等。
网站推广包括:网络推广和市场推广
网络推广包括:搜索引擎推广、电子邮件推广、网络广告推广、资源合作、信息发布病毒式营销
市场推广:抓住市场和媒体

网站建设贯穿网站发展的整个过程,只是建设阶段不同

六、网站效果评估

A、市场反馈信息分析
B、网站流量分析

七、总结

网站策划是个系统的工作,需要相对庞大的行业信息来源和理论基础,从上面可以看出商务策划也必须至少了解行业技能,策划是个体力活也是个脑力活,虽然很辛苦但是却很有意义,策划项目的同时也在策划自己的生活,用策划的眼观去看世界待生活,会清晰一些清醒一点!

网站策划各大流程(二)

网站策划各大流程(二)

2010 年 03 月 13 日 上午 11:04  |  分类:长沙网站设计

网站策划流程二:网站策划诊断调查

1、市场调查

根据网站定位进行市场调查,其实这两个步骤是不分先后的,只是为了条理性,才分开,网站定位也许建立在市场调查的基础上,但是现在很多企业建设网站都是先定位再调查的。调查的要素有:

行业状况(当前状况、发展状况是否可待挖掘)
行业资源(是否有行业资源可利用或可开发)
市场规模和市场比例
同行业竞争

2、完整自身诊断

如果网站是已经建立好的。并已经运营了一段时间,则网站自身的诊断是很重要的常见问题:

A、网站访问量低、用户量增长缓慢,不能达到理想状态!
B、网站整体形象差,没有充分展现网站平台品牌形象及实力!
C、网站规划合理性、操作方便性、引导人性化、程序精确性方面无法吸引客户继续访问!
D、网站排名始终落后于竞争对手,而具体原因不清!

网站策划流程一:网站定位

网站策划各大流程(一)

2010 年 03 月 12 日 下午 9:14  |  分类:长沙网站设计

网站策划各大流程(一)

一、网站定位

重点在于:网站功能定位、网站价值定位、网站商业定位。

网站定位在投资经营网站中属于战略性决策,网站定位我们需要考虑以下几个问题。

1、网站定位的依据有哪些?

A.影响定位的因素:市场容量与发展潜力,个人或企业在此领域中的经验国家或地方政策是否倾斜
B.用实际市场调查去验证这些因素。

很多次失败,就是因为没有做市场调研或未做足市场调研工作,仅仅是个人或是企业老总拍拍脑袋做出来的决策。

2、网站定位多大?根据这些定位可以定出网站模块、栏目、风格、构架、后台功能等等

A.地域特点(全国性?区域性?)
B.类型特点(大而全?专而深?)
C.服务行业(娱乐行业?电子商务?搜索服务?新闻信息?等等)
D.层次特点(高端?中端?中低端?低端?)
F.自身扮演的角色(桥梁?服务提供商?店面出租商?等等)

3、目标受众群体特征如何?

A.目标受众群体年龄、学历、行为特征
B.目标受众群体在互联网中的市场规模现在有多大?发展趋势如何?(现在有很多行业分析报告都很有参考价值)
C.结合网站定位,思考目标受众群体可能经常上本网站做什么,符合互联网本质特征吗?

4、网站盈利模式是?

A.请精辟的用一句话来阐述网站的盈利模式及网站的终极目标。
B.列出围绕次盈利模式产生的盈利点,把你能想到的盈利点全部列出来,并结合资源特点目标受众分析、网站定位资金投入等内容,逐一筛选,成生短期盈利点与可增长性盈利点,让你对网站在经营有宏观性把握。
C.此盈利模式与你的竞争对手是否产生同质化特征?请思考自己的市场是否能通过这些同质化的盈利模式产生收入,有没有新的盈利点可以挖掘。现在很多人做 B2B,但是有很多东西没有办法复制的,比如网上网下撮合贸易结合,提取销售佣金模式。围绕企业外销或内销产生的收取翻译费等等增值性收入模式等等。

网站定位不准,或是没有考虑多定位,会产生哪些后果呢?

第一、网站没有定位,只是一味的去模仿,想一下做大做全,会丧失网站自身的优势与特色,好多站都模仿阿里,成为阿里弟弟,几乎包括所有的行业,并且还细分了许多地区,分类详细清晰,页面美观大方,程序功能也很到位,有的甚至内容信息都不错,可是怎么就是没有流量?没有会员?不能产生收益?站长很是纳闷,现在反问他:“你看新闻去哪个站?”他说去某某站。“用什么邮箱?”他说都是用某某邮箱。“去哪里看娱乐咨询?”他说多是到某某站。可是不能给他的这些惯性思维说出个所以然来。其实一个网站的气质,一个站的优势特色文化等等就形成了独有的气质,模仿只是模仿别人的外表,要模仿气质就难了。所以现在好多家长就让孩子去做各种课外培训,就是要从小培养他们的情操,长大了就是一种独有的气质,网站定位也一样,从项目初期就要先定位。

第二、除了模仿,有些人还追随,听说hao123卖了多少钱,听说手机之家如何如何赚钱,羡慕得不得了于是产生了“如果我们也做一个hao123或是手机之家也会很好吧”。如果你正在考虑这个问题,可能会陷入危险的状态。时代在变,很多东西只能成为历史,以前能做的,现在未必,同一个概念绝大多数人不会轻易改变偏好。可能即使你下数十倍的功夫,也无法做到另一个hao123。

第三、定位不准导致内容混杂。有些兄弟很能跟上潮流,超女这把火也烧到搞电子商务的站上面去了,理由是最近这个关键字搜索的人很多,什么关键词热门,网站上就必有这类信息,为了提高人气,不断的增加栏目内容,可以从十几个栏目一跃成为TOM,这样没有核心内容或是核心内容不够强大的站是很难留住用户的,沸沸扬扬往往是昙花一现。

第四、定位不准可能产生巨大成本,导致网站无法继续经营。方向错误而产生的成本往往是巨大的,比如求大求全的例子,可想而知要维护这样一个大网站所需要的编辑人员、信息资源、技术支持,推广和营销等等,因为涉及行业、地区较多,如果做到位,就一定都是某个行业的专业人员,专业队伍……(如果将同样的力量放到一个行业上,会是如何?)。

十五种CSS鼠标样式

2010 年 03 月 11 日 上午 10:39  |  分类:长沙网站设计

十五种CSS鼠标样式

CSS鼠标样式语法如下:
任意标签中插入 style=”cursor:*” 
例子:<span style=”cursor:*”>文本或其它页面元素</span>  <a href=”#” style=”cursor:*”>文本或其它页面元素</a>  注意把 * 换成如下15个效果的一种:

下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型   
例子:CSS鼠标手型效果  <a href=”#” style=”cursor:hand”>CSS鼠标手型效果</a>

pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
例子:CSS鼠标手型效果 <a href=”#” style=”cursor:pointer”>CSS鼠标手型效果</a>

crosshair是十字型
例子:CSS鼠标十字型 效果 <a href=”#” style=”cursor:crosshair”>CSS鼠标十字型 效果</a>

help是问号
例子:CSS鼠标问号效果  <a href=”#” style=”cursor:help”>CSS鼠标问号效果</a>

下面写法都一样,这里就不一一写完了。
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

Map标签应用

2010 年 02 月 19 日 下午 12:08  |  分类:长沙网站设计

Map标签的应用举例:

<img src=”URL” width=”672″ height=”322″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
  <area shape=”rect” coords=”506,166,667,316″ href=”#”/>
  <area shape=”rect” coords=”339,166,501,316″ href=”#”  />
  <area shape=”rect” coords=”170,167,333,317″ href=”#”   />
  <area shape=”rect” coords=”3,165,163,318″  href=”#”  />
  <area shape=”rect” coords=”507,6,670,158″ href=”#”  />
  <area shape=”rect” coords=”339,7,501,160″ href=”#”  />
  <area shape=”rect” coords=”169,8,335,159″ href=”#”  />
<area shape=”rect” coords=”3,8,164,160″ href=”#”  />
</map>

js弹出div显示大图片

2010 年 02 月 19 日 上午 11:59  |  分类:长沙网站设计

js弹出div显示大图片代码:

可以根据需要放大的倍数调整width的大小,即下面的粉红色的200.

/**
     *鼠标移入显示放大的图片
    */
function mousein(t){
var ei = document.getElementById(”big_image”);
ei.style.display = “block”;
ei.innerHTML = ‘<img src=”‘ + t.src + ‘” width=+200+”%” />’;
ei.style.top = document.documentElement.scrollTop +window.event.clientY+10+”px”;
    ei.style.left =window.event.clientX+30+”px”;
}

/**
      *鼠标移出隐藏大图片
     */
function mouseout(){
var ei = document.getElementById(”big_image”);
ei.innerHTML = “”;
ei.style.display = “none”;
}

调用方法:

<div id=”big_image” style=”position: absolute; display: none; z-index: 2; border: 0px solid #f4f4f4;”></div><img src=”images/free.gif” alt=”” title=” A ” width=”100″ height=”80″ onMouseMove=”mousein(this);” onMouseOut=”mouseout(this);”/></a>

经过本人测试使用,绝对可行。

FTP命令函数

2010 年 02 月 19 日 上午 11:45  |  分类:长沙网站设计

FTP命令函数

ftp的相关函数:
ftp_connect: 打开 FTP 链接。
ftp_login: 登入 FTP 服务器。
ftp_pwd: 取得目前所在路径。
ftp_cdup: 回上层目录。
ftp_chdir: 改变路径。
ftp_mkdir: 建新目录。
ftp_rmdir: 删除目录。
ftp_nlist: 列出指定目录中所有文件。
ftp_rawlist: 详细列出指定目录中所有文件。
ftp_systype: 显示服务器系统。
ftp_pasv: 切换主被动传输模式。
ftp_get: 下载文件。
ftp_fget: 下载文件,并存在已开的档中。
ftp_put: 上传文件。
ftp_fput: 上传已打开文件。
ftp_size: 获得指定文件的大小。
ftp_mdtm: 获得指定文件的最后修改时间。
ftp_rename: 将文件改名。
ftp_delete: 将文件删除。
ftp_quit: 关闭 FTP 连接。basename: 返回不含路径的文件字符串。
chgrp: 改变文件所属的群组。
chmod: 改变文件的属性。
chown: 改变文件的拥有者。
clearstatcache: 清除文件状态快取。
copy: 复制文件。
delete: 无用的项目。
dirname: 取得路径中的目录名。
diskfreespace: 取得目录所在的剩余可用空间。
fclose: 关闭已打开的文件。
feof: 测试文件指针是否指到档尾。
fgetc: 取得文件指针所指的字符。
fgetcsv: 取得文件指针所指行,并解析 CSV 字段。
fgets: 取得文件指针所指的行。
fgetss: 取得文件指针所指的行,并去掉 HTML 语言标记。
file: 将文件全部读入数组变量中。
file_exists: 检查文件是否存在。
fileatime: 取得文件最后的存取时间。
filectime: 取得文件最后的改变时间。
filegroup: 取得文件所属的群组。
fileinode: 取得文件的 inode 值。
filemtime: 取得文件最后的修改时间。
fileowner: 取得文件的拥有者。
fileperms: 取得文件的权限配置。
filesize: 获得文件的大小。
filetype: 获得文件的类型。
flock: 锁住文件。
fopen: 打开文件或者 URL。
fpassthru: 输出所有剩余资料。
fputs: 写到文件指针。
fread: 位组的方式读取文件。
fseek: 移动文件指针。
ftell: 取得文件读写指针位置。
fwrite: 二进位位方式写入文件。
set_file_buffer: 配置文件缓冲区大小。
is_dir: 测试文件是否为目录。
is_executable: 测试文件是否为可执行档。
is_file: 测试文件是否为正常文件。
is_link: 测试文件是否为链接档。
is_readable: 测试文件是否可读取。
is_writeable: 测试文件是否可写入。
link: 建立硬式链接。
linkinfo: 取得链接信息。
mkdir: 建立目录。
pclose: 关闭文件。
popen: 打开文件。
readfile: 输出文件。
readlink: 返回符号链接 (symbolic link) 目标档。
rename: 更改档名。
rewind: 重置开档的读写位置指针。
rmdir: 删除目录。
stat: 取得文件相关信息。
lstat: 取得链接档相关信息。
symlink: 建立符号链接 (symbolic link)。
tempnam: 建立一个具有唯一文件名的文件。
touch: 配置最后修改时间。
umask: 改变目前的文件属性遮罩 umask。
unlink: 删除文件。   
Pages: 1 2 Next