仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 977|回复: 8
打印 上一主题 下一主题

[HTML5] 给大家带来注册表单计划的划定规矩

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
就在新标准备受瞩目之际,两大网络监督机构却起冲突。《PatternsforSignUp&RampUp》很早就读完了,之以是明天才写读后感,细细读完了发明,它更加靠近吸引注册、提拔活泼度的社区构建引诱,是一份社区活泼会员度研讨的好材料。既然允许写读后感,就从我的视角来讲一点与注册有关的器材,先把整篇材料的骨架分化一下,然后再分离个中概念谈今朝的感觉。
注册实际上是个有点单调的义务,《PatternsforSignUp&RampUp》里提到的概念是:
Givetheusergoodreasonstojoin
乍看起来有点营销的滋味,事物的实质稳定,但人的心情是能够改变的——让用户有充实的来由来注册;
Makethesign-upprocessfeeleffortless
改动单调使人生厌的感到,就是我们必要做的勉力:让表单或全部注册历程变得轻松省力;
Don’tleavenewusershanging
这个概念在整篇材料里的意义偏重于提拔活泼度的举措——用户不是完成了注册就完成了任务,懂得社区的新事物才是方才入手下手;
Accelerateinitialconnection-making
假如说活泼度从上一个概念拉开尾声,那末这里就是怎样利用户在社区里入手下手生存,创建接洽好比经由过程本人之前公布的信息来接洽密友,真的体验国内存亲信,天边若比邻的感到。
整篇的骨架布局就是一个循规蹈矩的举动引诱,为facebook的引进会员、保护社区活泼的初始引诱,做了具体的注解和引导,可做手册查阅。读后偏重事情的总结,梳理几条注册表单的划定规矩:

  • 当表单布局必要多步时,必要注重的是给出明晰的导航

    • 利用进度标尺来告知用户以后的地位和全部步骤
    • 夸大几个步骤中的逻辑接洽,好比标明:step1、step2、step3
    • 用成心义的图片或ICON乃至是题目来注释各个步骤
    • 利用复杂的言语或第二人称形貌举动举措
    • 逻辑步骤最好限定在3步内

  • 用户在注册举动中的提醒

    • 提醒信息(tips)只管在必要匡助或有前先行为跟尾的中央呈现
    • 对用户的勉励应在历程中表现,如每完成一项输出提醒一个打勾的图标
    • 只管制止呈现弹出框的警示提示
    • ICON的堕落提醒制止用告诫的表达,利用户有挫败感
    • 复杂易辨认的ICON来标志提醒、乐成、堕落的款式
    • 提交表单时假如有堕落,太长的表单最好将堕落提示显现在整表头部,指援用户更正

  • 关于案牍

    • 质量重于数目,刀刀见血地说出亮点,而非平展排列
    • 全力制止有特别寄义的案牍,假如有专属名词请必定要注释分明,制止用户的狐疑
    • 全力思索案牍外表的亮点,甚么才最吸援用户,偶然“最新”的字样纷歧定是用户最感乐趣的
    • 在我们以往的项目中多项数据和理论夸大证实案牍真的很主要

  • 表单的结构

    • 只管利用对齐的字段、等长的输出框和分歧的视觉款式来削减视觉搅扰
    • 只管把持在一屏内呈现3-6个字段和输出框(多用于多步骤的情形)
    • 假如有选填和必填时标明不同
    • 为分歧观点的信息回类,尽量地分隔选填和必填

这些表单计划的通用划定规矩,美国Yahoo的LukeW同砚对表单做的充实注释也涵盖了它们,都是最为经常使用的,总结一下给同砚们参考,活泼度的引诱仍是有十分多能深挖的点。这里按下不表,留作后续分化。
</p>
Resig在2008年在其博客中介绍过HTML5的data-属性,现如今HTML5在如火如荼地推广,似乎国内的技术有些延迟,这篇博文可以在这里找到。
变相怪杰 该用户已被删除
沙发
发表于 2015-1-17 22:58:43 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
小魔女 该用户已被删除
板凳
发表于 2015-1-24 05:20:13 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
活着的死人 该用户已被删除
地板
发表于 2015-1-31 21:42:51 | 只看该作者
可以使用 CSS 检查工具进行设计。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-7 02:15:05 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
柔情似水 该用户已被删除
6#
发表于 2015-2-20 00:43:01 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
若相依 该用户已被删除
7#
发表于 2015-3-6 16:45:26 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
8#
发表于 2015-3-13 05:08:46 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
兰色精灵 该用户已被删除
9#
发表于 2015-3-20 13:52:30 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表