产品周期策略表单【论WEB网站注册表单的人性化设计策略】

　　【摘要】WEB网站注册过程中，繁琐的注册步骤往往令很多用户望而却步。在崇尚快节奏的网络时代，注册系统是WEB产品给用户的第一印象，如何在这一环节赢得更多的用户显得尤为重要。本文以音悦台和新浪微博为例，从减少表单项目、简化注册步骤、人性化提示语言、注重可视性、及时友好的反馈等五个方面论述如何设计一款优秀的注册系统，以期对网站设计工作有所助益。
　　【关键词】注册系统 人性化设计 新浪微博
　　
　　网站和论坛的注册环节往往令用户头疼，当网站弹出注册页面并指出只有登录才能获取信息时，许多人宁可放弃获取该资源信息也不愿去花时间填写繁琐的注册表单，由此可知注册这一要求对用户的负面影响不可小视。
　　而以高清MV为主打的“音悦台”网站巧妙地化解了这一困扰，它的注册环节充满人情味，亲和且口语化的提示语轻松愉悦地带领用户完成了一系列注册流程。整个过程十分舒服，像与好友聊天，还没聊够的时候他已经告诉你：注册成功了。注册系统是WEB产品给用户的第一印象，满意度的高低直接决定了产品的竞争力。在音悦台较为愉悦的注册体验启发笔者进一步思考，除了友好的提示语言，是否还有更多的优化手段可使令人头疼的注册环节更人性化呢？
　　人性化设计是指产品在设计过程当中，根据人的行为习惯、生理结构、心理情况、思维方式等等，在原有设计基本功能和性能的基础上，对设计进行优化，使用户使用起来方便、舒适。本文将以音悦台和新浪微博为例，论述如何设计一款优秀的注册系统。
　　
　　一、减少表单项目，简化任务结构
　　
　　过多的表单项目或过多无用信息会给用户带来更多的思考与厌恶，从用户的角度来讲，不管网站方面多么在乎用户的资料，事实上用户只想尽快得到身份，这之前的一切工作都在不同程度地消磨用户的耐心和意志，所以这个过程越短越好。
　　 有些网站甚至只需要填写一个密码即可注册，在第一次登陆之后才需要填写一个用户名。这样做的好处是避免过多的非必要填写信息吓退怕麻烦的新用户，不要让用户觉得注册这样一个网站是困难的，因此一屏范围内保持3-6个控件即可。以音悦台为例，每一步需要填写的表单严格控制在3个以内，并以清晰的红蓝绿三色区分，一目了然。
　　然而同清晰明确的第一步基本信息填写相比，音悦台的第二步注册信息填写项目就显得有些多余了，这一步专门用来填写用户的性别及出生日期。抛开一个以MV为主打的音乐网站是否确实需要此类信息不谈，即使网站的确需要这两类数据了解用户的构成，此类非必须的项目大可放在注册完成后。可以考虑进一步简化步骤，只需要注册名、密码即可完成注册。之后的一些个人信息完善可以通过做任务的方式完成，任务完成获得积分，而积分是用户下一步完成某项期望的必备条件――如此，一步一步被引领着完成开发方的期待行为。
　　
　　二、简化注册步骤，引导用户快速完成目标
　　
　　一页式的注册表单令用户一次性接受大量信息，难免无从下手，按照don’t make me think的原则，针对这一情况可将注册信息分为2-3步，让用户一次只做一件事，并在页面最上方显示进度条，这样做的好处一是体现流程的概念，给用户按照流程操作的心理暗示；二是通过清楚的进度条给予用户完成行为的信心，对最后一步的完成产生期待。
　　然而如何设计流程呢？诺曼在《设计心理学》中将行动结构划分为目标、执行与评估三阶段，同时将执行与评估细分，最后确定为以下七个阶段：确定目标、确定意图、明确行动内容、执行、感知外部世界状况、解释外部世界状况和评估行动结果。我们在设计注册表单的步骤时，这一理论值得参考。首先，在执行步骤之前明确目标；其次，设计明确的步骤和流程进度条，在进度条上方标注行动内容；最后，在每一步完成后提供反馈以及最终反馈。音悦台的注册系统分为三步，其中第三步又分为三小项，并在第三步伊始提供了本步骤的进度条。
　　
　　三、人性化的提示语言
　　
　　做网站如同开饭馆，揽客的第一步总是要以热情洋溢的笑脸和引人眼球的店面将客户揽进门，再由引导员快速准确地将客人引领到自己的座位。所以通常来讲，一个用户到了某个网站的门口，刚想要踏进门就遭遇一张令人不耐烦的表单，这显然是不友好的。
　　在第一时间博取用户好感方面，音悦台的做法巧妙且到位，它懂得运用亲和的提示语言安抚用户的焦躁情绪，注册伊始就以一句话制胜――我们也觉得注册麻烦透了。
　　在填写基本注册信息时，网站一上来就用大号字表了态：“我们也觉得注册麻烦透了！”简单的一句话让用户觉得一下子找到了知音，对立和抵触的情绪立马消失大半，觉得开发方与我站在了一边。当然提示语并未就此结束，后半部分用小字解释了注册的好处“但经过注册，我们会更了解您的喜好，为您推荐更酷的MV，同时，好音乐带来的喜悦，才能够与朋友分享。”――清晰地告诉用户你能获得的利益。此时已经放松警惕的用户转念一想，有理，再看下面的注册表单，似乎也十分简洁，只有红蓝绿三个明确简洁的填写框，看起来并不麻烦，括号里的填写要求也表述的很口语化，易于接受。
　　同时在第四步―选择喜爱的艺人―中，适当的提示语再次出现“麻烦告诉我们，下面是否有你钟爱的艺人，不然就太难向你推荐你中意的精彩音乐了”，通过左右滑屏平铺展示可选择的艺人，同时提供了搜索框，与一般网站的“search”提示不同，音悦台再次使用了口语化的提示：“下面没有？直接找找看”。
　　在注册表单设计中，提示文案要在准确易懂的前提下不失亲和力，避免出现语气强硬的祈使词汇，如：必须、决不能、请勿……，多采轻松的、带有鼓励性的文案，引导用户完成流程。
　　但值得注意的是，提示语言不应滥用。“适当使用限制因素――即限制用户的选择范围――是使物品易用并不易造成人为失误的良好途径，否则应附加警告和提示信息，但无疑这只适用于糟糕的设计，也就是说，提示语言是最后的办法，是没有办法的办法。”①同理注册表单的每一项后面跟加提示语言也是不明智的，因为这样做的结果是无形中增加了用户的信息处理负担，所以音悦台注册的步骤中随处可见的提示语言虽然友好，但未免?嗦有余。更好的做法是从根本上减少限制因素，如取消大小写限制和密码位数限制。
　　
　　四、注重可视性
　　
　　可视性即“正确的操作部位必须显而易见，并且向用户传达出正确的信息”。②优秀的表单设计应通过突出的可视性向用户传达正确的、一目了然的可行操作信息，从而减少用户因误操作产生的悲观情绪。
　　在可视性方面，WEB注册表单的应用由来已久，这就意味着大部分用户在执行注册操作时，心中已经存在一个既定模式，所以设计时应充分尊重用户心中的既定期望，不应有过大颠覆，而是通过调整细节提高整体的可视性。例如，作为注册表单中的重要组成部分，文本框的视觉设计和交互设计不可忽视。是否需要辅助输入？采用滑块还是下拉列表？获得焦点时是全选显示还是插入光标？新浪微博在注册文本框的设计上有可取之处，用户输入第一个字母的时候，系统已经将可能的邮箱直接推荐过来，非常方便，省去了输入@时shift+2的操作成本，同时大大降低因错误输入导致的无效反馈，对系统的底层后台无疑也是件幸事。
　　五、及时友好的反馈
　　“在web上，单击链接、提交表单或者按下按钮时，你并不知道会发生什么。要有设计者为每一个动作设定相应的期望，并清楚显示这些动作的结果。”③精致的产品可通过及时的操作成功与否反馈和亲切的welcome页面极大提升用户体验。
　　用户在填写表单的过程中，系统应在每一步骤进行及时反馈，新浪微博在每一步的注册项目后添加了及时反馈，信息填写正确后会显示一个绿色对勾，而填写错误时则用红色字体进行相关操作提示。
　　同时，反馈还应做到提醒用户正处在过程的哪个阶段，“有时用户必须等待一个过程的完成，而这可能耗费一些时间。为了让用户知道并不是由于他们的计算机运行太慢才造成这种等待，你可以显示一条信息，告诉他们目前的状况。”④这方面新浪微博的设计做得不到位，在注册体验中，当用户点击“立即注册”时，整个系统在很长一段时间内没有反应，同时未提供任何反馈。在这里可以考虑使用加载动画和显示一些友好的状态消息来缓解用户因等待而造成的焦虑。
　　除以上五个方面的设计原则外，一些细节问题的处理得当可轻松提升用户体验，如允许用户用注册名、邮箱、手机等多种方式进行注册；取消密码的重复确认输入，因为大部分用户是在反复使用自己熟知并熟练输入的密码串；避免向用户发送确认电子邮件，激活注册很大程度上消耗操作成本和用户的耐心，至少可以先让用户玩玩你的Web应用程序或浏览一下你的网站，当用户感兴趣浏览更多信息时，再来让他们确认邮件；验证码的的识别性无法保证，是否可以采取其他方式比如算术题、问答，音悦台的注册则干脆取消了这一项；当用户填写发生错误时，系统要求用户返回重填时连填写正确的信息都清空了，为了避免此类情况给用户造成的悲观情绪，需要考虑保护性措施，将上一步填写自动保存，并避免在点击确定后跳转至某一页面后再显示错误提示，应在发生错误时在当前项目后即时反馈。
　　网站注册这样的小问题听起来微不足道，但却足以影响用户的心情和产品的友好度，要做到真正“以用户为中心的设计”，注册环节需要得到改进以进一步优化用户体验，以在“小”中体现更伟大的关怀。
　　
　　参考文献
　　①②唐纳德.A.诺曼：《设计心理学》，中信出版社
　　③④[美]Christina Wodtke：《锦绣蓝图》，人民邮电出版社
　　（作者：首都师范大学美术学院新媒体艺术设计系本科生）
　　责编：周蕾

相关热词搜索：表单 人性化 策略 论WEB网站注册表单的人性化设计策略 web表单设计方法 表单网页设计方法