网站用户体验设计-工具型网站的体验设计——从广告平台出发

一 : 工具型网站的体验设计——从广告平台出发

题记:从2010年进入公司至今2年半的时间,我一直负责广告平台部门的产品设计。从陌生到熟悉,不知不觉间我竟已对这些产品倾注进了感情……

工具型网站的特点剖析

工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据。所以谈至“体验”,其实设计目标也就更加清晰和明确——

1。在保证功能流程顺利走完的基础上,让用户的感觉更加舒适;

2。在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。

工具型产品普遍业务逻辑复杂且迥异,数据量大,往往还涉及不同角色的场景分类……套用一句老话:水很深。 设计目标则成为了一盏心中的明灯,时刻提点自己要留神脚下的四伏的暗礁。

功能设计之我见

一级准备

在处理功能设计之时,我奉行一句话:先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向,往往会在原有的基础上增加操作分流;而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手,其结果就是设计进行到一半,问题暴露然后返工,更悲剧的是全套设计稿看似高效地做完,之后却面对全盘洗稿的惨剧。

“脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图?专业软件Mindmanager、Xmind、FreeMind也好,最原始的笔和纸也罢,只要能全面清晰地表现“关系”和“影响”就已经完成了使命。

上个月正值“广告经理”在原有的支持PC端用户建立广告位并制作广告,查看效果的基础上,增加支持移动平台业务的功能。牵一发动全身,移动平台业务的功能加入使得整个“广告经理”众多模块都受到影响。下图便是在与产品经理召开需求会议的同时诞生的关联模块草图。这张草图既能在设计开展前期就相对准确的估计新版本的设计方向与工作量,又能在设计过程中保证设计侧重点与功能设计的完整性,作用不可小觑。

“脑图”不仅仅有宏观把控的全局意义,而且也同样可以具备指导设计工作细节的现实价值。

同样以此次“广告经理-移动平台版”为例,加入了移动业务,必然导致各原有主功能的走向出现分流,而基于广告的业务逻辑,不同平台上的广告大到展现形式,小到允许输入的字符数等等都会出现不同的变化。静下心来通过“脑图”梳理分流时的各种情况,然后淡定的打开设计工具开始工作,这肯定是比自以为很清楚,做到哪算哪来的科学和高效的,不是么?

功能的平台表现形式

功能模块具体落实到网站中,其表现形式大体包括:表单及其对应控件、按钮、信息反馈及提示,相互之间的关系便如下图所示。

如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。

在智胜广告平台(AdWIN)的设计中,用户登录后便直接进入“个人首页”,在这里我们需要放置本平台最基础同时也是用户所有活动的出发点:创建广告。因此我们有理由在这个页面强调该入口,使它即能对新用户起到传达本平台的最大功能同时引导操作的作用,又能让老用户在登录之后直奔工作主题。

广告系统的设计特殊性还表现在页面的操作流程很大程度要参考广告业内既有的规范,这样便于用户理解流程的同时也能更高效的帮助用户完成目标工作。因此在设计过程中也会诞生很多“为广告而生”的表单与控件。根据实际业务的不同,对待某些重要的业务流程,设计师在理解业务的基础上,完全有必要跳出以往常规控件的束缚,为产品专门定制设计方案。比如为排期与资源专门设计的特别定制、视频广告的关联设置等。

业务性较强的功能,用户所需要填写的表单项势必远远超过单屏,应此将用户表单输入做到恰到好处地贴心,也是工具型网站的一个细节设计点。

在聚赢广告平台(MobWIN)的设计中,遇到过广告推广语的输入字数限制十分苛刻的业务要求:“推广语1”字数不得超过10个汉字,同时不得少于9个汉字;“推广语2”字数不得超过12个汉字,同时不得少于11个汉字。这是由WAP1.0和WAP2.0或触摸屏广告位可显示的字数决定的。如果直接用文本告知用户:“您只能输入9或10个汉字”,首先文本信息很可能会被用户忽视,其次如果不做任何即时判断,在用户完成漫长的表单填写后,点击提交却因此受挫,那必然是十分苦恼的。因此针对这个文本输入框给出了如下设计方案:

功能的增值设计

功能模块在完成它自身价值的同时能不能产生额外的价值?这貌似应该是产品经理在策划这个功能之初就要想到的问题。而设计方能为功能增值做些什么呢?我们完全可以通过对页面结构的设计和流程的微调让它更好的达到增值的效果。

再用广告经理这次的移动平台新功能的设计做案例。新建广告位的流程是用户建立广告的必经之路,我调整了本该放在基本表单中的“平台选择”RadioButton,把该属性提取出来,作为信息传达重点,加入了设计元素。想必这种形式更能使“广告经理已经支持到移动平台”的信息深入人心,其价值也超过了功能本身。

数据的处理

在实用型工具类网站中,用户均被打上了“业内人士”的标签。他们大多出于工作或商业等目的希望获得对自己有用的专业数据。在广告平台的这些项目中,我们使用了如下几种信息处理方法:

分角色显示数据

从最外层就先为不同角色的人匹配了他们各自需要的数据,进行了第一步数据去噪。当然能够使用这种处理方法必须是建立在角色与诉求够清晰分明的前提下。

数据搜索与过滤

无法按角色或已经按角色去噪之后还留有海量数据之时,数据的搜索与过滤就提到了体验设计的第一位。搜索项是否符合用户实际操作逻辑?搜索中用到的控件是否合理与便利?搜索条件何时取交集,何时又呈现并集,又该如何清晰传达给用户?哪些项可以放入高级搜索?……随着设计的深入这些问题便会应运而生,而它们确实值得设计师深思熟虑。

业务上需要的搜索项过多,而选项全部罗列会导致搜索模块过于庞大时,可以类似Google Adwords采用点击激活浮层来进行单项设置,用户在操作时也相对专注。收起检索条件模块,不让复杂的搜索条件干扰用户对结果列表的阅读。甚至可以基于业务特点为用户提供保存查询条件的个性化服务。

数据本身的展现形式

这里我们不谈视觉效果令人为之惊叹的信息可视化处理。传统数据的展现形式不外乎:列表、饼图、柱状图、趋势图等以及它们之间的组合。设计师在运用时,不但要了解页面中不同数据所对应的展现形式,还要将它们有机的结合排布以达到良好的阅读体验,必要时可以对传统的展现形式做一些设计上的处理。

用户自定义

上面就说道过,工具型网站的用户普遍定义为专业用户,他们对数据获取要求也是严格的。在对重要数据的展现中会出现更高级的操控功能,以满足用户对数据的自由获取。

写在最后: “还可以更灵活,还可以更好用”,再回头看这2年来的设计稿,我常常会有这样的想法。工具型网站的体验设计的确还有很多值得深入挖掘研究的地方,业务逻辑和需求的不同更会延伸出多样化的设计解决方案。

文章来源:Tencent CDC Blog

二 : 怎么设计出符合用户习惯的网站产品?

技术相对来说我们只要列出功能要求,然后去实现就可以了,可是用户的心理活动,是我们需要反复总结揣摩的。

要知道客户访问中会遇到那些问题

我们在进行每一个页面设计的时候,要充分的进行调研或者说是从客户的角度来反复的进行总结,客户在访问这个页面的时候,会遇到那些问题呢?比如,他们在浏览一个产品页面的时候,可能对这个产品感兴趣,然后他们会有那些心理活动呢?

或者想进一步了解这个产品的质地,然后是产地,他们可能还关心原材料是否是环保,我们是不是在适当的地方,加入一个关于原材料的介绍?或者他们想了解下这个产品的价格,我们或许应该做一个价格分析的页面;或者是用户还没有注册,在对自己的产品感兴趣后,想马上注册一下成为会员,那么,我们的这个产品页面是不是马上有引导用户注册的链接呢,而不是要客户再打开别的页面找可以注册的链接?然后客户可能找付款,不满意了想退货,或者要马上找客服进行咨询,咨询一些网页上没有的东西。等等,客户的所有的这些心理活动,我们在进行页面设计的时候,都要充分的考虑到,而且很有必要列出一个表或者关系图,在页面上进行规划布局。

如何让用户快速的找到他们想了解的内容的链接

首先,我们网站制作要要遵循一些用户的浏览习惯,操作习惯。比如一些客户想找到网站管理者的联系方式,或者客户代表的联系方式,取他们的联系方式。他们习惯找联系我们,或者是客户服务这样的字眼,一些客户想注册成为会员,他们习惯在页面的上方导航栏附近找,因为很多网站的注册会员都喜欢放在这里,用户习惯了到那里去找。

再就是要顺着用户的浏览的目光以及思路的变化或者逻辑关系的递进来进行链接设置。这点大家可以参照淘宝的做法,比如一些用户选定一个商品之后,接下来的动作会有:

1,付款 ---- 反悔了,不想买了,退款;

2,发货了,客户后悔了,问能不能退货退款;

3,收到货了,不满意,退货退款;

4,订单下下去了,突然想看下自己有没有选错商品等等。

这些都是用户的行为思维可能会遇到的问题。我们在这些地方都要布置相关操作链接,按照用户的逻辑思维设置,方便用户操作。

很多时候,我们往往需要进行一些头脑风暴,让团队人员来一起总结列出用户的所有可能会进行的操作,然后画出所有可能的逻辑关系图,在适当的地方设置用户想要的链接,让用户随眼就能发现而不需要再到处找。特别是对于购物类的网站,客户的迟疑以及多一些停留,就多了订单流失的可能。

要让用户通过链接找到自己需要的东西

笔者就有这样的体会,进了一个公司的网站,真的对这家公司的产品感兴趣,想了解一下这个公司的产品。就想找下他们业务的联系方式。结果找“联系我们”这个链接,进去之后,只有E-MAIL,,在线留言,以及一个QQ客服,QQ客服发信息半天也没有信息回复。老天,我想马上电话了解一下或者能得到客服的一些解释,竟然没有。这样,我只能怀疑的离开。我们的网站链接,要实现链接的作用,空链接以及链接到那些驴头不对马嘴的地方,只会对用户形成不好的印象。

以上的这些是个人在做网站建设的时候的一些体会,希望对大家有用。

三 : 网站建设中如何把握好交互式和用户体验

由于现在互联网行业的告诉发展,随之移动互联网的兴起,众多的智能手机出现,随之而来的便是大量的APP应用程序。移动互联网的应用程序无疑是带动交互式用户体验的主要途径。随着人们对移动互联网的不断认识和熟悉,对于交互式用户体验方面也变的要求越来越高,对于网站建设这个行业来说,网站的建设也应该遵循交互式网站建设和交互式用户体验的理念,在网站建设中不断加入交互式网站效果,让网站能够为浏览者提供更加有用和更加舒服的用户体验。在交互式网站建设中,我们应该注意以下几点内容。

一、通过网页提示方式,引导用户如何进行注册或者如何进行浏览网页

通过使用弹出窗口或者弹出图层的方式,引导用户如何继续进行浏览或者告知用户网站可以为用户提供哪些信息和帮助。如果我们的网站是以交友方式为目的的网站,那么最重要的就是要让网站浏览者在我们的网站上面进行注册。这时可以采用注册引导方式,通过一步一步的点击方便的让用户在我们的网站上面进行注册,这点可以参考新浪微博或者腾讯微博的注册引导方式。当我们的网站进行改版或者部分板块合并之后,为了防止用户找不到合并后的板块的位置,可以采用提示引导的方式,告知用户网站上面的哪些板块被移动了,这样可以防止用户在浏览新版网站的过程中,找不到自己想要的信息而退出网站。

二、通过网站信息提示的方式,引导用户信息是否提交成功,判断用户行为,增加用户体验

有时在进行网上购物的过程中,在选择好自己所需要购买的商品后,最后一步就是对购物车中的上面记性结算处理。很多的网站在购物车结算这个环节上面做的都很不够细致,作为网站使用者来说,购物车结算这个步骤应该是比较关心和小心的,但是往往很多的购物网站整个网站都做的比较专业和体验度比较高,往往在最后这个步骤上面做的不近情理,在提交完购物车结算之后,如果出现网速比较慢的情况下,往往会不清楚自己到底有没有提交成功,没有任何的提示,有时明明提交成功了也不清楚,这时网站建设的人员可以在这个环节上面增加一个“订单正在提交,请稍候。”这样的字样,单单这样一个简单的小小提示,就能在很大程度上增加了网站的用户体验度。

三、网站表单提交页面,应该使用及时提示错误信息,让用户能够马上明确自己所填写的信息是否正确

每个网站几乎都有表单提交的页面,在以前的网站中,表单提交往往都是在填写玩一大堆的表单信息后,点击提交按钮,如果所填写的信息出现错误,就会弹出一个对话框,然后再重新返回,重新修改错误信息。如果我们在表单填写的过程中,可以随时的清楚自己所填写的信息是否正确,那岂不是更好的。这时需要网站建设的人员对表单进行ajax表单验证,使用JS代码和网站的数据库进行链接比较,然后及时的把错误信息呈现给用户,可以让用户及时的知道自己所填写的信息是否正确。

四、通过使用不可点击状态,告知用户该信息是否可以继续浏览或者使用

这点可以表现为在发布一些信息的时候,比如文章,心情,状态的时候,如果所发布的信息是空的那么当前的发布按钮就会为灰色或者不可点击的状态。这样当用户在想要发布信息的时候,不用去刻意的告知用户所发布的信息不能为空,而只需要把发布按钮变为不可点击状态就可以了。一方面不会影响页面的整体美观,另一方面还增加了用户感兴趣度,在一定程度上增加了网站的用户体验和交互式网站建设。

(内容为空时,按钮为不可点击状态)

(内容不为空时,按钮为可点击状态)

五、通过自动加载的功能,为用户加载更多的网站内容,而不需要点击下一页或重新刷新页面

我们都知道,每个网站都会有分页的页面,以前我们在百度中搜索图片,其搜索结果也会以分页的方式展示给用户,但是现在你再去百度中搜索图片,则不会出现分页的现象,而是把原来的分页改为现在的加载更多。这样做的好处是一方面可以减少用户每次查找图片都要一页一页翻的烦恼,其次是可以方便用户对所需结果第一页中内容和第二页中的内容进行比较,从而增加了网站与用户的交互性也增加了当前页面的用户体验度。

想要做好交互式网站建设和用户体验度,就要对所建设的所有网站的每一个页面都要注重起来,网站中的每一个页面都要尽量做到用户体验特别好,在建设每一个网站的时候,都要站在网站浏览者的角度去制作,只有这样才能建设出一个用户体验比较好的网站,才能让自己建设出来的网站更有效果,才能为交互式网站建设奠定下一定的基础。

四 : 教你怎样提高网站用户体验度

当然用户需求众多,我们也无法一一对此进行满足,我们的重心更应该把握在潜在用户中,也就是绝大多数用户需求,潜在用户访问网站,是否能够让用户获得信息非常重要,尤其是降低用户获得信息的成本。那么,如何提高网站的用户体验度呢? 我们应该从哪些方面入手呢?

1、网站打得开

网站是企业营销的媒介,既是企业的营销方法,也是提供用户信息的场所,因此制作网站的目的是让需求用户进行访问。然而,很多企业对此并不是深入了解,甚至有所忽略其网站速度的重要性。据有关部门数据调查显示:网站速度直接影响到网站营销力,2秒以下为最佳效果,而6秒以上网站的营销力就大大下降,潜在用户往往“耐不住寂寞”会直接关闭网站,停止继续访问。可见,提高网站速度的重要性非同小可,至关重要。目前互联网中也存在较多的网站速度诊断和优化工具,比如:百度统计速度诊断工具就提供了不错的优化建议,值得进行尝试。当然,也可以请不同地域的朋友ping效果,打开网站是否受影响,搜集数据之后进一步探讨解决方案。

2、网站美观度

网站的美观度非常重要,是用户访问网站的第一感受,倘若网站第一视觉就给人以“专业,信赖”的感觉,那么网站营销的成本就会大大降低,当然网站设计效果也是根据行业不同,企业性质不同而决定,但是网站美观度中必须做到布局合理(主导航,面包屑,链接等),页面效果中文字排版层次清楚,颜色能够搭配得体,能够整体体现出营销重点,其次还需要做到简洁,逻辑结构清晰,让用户一目了然。

3、网站丰富度

网站的丰富程度直接影响到用户能否找到所需,能否真正获得信息解决疑惑,网站丰富度不仅仅是体现在内容页面中,虽然内容页面是大多数转化页面,然而向必要的一些资讯也是必不可少,比如:企业简介(能否体现优势很重要),成功案例(提高促成转化),电话,在线咨询以及留言等都是必不可少的互动。这些都是一个营销网站必备的素材,缺一不可。

4、数据收集以及处理

用户体验的角度很广泛,往往很多细节都会有所影响,因此对于数据的收集和处理至关重要,像诊断网站速度就是数据收集的一部分,目前国内也有不错的数据统计工具,像百度统计工具有很多功能都非常不错,智能热力图,网站营销质量分析工具这些无疑是对用户访问情况的数据收集,针对收集整理出的数据以及分析,能够对网站进一步做出更为准确的调整,让效益进一步放大。

下页更精彩: 1 2 3 4 5 下一页
上一篇: 孕中期性生活姿势-孕期性生活姿势,孕期性生活姿势推荐,孕期性生活参考姿势 下一篇: 终极一班剧情分集介绍-终极一班3分集剧情介绍(共40集)

优秀文章