开始设计
只是聊聊

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

登录、注册的表单 最后更新: | 文章数: 64

一个网站用户注册功能是必不可少的,但有些网站的注册表单中选项之多,让人望而却步。在信息发达的今天,对于用户来说在一个网站上所花费的时间有限。在注册表单中,我们总想让用户填写更多更详细的信息,想了解用户更多的需求,但实际效果恰恰相反。

  • 64. 以用户视角出发的表单之旅 2012-08-19 13:12

    用户使用发布表单,就像是一次旅行。旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里。 一、那么为什么要以用户的视角呢? 作为设计师,你是否遇到过这种情况: ·  我们额外加一个填写项,用来收集用户信息吧; ·  我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是; &mid ... ...

  • 63. 简化输入 — 让网页表单更亲切    2012-02-10 23:18

    大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买。精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易 ... ...

  • 62. 拒绝平庸——浅谈WEB登录页面设计    2012-01-16 21:42

    用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。 现在越来越多的大型 ... ...

  • 61. 表单交互设计之二——校验思考    2012-01-04 13:03

    你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况;或者你是否在为不知道填写中哪里出现错误而抓狂;再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空;或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考。 那校验有哪些情况呢? 1、  READY? 提到 ... ...

  • 60. 泛议网络表单可用性规范    2011-11-16 21:15

    转载自: An Extensive Guide To Web Form Usability 作者:Justin Mifsud 小的水平有限,词不达意,忘见谅~!肯定漏洞百出,请随便耻笑指正~! 泛议网络表单可用性规范 以下做法与你将读到的内容完全背离,那就是为你的表单点缀漂亮的按钮,颜色以及排版甚至充沛的jQuery插件,这些都无助于可用性。事实上,这么做你 ... ...

  • 59. 细节思考表单交互设计之必选项思考    2011-11-03 10:16

    每当页面中出现洋洋洒洒的表单,用户就会开始感到头疼,有些用户就会直接选择放弃,而我想讨论的是,如何面对表单时让用户直接注意他们需要填写的必填项,减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢? 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 (You ... ...

  • 58. 由一个登陆框联想到的用户体验改进方法    2011-05-08 23:16

    下午与部门同学进行话题讨论,关于电子邮件营销中的产品设计,期间的谈话引起一些思考,在这里记录下来。 一个产品的细节 在交流中我举出一些关于电子邮箱输入框的细节问题,例子举得是MobileMe网站me.com的登录输入框的设计。比较下面两张图,会发现变化。         MobileMe默认 ... ...

  • 57. 登录框的报错反馈    2011-02-08 20:07

      这里以淘宝的登录界面为主要示例。  先来看一下:   1:淘宝并没有使用“用户名”这个最常见的称呼,而是使用了“账户名”,或许淘宝认为这样称呼更为准确吧,不过大多数用户对此并不会关心。  2输入框里给出提示:可以输入“手机号/会员名/邮箱”,这对于在不同网站拥有不同帐号 ... ...

  • 56. 关于WEB登录注册系统的下午茶    2010-12-17 00:38

    引子 故事发生在一个懒散的午后,笔者发现MSN在登录界面出现的时候,不能修改默认值——也就是说必须完整地输入登录邮箱,看似无可非议的设计——真的是无可非议吗? 全部输入太麻烦,还要按SHIFT+2(输入@),为什么不能让我选择下拉呢? 明明默认显示邮箱是hotmail,我也是hotmail啊,为什么不能直 ... ...

  • 55. 上海航空网站注册表单优化方案    2010-10-10 10:20

    上午手忙脚乱的定月底到杭州的机票,通过“去哪儿”入口进入到了上海航空网站,居然必须登录后才能预订(绝大多数购票网站游客也可以定)。看在几百块钱的面子上,那就注册吧。 注册表单我一看就乐了,简直就是几天前与用户交互的核心文中观点的真实写照,问题非常典型。看起来就很不好,用起来更是很不便。虽然没有给我造成很大的障碍,但肯定耽搁了不少时间,一点都不轻松愉快。先看如下截图: ... ...

  • 54. 与用户交互的核心    2010-09-26 09:13

    ——读《Web表单设计》 “用户互动”是互联网产品不可或缺的关键,而用户互动的入口必然是表单。由此,无处不在的UGC类Web2.0产品内,表单无处不在所凸显的重要性逐渐得到Web设计师重视,并自成知识体系。2008年10月的阅读推荐中列过此书,归入“框架层”范畴之内。 出版社策划赞不绝口,说这本书的写法非常好, ... ...

  • 53. 注册表单的设计探讨    2010-09-02 08:56

    最 近读了三本书,全部关于Form设计。如果你觉得Form设计怎么可能写成书,而且没有一行代码,我很理解。两年前当我在Amazon上看到那本Web Form Design时,也是同样的惊讶。学过HCI再回头看终于也能理解了,不过他人的研究还是“刺激”了我,往往在看到他们对细节的关注程度,才会深刻的感到 自己做事的粗浅与浮躁。 &nb ... ...

  • 52. To Sign-up or not to S...    2010-09-02 08:54

    作为Form的应用,注册是最基本而广泛的形式之一。随着对Form设计相关内容的阅读,收集了105个网站的注册Form,从几个方面进行了一些粗略的数据收集,也记录了一些出现的问题,初衷是为了将书中的内容,与实际生活中的设计对比,这里将一些分析数据,有问题的设计等记录在这里,作为一个学习积累的过程。 Smashing Magazine在两年前做过一份关于注册Form的调查(中文译本:Web表单 ... ...

  • 51. Web表单设计之注册表单 2010-07-26 23:15

    必须面对的问题有:用户不喜欢提交表单。然我们的目的是让用户愿意提交表单。 下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站。 注册表单设计调查 1.表单的安置 1.1注册表单链接的标题是怎么样的? 当用户想要加入某个时,他们会试图寻找“sign-up”,“register&rd ... ...

  • 50. 网站注册那些事儿    2010-01-05 22:38

    前几天光耀童鞋喷了一篇《谈网站注册、登录过程》,今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通不过,但提供不同产品服务的网站对于注册的要求不尽相同,也不是每个网站都有一个体验良好的注册流程。本座在这里简单聊下在不考虑运营指标和商业目的的前提下,基本的注册功能如何设计。 注册页面的信息架构 注册页面的信息架构力求清晰简洁,注册 ... ...

  • 49. 谈网站注册、登录过程    2010-01-04 21:30

    最近在做网站的注册、登陆、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登陆两个过程。Billy在这里讲注册的交互细节,推荐阅读。 >>注册过程 1. 尽量简化用户注册时填写的信息。 关于注册的基本逻辑是用户需要填的信息越少,注册转化率越高。如果需要得到更多用户的信息,可以在用户使用网站的过程中逐步获得。比如购 ... ...

  • 48. 账户注册的8个小贴士    2009-12-10 00:15

    几年前我在排名前87的在线零售站点上都注册了账户。我发现现在是时候重新审视这个问题了,自从大多数的电子商务站点使用账户注册以来,我在每个登记过程中发现至少有一处是可以提高的。 帐户注册的8个小贴士 几年前我在排名前87的在线零售站点上都注册了帐户。我发现现在是时候重新审视这个问题了,自从大多数的电子商务站点使用帐户注册以来,我在每个登记过程中发现至少有一处是可以提高的。 注 ... ...

  • 47. 互联网表单设计之消失的表单    2009-08-07 00:27

    第十四章 下一步做什么? 作为电子商务、在线沟通、网站应用工具的关键组成部分,网上表单还未涉及方方面面。但我希望,正如本书提到的,如何设计和管理在线表单仍有很大改进空间。我们不断进步,有更多方法能让我们做得更好。 消失的表单 第十三章列举了循序渐进的表单例子。人们访问采用这种方法的网站,也许根本不会意识到填写表单。相反,他们觉得是在制作电影或者创建家谱。循序渐进方法关注人们 ... ...

  • 46. 表单设计之基于选择的输入(9)    2009-07-14 23:05

    实用指南 我警告过了,基于选择的输入项要考虑很多方面问题,对吗?研究了海量数据,我们学到了什么? * 如果每个初始选择的额外输入项数量很大,网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页,但动态隐藏和显示额外输入项不会迷惑用户,用户也不会怀疑选择是否互斥。 * 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错,但存在选择互斥问题。哪种方案能解决问 ... ...

  • 45. 和“登录”有关的事儿    2009-07-12 01:57

    关于“登录”和“注册”的问题已经被很多设计师和交互设计上写过无数遍了,今天我在登录纳米盘网站时受到打击了所以写下此文。 事情是这样的: 当初租用虚拟主机的时候,为了减轻电子杂志下载时的流量和减少存放杂志所占用的空间,就将电子杂志和其他几个共享的文件放在了纳米盘网站。而纳米盘网站之前有个规定就是每个月至少要登录两次,于是今天想起来了就去登录一下 ... ...