* You are viewing the archive for the ‘网页设计&用户体验’ Category

网页设计师如何搜集资料?

以下场景至今仍然在我们的设计服务过程中比比皆是:
客户:“请你帮我设计一个网站吧!”
设计师:“好的,请给我设计需求和项目计划。”
客户:“我们需要一个比较时尚的网站。”
设计师:“我说的不是风格,而是你们的资料和计划。”
客户:“哦,我们没有什么资料,你是想要我们的公司LOGO么?”
设计师:“我的意思是你们做网站的目的,预算,分析等。”
客户:“这些资料没有哦,你不是设计师么,可以帮我们设计?”
设计师:“………”
是的,这种一穷二白的戏码不是简单的供求矛盾,而是一个实实在在的问题。大部分的客户和设计师之间的合作都处于一个紧张的状态中,一方面客户无法准确表达内心对于设计品质的要求,并将要求文档化、数据化;一方面设计师又总是很被动的“等着”资料,“等着”需求,“等着”建议,“等着”分析…….

设计师作为一个服务性工作+创造性工作的岗位,我们偶尔会忽视服务的部分,从接触客户的第一次开始,我们的服务其实已经开始。而面对这样的“需求尴尬”情况,如果你希望做得更好,设计师应该以主动的姿态去获取需求,挖掘需求,固定需求。

也经常有人问起:“如果客户连基本资料都不给我,我怎么开始设计呢?”,其实有些东西通过观察,搜索,整理,分析,我们自己就可以找到很多的,来看看具体要怎么干:

搜集设计线索

作为一个项目合作(或者公司中一个产品的研发初期)的开始,有两个方面是设计师应该马上开始动手的事情:一是如何搜索关于设计的线索,二是搜集客户的资料。先说第一个关于设计的线索。

设计的线索不是指你去搜集别人好的作品,那是创意储备,你就算下载几万张图片,那也都是别人的作品,对你的帮助仅仅在于欣赏或者寻找灵感,多看别人的作品更多的作用是寻找同类产品之间的品质区别,如果运气比较好,你还能发现这些设计中的共同点,这些共同点构成了“产品应该有的样子”。设计的线索是:判断设计过程应该从哪个部分开始,从什么方向出发。

你也许听过你的客户这么评价你的设计:“是挺漂亮的,但是方向不太对,我们要的不是这样。”,这个错误的出现除了你的沟通能力有问题外,更多的就是设计开始的时候没有考虑到设计线索的事情 — 你把创意的那些“亮点”当成了线索,以为单纯的创意会带来客户的认可。

实际上,在设计过程开始之前,搜集线索可以从确定产品性质出发,就是要搞清楚客户究竟要的是个什么东西,比如客户只需要一个标志设计,你就应该考虑产品的范畴、公司的规模、经营的模式、以及标志的应用样例,而不是告诉客户,这个标志设计可以参考微软,因为你们都是做IT的……. 大部分客户在风格上实际是没有概念,而你把设计过程前置,最后给无数的修改埋下的伏笔,因为接下来客户一直在考虑:“为什么你的设计出来的标志都不像微软的呢?”

其次,设计的预算比例也是重要的参考方向,客户愿意花多少钱设计出多少内容,这些内容之间的关联性如何,这是我们需要考虑的。比如有客户希望做一套宣传画册,然后再改版网站,最后再统一到店面的形象,有可能你一个人(一个公司)是做不来的,这个时候普通的处理办法是再招二级外包 — 但是源头上你如何控制?这个设计过程的控制得优先考虑进去,否则最后就会出现延期甚至项目泡汤的情况。不同的设计预算决定了你的印刷成本、网站的版本数量和后台开发难度、用户体验的设计和测试是否完整、是否有额外的弹性费用支撑你的“突然灵感”。

然后,这个设计应该服务于哪些用户成为了最重要的部分,作为设计师你也需要了解市场,如果一个设计明知不可行而为之,势必会导致项目最终的失败,也许你的设计费是收到了,但是客户却永远的离开了你。“以用户为中心”其实是在提醒设计师 — 你设计出来的任何产品应该是有用的,能够解决某些问题的。设计不能作为花瓶,它总有打碎的一天。研究用户还有他们正在使用哪些产品,这些“或许已经成功”的产品就是你设计的原始线索。

最后,设计师需要了解项目的前因后果,你不会以为你就是第一个给项目设计开苞的吧?有些项目是别人转包的,有些是做坏的“烂尾楼”,有些是因为领导调动,有些更可能是因为和上一个设计师价格谈崩了(但可喜的是创意骗到了)。你擦亮你的双眼,才能把自己放在安全的位置,该出脑的时候出脑,该出力的时候出力,记得调整报价和设计时间就好。否则你的设计方向会一错再错,记住:对于项目性质有怀疑的时候,一定要直接的问出来,别扭扭捏捏不好意思,客户可不会和你讲客气。

搜集客户资料

关于客户资料的搜集,主要是为了侧面补充上述设计线索的不足,因为不同的客户情况也部分决定了设计线索的准确性和真实性。

公司情况,如果能够拜访客户的公司,你大概可以了解到公司的规模,运营情况,还有盈利的能力,公司人员的素质,老板对待问题的解决能力,他们是否沉迷于会议,公司的扫地阿姨是否把员工的桌面整理干净 — 大部分的细节都显示了一个公司对待产品与他的客户的态度。对了,客户的名片上其实也有非常多的信息,比如和你讨论项目的人的头衔,公司电话,传真,邮箱后缀等,逐一分析,收益无穷。

一个公司的基本面貌决定了他们对于设计的要求,以及对于设计合作是否诚恳,从对公司信息的掌握上,你还能了解到老板的文化,产品的基本风格 — 这些信息对于你在提案过程的表达上相当有帮助。

客户喜好,客户的品味需要通过交谈与邮件获得,在项目交流的空余时间内,你可以从个人生活,兴趣爱好还有人种学信息中了解到客户的喜好,这其实和你在用户研究当中做的一样,只是目的性稍有不同。关于客户的喜好,可以告诉你客户对于设计的主观评价力度,如果过于强势的客户,也许你在视觉设计的时候应该小心谨慎,如果是比较乐于尝试视觉实验的,你应该有更为大胆和惊人的想法。

客户在生活中的喜好,以及个人的品味决定了他找你做设计的初衷,除非你是业界的标兵,拥有漂亮的头衔和经历,否则迎合客户的喜好就是你必须的工作之一 — 它会有效的节约设计时间,降低设计稿件修改的次数。

设计评价,提前了解到客户方是如何进行设计的评审,以及谁最终将为评审结果负责也是非常重要的。在我天朝,设计方案的生死有很多情况不是由于质量,而是由于“情境”,关系户和恶意竞争充斥其中。评价的手段与方式,总能带出很多不客观的因素,包括人和人之间的相处,价格,领导亲属,流程,最后才是设计的品质。因为很少有设计师说得清楚设计的价值,以及“为什么这样做”,所以标准也就很容易掌握在有评价权力的一方。我的意思是,除了设计师自身的主动和随机应变,你至少应该知道,怎么样设计才是符合客户的需求的。

本文转自:http://lytous.ucdchina.com/?p=2280

作者:Lytous

网页设计师为何要铲除IE6这个老妖精?

最近很多网页设计师想铲除IE6.0这个老妖精,因为设计师们发现在应用DIV+CSS切图时,IE6老是和设计师作对,明明在高版本IE8.0和IE7.0甚至FireFox里面没有问题的页面,跑到IE6 .0里面却经常出现错位、移动、不能显示等现象。所以大家义愤填膺,一致声讨要铲除IE6.0这个老妖精。我对此有不同看法。

1、大家为什么用IE6.0,而不不用更高版本的浏览器呢?那是因… Continue Reading

从奥巴马的官方网站看网站建设的新方向

先看一下他的两个网站:第一个是奥巴马竞选网官方网站,另一个是他当选之后入主白宫之前用来征求意见的政府网站:http://www.change.gov,这两个网站设计风格都较为类似,采用PHP语言进行开发,DIV+CSS层技术的应用让网站的打开速度和用户体验都很好,页面设计采用民主党的深蓝,巧妙的应用了恶俗的渐变,让网页看起来很有时代感和立体感、层次感,符合“Web2.0”的设计标准。在具体的网站功能方面在下面李彦宏的文章中有所提及,在此不重复了。仅在今年1月份,他通过官方网站等网络渠道在民主党党内竞选时为他筹集了3600万美圆竞选经费的78%,90%的网络捐款每笔金额在100美圆以下。这么多的网络拥趸通过互联网渠道支持奥巴马,官方网站的重要作用可想而知。

延伸阅读:

1、《我们对奥巴马的完美期待会不会很快落空?》 ,这是俺的媒体偶像兼网友安替的一篇小文。奥巴马竞选官方网站是他在哈佛的同学Mary Joryce所负责的。真是比较巧哈,我还依稀记得我2005年大学要毕业的时候,在宿舍晚上一个人看他的《新新闻人自学手册》激动到热泪盈眶的样子,呵呵。

2、《李彦宏:奥巴马用搜索引擎营销赢得大选》

推荐一下阿里巴巴的用户体验部博客群

好的博客是一个学习的平台,能够对行业最前端的东西提出一些独特的建议,而且这一类的建议在普通的教程和一般的新闻综合站或行业站上是无法看得到的。因为很多东西都是他们个人积累的宝贵经验,很多东西虽然不一定对,但是作为一种有益的探讨还是非常有价值的,尤其是那些非常专业的博客。所以我觉得博客的分享精神是非常重要的。今天我要介绍的是阿里巴巴(中国站)用户体验部的博客

众所周知,阿里巴巴在电子商务领域对于用户体验(UE)是非常看重的。以至于很多客户问我要网站策划方案时张嘴就说,给我照阿里巴巴抄一个就行了,当然,这样的人明显是不太懂行的,以为几万十来二十万砸进去就可以做一个某细分行业的阿里巴巴。有理想固然是好事,但是也要靠谱实际点才行的。

我说阿里巴巴的用户体验好,并非只是说他的首页界面好,用户操作方便……更多的时候我喜欢的是他们在设计“网页招贴”的时候的那种驾轻就熟。同样的内容,在一般的网页设计师去排版时绝对只敢因循守旧,照普通的设计页面堆砌文字。而阿里巴巴则不是他们在很多时候把网页当平面海报做,寥寥数语点明主题,对用户的引导非常好,有时也会很多字,但是在处理每个小标题时也非常用心,这就是说把活做细了。所以马云敢说拿着望远镜也找不到对手的影子。呵呵。举几个例子吧,这是阿里巴巴首页上目前的几个推介活动或分栏目的链接,大家都可以点进去看看:

http://page.china.alibaba.com/winport.html?tracelog=ad_index_952×32_wp

http://info.china.alibaba.com/news/subject/v5003000-s5024856.html?head=clr&tracelog=ad_index_952×32_e

http://club.china.alibaba.com/html/2008zqtest/index.html?tracelog=ad_index_328×90_f_08

万户网络和阿里的下属公司阿里软件是合作伙伴,在设计相关网页界面时,传统的网页设计师和阿里的设计师冲突非常大,最后在阿里的身上,我们也学到了不少的宝贵思想和经验,这些可是金钱买不到的,呵呵。

阿里巴巴的用户体验部是一个年轻充满活力和竞争力的团队,博客的内容非常贴近工作实操和生活实际,不摆谱,不写论文冒充专家,讲的都是干货,确实是国内UE界最优秀的团队之一。对此感兴趣的朋友建议都去看一看。

阿里巴巴(中国站)UED’S BLOG:http://www.aliued.cn

阿里巴巴(国际站)UED’S BLOG:http://www.aliued.com/blog

口碑网UED ’S BLOG:http://ued.koubei.com

淘宝网UED ’S BLOG:http://www.uiplanet.com/taobao

阿里巴巴核心产品部UED’BLOG:http://www.alicpd.com

阿里软件UED’S BLOG:http://www.alisoftued.com

中国雅虎UED’S BLOG:http://www.yuiblog.cn

营销型网站如何提高用户体验,做好网络营销

      网站的用户体验正日渐被提高到一个新的高度来被大家所重视。而在2005年以前,大部分的网站均以自我表达为主,不太重视网站浏览者的用户体验,尤其是细节的用户体验。而张瑞敏说过“细节决定成败”,在网站用户体验这个问题上,这句话同样适用。下面谈谈如何提高网站的用户体验。网站不是给客户使用的,网站是给客户的客户使用的。网站的内容,风格等由网络公司的专业人员和客户相关负责人来规划完成。现在大部分企业网站的建设过程并没有这个网站的目标客户,网站真正的使用者参与。只有让网站的真正用户来参与,才能让网站的投资真正得到回报。

1、以用户能在网页上最快的找到自己需要的东西为体验标准。
    “让用户尽快离开我们的网站”这是GOOGLE提出的伟大理念,GOOGLE认为网站的功能是使浏览者迅速的找到自己需要的东西,一旦找到自己需要的东西,那么该网站作为“工具”的使命即已完成,他们建议用户此时关闭GOOGLE的浏览窗口,以节省更多的网络资源。虽然这一观点完全用到企业网站上并不可取,但至少其告诉我们一个真理便是:只有让用户在页面上以最快速度找到自己所需要的内容的网站,才是一个符合现时网站用户体验标准的好网站。

2、页面视觉流程导向既要合理也要明确。
      版面的设计大小适宜,重点突出。要根据网站的重点,对于内容进行合理的版块规划,页面需要有视觉焦点,各版块大小分配轻重要合理,不能将版块都均衡分配。视觉流程是指网站界面设计对于用户的视觉引导,第一眼看哪,第二眼看哪,哪里多看一会,哪里少看一会,这些都可以通过页面视觉流程的规划来实现。不少人认为网站的版块布局、色彩搭配、字体应用只是页面美观问题,其实这更关系到用户心理学的研究。清晰的视觉流程,不但可以提高用户在网站的停留时间,更可以增强用户的浏览意愿,提高网站的购买率。主要要注意以下几点:
    其一是版块布局要大小适宜,重点突出。有些网站为了让客户浏览更多的产品,恨不得将首页排得满满的,以为这样就可以让用户多些点击。其实不然,用户的精力是有限的,太多的内容只会让客户感觉到视觉疲劳,反而减少在网站停留的时间。
      如国内的豆瓣网即非常注重这一体验。该网站的首页在规划上以浏览者的心理为主,导航栏放在网站的最上方,最近更新的内容放在网站的左侧,而对于用户关心的内容则放在用户的右侧,这对于用户来说其浏览体验是非常之好的。能让浏览者根据从左至右的基本视觉流程最快的找到自己需要的东西。
      其二是色彩搭配要协调,主次分明。豆瓣网站采用淡绿色符合豆瓣白领知识分子用户群淡雅气质需求,淘宝网站采用充满活力的橙色和金黄色同样符合网站的红火属性。不同的色彩,对人会有不同的心理暗示作用;同样的色彩,与不同的颜色搭配,采用不同的明度、对比度,对于用户也会产生不同的效果。网站需要有主色与辅助色,一个网站页面上同时出现的色彩不宜超过三种,色彩主次要分明。电子商务网站应该以产品展示为主,网站色彩的运用不能喧宾夺主。
      其三是字体及图标的应用要节奏和谐,适合阅读。为了吸引用户在网站上停留得久些,电子商务网站不仅要有精美的产品图片,更要有适合阅读的字体。虽然网页上一般是采用默认的宋体,但是在文字的大小、间距、粗细、颜色上依然要有所考究。文字就像有节奏的音符,恰当的文字排列使得用户阅读更加舒适,不当的文字排列则降低用户的阅读兴致。节奏和谐的文字排列将增强用户的阅读时间。
目前国内的网站字体大小越来越倾向于采用14PT的字体,不少网站纷纷将其字体设置为14PT,以供浏览者方便的浏览。同时在排版上基本抛弃了传统的“竖三栏”模式,开创了更多新的网站模式。值得我们注意。

     在网站建设过程中我们不仅要经常以普通用户的身份去体验,网站开通后要经常与大量真正用户深入交流,了解他们的真正需求及体验感受,网站是否有营销性的语言引导用户,每个提示是否让用户真正明白。第一次来注册的用户,使用了网站部分功能的用户,和网站的忠实用户,当他们登录使用功能时,我们最希望他们分别看到什么样的页面及内容,才能使他们更认可您的网站等等,这都是策划者要去经常研究的。
      关于网站建设的调研工作可以由专业的调研公司完成。也可以由网络公司和客户共同拟定调研问题,包括希望网站提供什么内容,提供什么服务等等。做好调研问卷后,以电话,传真或者邮件的方式向网站用户征询意见。最后获得的调研结果,做为网站建设规划的参考。
      增加这个简单的流程并不会增加太多的时间和成本,但是可以让网站的规划和建设更加贴近网站的目标客户,大家经常谈以客户为中心,这个流程也是以客户为中心的体现。
      网站建设的过程中,设计风格,项目原型和项目成品,多数是网络公司自己完成后,再由客户来测试,并反馈修正的过程。这样一个过程应该有网站的真正主角,网站真实用户来参与。根据网站在各个阶段用户的需求,各个时间的用户量,网站内容的更新频率,需要不断的调整网站页面结构,改进网站的功能及模式。在网站开通之初认为好的模式,当运营一段时间后,内容增多了,用户增多了,就会发现一些模式其实是不合理的。
      比如,当一个网站有很多收费用户的时候,我们要服务好收费用户,在页面上要重点体现收费用户的内容;而早期时却要对免费的、推荐的用户多关注;当内容很少的时候,会将最新放到一个重要位置,而当内容非常多的时候,就要把推荐的放到一个重要位置;当用户很少的时候,我们要采用一对一的方式去培育用户,在页面上对他们重点关注;当用户很多的时候,我们应该对非常活跃的、高质量的用户多关注等等。
      在设计风格确定阶段,应该向用户寻求意见。到最后网站上线前的测试,最好是有专业人士观察他们的整个操作浏览过程,并在旁边进行辅导沟通,最后分析用户的操作行为,得出网站改进修正方案,这样比单纯的客户反馈更科学有效,而且避免了个人,特别是客户决策层的主观臆断,从而提升网站的可用性。
    总之,网站的设计,一定是要面向用户的,这样的网站才有生命力。网站失去了浏览者也就失去了活力,最终使网站变成死水一潭,这与网站建设的初衷是相违背的,我们应当加以纠正。注意网站的细节语言。

如何设计面向终端客户的营销型网页

    网页作为互联网最直接的表现形式,正在越来越多的被人们所重视。放眼网页设计发展历史和现状,无论是如今提倡的用户体验(User Experience)还是产品体验,作为被动接受信息的浏览者来说,网页是一个最有效也是一个最直接的传播媒介。因此在不断提倡网页优化和用户体验的今天,我们应在网页上研究如何传达给浏览者更多的信息。
  在具体设计一个网页时,我们的设计师通常会遇到一个问题:网页设计在中国作为一个新兴的设计领域存在仅有短短十余年时间,大部分的设计师可参考的经验都为纯平面设计经验,没有太多的去考虑网页本身的属性和特点去设计,而另一方面懂html代码、强调CSS+DIV的设计师则更多单纯的喜欢去从页面打开速度等技术角度去考虑,在美观上不太注重。我们认为一个好的网页设计师一定是能兼顾这两点的。
  一般说来,黄凌认为网页主要分为全动态(Flash)页面、半动态页面(大的Flash Banner加少数几个栏目)和信息型页面这三种。在设计这三种不同形态的页面时我们应充分根据客户的特点去设计网页。
      在网页的设计上,黄凌的观点是强调抓住客户的特点去设计,不论是产品特点还是服务的特点,设计师都要主动去思考要如何设计才能打动客户的客户,而不是仅仅满足于取悦客户。只有打动了终端消费者的设计,才是最成功的设计。尤其是在现在网页设计缺乏充分行业经验没有条条框框限制的时代更是如此。
  设计师设计出来的网页,大部分都是直接面对终端消费者的,而为什么客户一直翻来覆去的改,设计师有时会觉得很烦,很多的时候是因为在设计时设计师还没有换位思考站在客户的角度去思考如何打动客户的客户。
  “电脑显示屏幕平面网页媒体——>用户主动、即时点击互动了解产品/服务——>达成好感/意向/交易”这是网页设计的脉络所在,其本质是起到一个沟通媒(中)介作用。网页设计既不同于普通的平面设计,也不是简单的页面拼贴,她是一种在全新媒体(电脑)上的新的沟通媒介。静态页面的朴实,FLASH的炫动,DIV+CSS的简洁快速,网页功能的丰富,无论是美还是“丑”,是国际化风格还是“土鳖”风格,简单几个页面的企业介绍还是融入了各种复杂在线系统的网站,一切的一切,都是为了上面这3个步骤服务,只是看你自己的功力达到了上面的哪一层。

更多体会日后再详谈。