交互设计实例:注册和登陆的设计

最近在做网站的注册、登陆、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登陆两个过程。

>>注册过程
1. 尽量简化用户注册时填写的信息。
关于注册的基本逻辑是用户需要填的信息越少,注册转化率越高。如果需要得到更多用户的信息,可以在用户使用网站的过程中逐步获得。比如购买操作时,再要求用户的姓名、电话、地址等信息。其实按照我的思路,我认为用户唯一在注册时需要提供的信息是邮箱。我从来不认为用户名是个有用的字段。

对于用户资料我觉得比较好的体验是:邮箱或者手机号作为登陆名(登陆邮箱可以修改,可参考支付宝),还有支持Openid(虽然它大部分时候是鸡肋)。在用户注册成功后提供给用户一个昵称字段(且昵称也可修改,可参考豆瓣)。

这里分享一个最简单的注册的例子,是国外Enterprise Social Network里做得非常优秀的网站Yammer。Yammer注册页面只有一个邮箱,连输入密码的操作都是放在邮件激活以后的。

2. 用户验证过程可以多元化
绝大多数网站的注册都需要邮箱验证来激活。其实验证信息是可以多元化吧:比如短信验证,通过添加IM robot机器人来验证。百度有啊已经加了短信验证哦。当然这些验证都没有邮件那么有效,作为思路扩展吧。

3. 某些信息应该对用户屏蔽
友商网的注册页面由于历史遗留问题,在注册页面一直存在着2个附加信息,第一是卡号、密码(即Activecode信息),第二个推荐人。在下一版改版,我会强烈推进去掉这两个信息。对于Activecode信息、推荐人其实是可以通过隐藏iframe等方式包含在代码里的。而且推荐人是推荐人用户名还是推荐人姓名?也是含糊不清的。

>>登陆过程
首先应该不强迫用户进行登陆操作,比如支持游客访问、购买等。
其实是对用户进行基础分级:首次访问网站的新用户,尚未登录的老用户(检验cookie来验证)、已经登录的用户(后续可以对已登录用户再分级,比如普通登录用户、付费用户等)。对于哪类用户展示哪些信息,对于信息架构是很重要的。

那么,在这两个逻辑之后提出几个待讨论的小问题:
1. 首页放登录框、密码框,还是放登陆链接?
2. 登陆后的页面应该跳转到哪个页面?我认为目前友商网的这个设计是需要改进的。

时间: 2024-10-03 06:24:59

交互设计实例:注册和登陆的设计的相关文章

交互设计实例分析:自然用户界面大胆设计

今天ifanr上有一篇<手势操作(自然用户界面)再探讨>,观点保守,论据不足. Android的菜单确实难用,难以记住界面是否有菜单.Plam将菜单放置在状态栏的左边,保证了触摸屏也能使用菜单,但也有弊端.菜单放在界面左上角,宽28像素,难以点击.请拿出你的手机,右手去点击大屏幕的左上角.要么大拇指伸过去,要么其余四指抬起才能点到左上角,甚为别扭. 弹出的菜单通常要么是无关紧要的功能,要么重要.如果功能无关紧要,那不如将菜单放置在启动程序的第一个界面(主界面),如帮助,当用户需要的时候,完全可

用户体验设计实例:B2C搜索LIST页面设计

改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴. 功能需求取舍   在项目中,我们从市场运营那里采集了大量需求,那怎么

交互设计实例:网易邮箱的如虎添翼设计

    地址链接:http://mimg.163.com/hd/all/100127_tiger/home.htm   项目内容:网易邮箱计划在新的一年密集推出一批功能服务,为配合这几项新功能的发布,在新年到来之际,希望能将几个产品整合包装宣传,统一成系列宣传.于是,就诞生了"如虎添翼"计划.   概念诞生:在团队头脑风暴的过程中,设计中心团队与产品部门的同事一起,提出了很多的有趣构思.建立在构思之上的,是明确的定位.讨论后,决定把繁琐的设计需求精简为几大要点:1.体现邮箱的活力和创新

用户体验设计实例分析:网页表单设计

原文:http://visitmix.com/Articles/Web-Forms-for-People 作者:Luke Wroblewski 译者:江力   随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视频,等等.事实上,只要能在线使用的应用基本上都已经有了. 虽然这些多样化的应用丰富了互联网,但这些任务的完成还需要一些步骤.不管是在线交易验证.评论新文章,还是管理某个应用,WEB表单总会出现在人们的视线中. 为什

网页设计实例分析:日式网页设计案例分析

文章描述:在很多人眼里,日本是一个隐忍.充满禅意的国家.以寺庙.茶道.电子产品而闻名.既传统,又现代.日本的建筑设计.书刊设计受世界瞩目.但是不知怎么的,日本的网页设计风格很怪异.有点像1998年的网页风格. 在很多人眼里,日本是一个隐忍.充满禅意的国家.以寺庙.茶道.电子产品而闻名.既传统,又现代.日本的建筑设计.书刊设计受世界瞩目.但是不知怎么的,日本的网页设计风格很怪异.有点像1998年的网页风格. Rakuten NicoNicoDouga Gigazine 看看日本这些最流行的网站(比

用户体验设计实例:系统分析iPhone通知的设计

文章描述:分析设计优秀的iPhone通知. 当应用需要提醒用户关注某件事情的时候,希望1.引起用户的关注;2.不使用户感到烦躁不安:3.不希望中断用户的操作:4.引领用户到达该去的地方:5.当用户需要的时候可以再次找到该提醒.这些要求看似简单,实则需要耗费一番的设计功夫.本篇文章,就要系统的分析一下iPhone上通知的设计. 一.通知的样式 (一).视觉界面 iPhone系统自带的消息通知形式有两种,分别是Badge Notification和Alert Notification.IOS5增加了

交互设计实例:基本的注册功能如何设计

前几天光耀童鞋喷了一篇<谈网站注册.登录过程>,今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容.其实注册作为一个网站基本功能再普通不过,但提供不同产品服务的网站对于注册的要求不尽相同,也不是每个网站都有一个体验良好的注册流程.本座在这里简单聊下在不考虑运营指标和商业目的的前提下,基本的注册功能如何设计. 注册页面的信息架构注册页面的信息架构力求清晰简洁,注册表单作为信息主体,除了logo,帮助信息以及一些必要的返回链接,避免其他一切会干扰注册的信息,全力保障用户专心走完注册流程. 注

网页交互设计参考:漂亮的网页登陆表单设计实例

登录表单是很多网站必备的内容,界面虽然简单,但好的登录表单对于用户体验也十分重要.在设计表单时可能碰到最大的问题是如何将很小的表单框放在页面中,一般每个网站都会将表单设计成符合网站本身的风格,你也可以参考本文中的这些表单设计.能给你的设计一起启发 Mobile Me Straw Poll Scrap Blog 20×200 Acrobat 97 Bottles Twitter The Mattinator Mint Freelance Suite

网站交互设计实例:正确的引导赢得用户的忠诚

文章描述:网站交互设计实例:正确的引导赢得用户的忠诚. 网站上,用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作,从而促成交易,或浏览相关重要信息. 正确的引导,符合了人机工程原理,优化了用户体验,给用户以易用.互动性.从而使网站给用户留下了美好印象,用户倍感温暖,加大了第二次访问的可能性. 那么反之,不正确的引导--误导,会是一种什么情况.笔者上周曾去南京一趟,便在沪宁城际高铁常州站站台遇到了误导. 笔者是高铁5号车厢,可是在其旁边不远却有一个有明显的动车13号车厢,该标志很明显很清晰