发表时间:九月 13th, 2009, 作者:胜哥
发现了一些人们使用网页的习惯以后,我们设计页面的时候就可以有针对性的做一些处理,同时要满足人的心智模型来做一些常规的、通用的设计。我们的每一个网页都要考虑为两种用户的设计。
一种是老用户,这类的用户对我们的网站有一定的了解或者比较熟悉,他们对页面的了解会让他们潜意识里避开他们认为不重要的,或是与他们本次访问目的无关的部分。他们希望的是快速的使用和操作,所以,我们要做好针对老用户的快捷通道和操作,避免一些过分的干扰元素。如果网站推出了一些新的活动或者功能,也可以在重要位置给出提示,让老用户知道。
另一种是新访问者,对于新访问者要做好营销和指引。营销是多方面的,可以是对商品或者资讯的推广,也可以是营造的提升网站信任度和人气的氛围等。相对而言,指引就更加重要了,让新用户在使用网站的过程中,疑惑尽可能的少,产生疑惑时,马上就可以找到相关帮助和指引。
一般网页的设计师或是策划人员都是比较熟悉互联网操作的人,在设计网站时,一般会在潜意识里按照自己的喜好或者是习惯来设计,这就容易造成他们设计的网页或者是交互的流程是自己认为很满意,很少去考虑一些异常的情况或是操作流程。其实绝大多数的网民对互联网的使用都还停留在初级阶段,他们不像网页设计者那样熟悉互联网,熟悉你们公司的流程,熟悉你们术语。所以今天要给大家总结下网站可用性设计的几个经典要素。
1. Don’t make me think
不要让我思考,不要让用户思考,你的网页应该是不言而喻的,一看就懂的,要在三秒钟之内,让用户理解这个网站或是网页是做什么的。
2. 最小化设计
如果把过多的信息都塞进有限的网页中去,用户就很难找到自己感兴趣的东西,可以想象一下密密麻麻的网页,需要滚动好几个屏幕的网页,你作为用户的时候会很有耐心的去看这些东西吗?所以,减少页面的噪音把,尤其是在一些流程的交互页面,更加要注意减少让用户可能中断流程的操作和跳出页面的链接。如果大家留心的话肯定会发现很多网站的注册和充值的页面都非常简单,这里你唯一能做的事情就是把这个流程走完。
要注意图文混排,网页上图片和文字的比例应该遵循一定的规则,比例失调就会造成审美疲劳而失去重点。一般来说,栏目首页的图文比例在3:7为宜。网页或者图片上的文字要尽量简洁,用户不是到你的网页来看做阅读理解的,所以,还犹豫什么,赶紧去精简把,精简到你觉得不能在精简为止。
3. 给用户反馈信息
在适当的时候要提供适当的反馈信息给用户,例如,用户进行了上传文件的操作,那么就告诉他,我正在帮你上传文件,并给出进度条提示,上传成功后,也别忘记夸奖下用户,恭喜你,成功了。
如果用户做了某个操作,却得不到信息,或者要等待很久才知道他所做的操作是否正确,那么他的效率和心情可想而知。
4. 符合人们的心智模型
我们要使用用户熟悉的词汇、惯用语和概念,而不是高深莫测的技术用语和你自认为很酷很炫的名称。同时,界面设计也要遵循一些公认的惯例,体现出控制与效果之间的良好对应关系。打个比方就是,如果它是个按钮,那么就让他长的像个按钮吧,让用户知道这个是可以点击的。
5. 保持一致性和标准化
每个网站都有自己的设计风格,请保持它的一致性,并且为相似的任务或操作使用相似的元素,这就好比我们装修的时候,每个房间的房门都统一是设计成朝里或是朝外拉开,而不是有的房间朝里,有的房间朝外。
对于同样的操作、功能或是其他的事务,命名要保持一致,不要这个按钮叫钮叫OK,在来一个叫确定,还有一个叫好的,这样用户就会莫名其妙。
6. 帮助用户诊断、识别和修复甚至是预防各种错误
标签: 用户体验
发表时间:九月 11th, 2009, 作者:lijin
新版一键填单终于上线了!首先表扬下我们Panli程序员,因为有他们出色的技术能力以及认真负责的工作态度,我们UED团队的想法才得以准确实现。当然也希望广大网友对我们产品提出宝贵意见,我们永远不会满足,寻求不断改进。以下为一键填单正常情况下的三个步骤:
一键填单(第一步)
一键填单(第二步)
一键填单(第三步)
新版本不但在视觉上更加迎合网民,更重要的是用户体验的提升。
首先来说说视觉,窗体采用橙色为主色调,根据色彩心里学,橙色可使人心情舒畅,产生兴奋感。文字的颜色也有讲究,一般文字是用黑色或灰色;提示性的语句用相对温馨一点的蓝色;需特别注意的用红色,起警示作用(如下图);成功提示用绿色(第三步),填完代购单需经历两个步骤,而绿色对疲惫与消极情绪有一定的作用。设计版面时,特别注意了网站的层次感以及窗口布局的齐整,这样能让用户感觉舒坦。
用户体验上的改进,第一,增加了商品图片缩略图,这方面的改进能起到心里暗示作用,用户更能确定这确实就是他所要代购的商品;第二,提示信息的改进,引导用户操作,即使初次使用一键填单也会轻松完成代购单填写;第三,表单的改进,这里主要重新设计了几个状态:1.蓝色边框的普通状态;2.抓取成功的是灰色锁定状态;3.未能抓取到数据情况下的警示状态,提醒用户手动输入数据;第四,完成填写后的提示,包括商品的信息和个人购物车的数据,加入这些提示,能让用户消除一切怀疑心态,让其确信商品已代购成功;
感谢大家对Panli的支持,欢迎各位留言。
发表时间:九月 8th, 2009, 作者:echomaomao
哈哈,看到标题是不是又被雷到了!赶在青春的尾巴上,偶也想潮一把,想学做做标题党。
今天要说的呢,当然还是关乎用户体验方面的问题咯;今天继续的依旧是昨天拼单购的策划,页面信心结构基本已经搭建成功,漂亮的小阁楼我已经看见了,就等着装修、粉刷验收了。
因为拼单购设计到前台、后台以及我们的业务操作人员很多的环节,所以在做的过程中,还是非常谨慎的。思考了很多用户在进行拼单的过程中,可能遇到的问题的收集,也找到了相应的答案;快下班的时候,我们可爱的d问了我一个问题,发现自己好像没有考虑到,于是找到相关负责人进行“交涉”,讨论的过程中,最终确定了一件事:
原始单形成人(第一个下单买商品的用户)如果原始单有人拼单,此后该原始单的用户撤单了,那么我们对于该用户将要做如何的处理?
1、限制拼单:该用户如果撤单了,那么就再也不能拼这件商品的单了;首先是该订单状态有变更,其次防止用户恶意操作;
2、积分如何奖励?原先是如果用户有人拼了他的单,那么系统是要给予他除了本身商品购买的积分外,还要奖励其他用户产生新单金额对应的积分的;但是现在这个用户他撤单了,我们还要给予他奖励吗?
回答是必须的,其他用户拼了他的单,在一定程度上是该用户促进了用户使用我们panli代购该商品,则即使他撤单了,我们还是要给予他相应的积分。
panli给了用户这么温柔的一双手,用户能感受不到我们的温暖吗?给我你的温柔,还你无限“钞钞”
标签: 用户体验
发表时间:九月 7th, 2009, 作者:echomaomao
看到标题,同志们不要被吓坏哦。着实是因为今天一天伤透了脑筋在思考接下来要上的一个功能(栏目):拼单购。
说到拼单,可能很多MM都知道,和姐妹淘们一起拼个单,买个国外某个化妆品。
现在说说panli拼单购得功能在策划过程中,遇到的一些问题,和思考的过程吧!
拼单购,首先我们面向的用户是海外的用户,他们有强烈的购买国内商品的需求。从各方面因素来考虑所以panli推出的这个功能,业务流程其实已经定好了,那么我们剩下的就是将功能体现到前台给用户来使用;
先说说第一阶段我的思路吧。
1、拼单首先要考虑的是,为什么用户要拼单?
2、我们希望用户以怎样的氛围来完成拼单购买?
显性展示用户拼单可获得的好处:
先回答第一个问题:为什么要拼单?MM们一起拼单购买某国外化妆品官网的产品,因为国际运费很贵;这次的促销活动中的产品,我只需要其中某些,需要别人跟我一起拼一下才能买下这套优惠套装。。。。其实归根结底还是因为拼单可以少花钱嘛;panli的会员拼单买东西,能有哪些优惠?省国内运费,还可以送积分(PS:积分可以积累兑换成人民币的说);虽然不能省去昂贵的国际运费,但是能省国内运费还能送积分,能省就省咯;所以页面中要将用户可获得的好处显示的展示出来!
网站起主导作用:
拼单购刚刚推出,与传统的国外代购的拼单有一些区别,在panli网站上用户还没有形成拼单习惯或者还不知道有拼单这么一说的情况下,网站方起到了很重要的作用。panli要推动用户来完成拼单的动作;呈现到页面上,就是我们需要明显的告诉用户当前哪些商品可以拼单;
完成了第一阶段的策划后,觉得页面体现内容还是不够,于是像领导求救;他当头一棒的提醒告诉我,我们要给用户营造一种时间紧迫的氛围,让用户来完成拼单的动作;
于是脑袋中立马闪现一个词:“十万火急“想尽办法勾引用户来拼单。。(想法是否有些恶毒?HOHO)
于是做了第二次的页面改版,在页面的相应位置加上了当前正在进行的拼单、可以拼单的商品数量、拼单进行时等相关内容、信息(因为我们不能用距离不能拼单操作的倒计时,所以要在页面上用隐形的信息,体现出显性的需求)
昨晚第二次改动后,盯着页面看了10分钟;我们的用户都是女生居多,女性对视觉给予的冲击和时间进行的刺激都是非常明显的,那么我们是不是可以将相关信息更加现实的体现?
于是我做了另一个改动:增大图片的尺寸;加大拼单进行时、可拼单商品等字的大小;
准备完成这次策划了,关掉了文档,想了想又打开文档再想想,有个非常重要的一点被我忽略了:用户也许会对拼单的时间、拼单的一些操作会有一些疑问,那么我们是不是可以在页面上增加这些帮助信息呢?
所以我做了第三次改动,在页面上增加了关于拼单可能出现的疑问的帮助信息;
最后综合考虑了一下,将帮助信息链接到论坛去,为后期论坛增加拼单等板块做前期的铺垫。。
+_+头好晕,写了一堆,不知道有没有把东西写清楚,今天先写到这吧。。好的产品时需要深思熟虑的,这是对用户的负责,也是对自己的负责。今天的一版到此为止,明天继续
标签: 用户体验, 设计思路
发表时间:九月 5th, 2009, 作者:胜哥
不知从何时开始,大家做网站都要讲用户体验了,
不知从何时开始,大家招聘都要招交互设计师了,
不知从何时开始,大家叫策划都感觉档次低了,
呵呵,从业几年以来,从程序转到策划,从编写代码到研究用户,一路也见证了互联网的发展和变化,最大的感觉就是,用户越来越挑剔了,那是因为现在可供用户选择的网站太多了,任何类型的网站在互联网上都很难找到独一无二的,同时,搜索引擎的普及也让用户挑选网站变得更加简单。所以越来越多的公司开始关注网站产品本身好坏来应对竞争对手和留住会员。
今天是第一篇,就从我自己开始回忆一下以前的策划现在叫交互设计的工作吧。
那时的策划我想应该是比较容易做的,一般的情况大概是这样几种,
(1)互联网泡沫那几年,无数互联网公司兴起,三五个人,两三杆枪一个公司就出来了,哪有什么策划啊,几个人坐在一起讨论的唾沫横飞,争论的面红耳赤,然后招呼美工进来这样这样那样那样就开始做了,哦,对了,美工现在叫网页设计师或者视觉设计师,那时,美工就是干体力活的,而策划是大家。最关键的问题来了,怎么策划的呢?一般都是,我想要这个这个这个,如果做出来了这个这个这个,肯定会有很多的用户来用,我们就可以。。。。。。。(省略1万字的YY),所以的这样的公司基本都倒掉了,很不幸的是,当时我也是属于YY派。
(2)互联网火了,那年头,企业如果没个网站就像现在的学生没有手机一样,三个字:没面子。基于这样的旺盛需求,一大批网建公司冒出来了,于是无数的企业都做了网站,那可真是包罗万象无所不有,只是让我纳闷的是,咋都长的差不多呢,哈哈原来都是你抄我来,我抄你,抄来抄去就迷失自己。因为那时企业网站都是给老总看的,是给自己的看的,都是炫耀公司文化、宣传老总风范、讲讲企业荣誉,最后才记得来展现下自己的产品。所以策划就是看怎么让老总满意,不提也罢。
(3)他们是正规的互联网公司了,真的需要互联网来拓展公司业务,或者就是真的在研究互联网的各种模式,庆幸的是,他们真的想把网站产品做好,只可惜他们也不一定都找到了正确的方式,这样的公司是有正规的策划岗位,但是大部分都是编辑、美工转行或者兼任,而真正做的方式就是一种,模仿,去看把,找大型的,有名的网站去抄把,反正连他们都这么做,我们为啥不能这么抄?
不幸的是,到现在为止,还有很多的公司是用的以上三种操作方式之一,那么正确的操作方式是什么?其实就是现在我们喜欢放在嘴边的UED,以用户为中心的设计,以追求良好用户体验为主旨,来设计网站。让用户使用网站时的疑惑越少越好,越易用越好。
要提高易用性,提高用户体验,就要从研究用户开始,从研究人们的上网习惯开始,从研究你网站用户群体的特征开始。也许有人会说太虚了,怎么研究啊,我该怎么做啊,呵呵,不要着急,现在类似的书籍已经越来越多了,大家可以去轻松的买到,去学习一些前人的、国外的优秀理论。但是这些书籍所讲述的东西,仅是参考,互联网发展的太快,用户群体的接受程度也成长的很快,所以,以前的不一定适用于现在,国外的不一定适用与国内,最好的方式还是先从研究自己开始,去找出一些人们使用网页的习惯。
下面就简单谈谈,我所总结的一些人们使用网页的习惯(经典理论):
a:他们是在扫描网页,而不是阅读网页
我们很多的网站建设者认为用户打开网页之后都会仔细阅读每一个文字,看清楚整个网页的结构,思考每一张图片所蕴含的意义,然后经过仔细的权衡,小心翼翼的点击某个链接或者按钮。
但实际上用户使用网站的方式和我们想象的有很大差距,在我说下面的现象之前,希望读者可以一边看一边仔细想想自己作为用户,是否也是这样使用网站的。用户们通常只是在每个页面上瞥一眼,眼光无顺序地扫过一些文字,然后点击第一个令他们感兴趣的或者大致符合他们寻找目标的链接。通常页面上的很多部分他们看都不看,也不感兴趣。这条定理适用于新的网页,同样也适用于你熟悉的网页。因为你熟悉的网站你更会目标集中去你想去的地方浏览,而直接忽略掉一路上你觉得不重要的信息。
b:用户们都很忙,他们只有很少的时间停留在一个页面上
大多数情况下,用户都只会花很少的时间来阅读大部分的页面。就像是开车在高速公路上前进一样,我们的网页内容就是路边的广告牌或是路标。只有当来到“最终”(目标)页面时,他们才会宝110公里的时速降低到10公里。因为这里才是他们的目的地:某个商品说明、某篇新闻或文章等等。这里才是他们真正想要驻足观光的地方。至于其他页面,ok,就像地铁站的广告牌一样,它们只是存在在那里,偶尔会吸引你去瞥上一眼,但大部分情况下,你根本不关心。所以,搜索引擎才会发展的迅速,他能帮人们节省大量的时间去找寻他们想要的东西。
c:他们也不会仔细考虑,或者考虑很久
大家知道浏览器中最常用的按钮是什么吗?是“后退”按钮
为什么呢?因为大家知道,如果我猜错了,去到了我不想去的地方,也不会产生什么严重后果,只需要点击几次“后退”就能重新来过。所以,用户不会花很大的精力来理解你的网站,如果你的网站很难理解,他们直接会选择离开,去找个更你类似,但是更容易理解的网站。
d:不要小看微不足道的挫折感
什么是挫折感,就是用户使用你网站过程中任何会引起他不爽、与他想象不符、需要他花费很长时间理解等等的感觉。这样的感觉会伴随着用户一直存在与整个使用过程中,目前还没有哪个网站敢说我的设计能让所有用户不产生挫折感。但是千万不要小看他,当他积累到一定程度,超出了用户的忍耐极限的时候,你就可能会永远的失去这个用户。所以我们要尽可能降低所有的会让用户产生挫折感的可能。与挫折感相对应的就是好感度。也就是让用户爽、贴心、放心、安心、开心的感觉。好感度积累的越多,用户就越不容易离开你的网站。
OK,写了好多,有点累了,下次在具体举例说明这些情况,以及我们该如何正确来设计网页。
标签: 用户体验
发表时间:九月 3rd, 2009, 作者:admin
我们的团队blog 开张了,我们是一群产品和技术人员,从今天起我们决定开始记录panli的成长经历~:)
panli 的产品和技术团队都是新加入的成员,但是短短的2个月,我们已经相处的非常和谐和融洽,很欣慰!!
2009年8月1日,我们开始了panli的第三次改版,从首页开始动手术,到目前为止,已经完成了主要栏目的改版。
今天,panli的程序帅哥们在为即将要上线的 一键填单 和 注册、登录页面做最后的测试和修改工作!期待ing。。。。。
标签: Panli, 产品设计, 技术, 注册, 登录, 程序员