以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://nihaozzb.yo2.cn/635579

未登陆状态下的登陆与注册设计

作者:ZZB  |   发布: (网友)ZZB   |   时间:2008-12-27 09:26:11 文字大小:- +

"写在前面"的写在前面,下面的内容全部是发送给鲜果团队的邮件,除了部分图片出于排版的原因调整了大小.

写在前面,为了表述清楚,邮件中插入了多幅图片,加载可能费时,还望耐心等候图片加载完毕。以下观点纯属个人建议

—————————————————————————————————————————————————————————————————————————

一、 未登陆状态下,打开鲜果首页(http://www.xianguo.com/)可以看到下图

xianguo-1

点击“阅读器”(http://www.xianguo.com/login.php)会自动跳转到http://www.xianguo.com/login.php?rurl=/reader/,如下图,只是一个简单的登陆窗口,连一个“注册”链接都没有,设想潜在新用户这个时候会是什么心情?

xianguo-2

建议:将“阅读器”的链接跳转到http://www.xianguo.com/account.php 的类似页面

—————————————————————————————————————————————————————————————————————————

—————————————————————————————————————————————————————————————————————————

二、 既然/account.php 可以只有4个输入框就完成注册,那么/register.php为何就需要6个输入框外加9个复选框来完成注册?

xianguo-3 VSxianguo-4

是否需要依靠9个复选框来知道初始注册用户需要哪些资讯并作推荐呢?我们是否可以在9个领域当中各自挑选一个代表RSS源推送给用户,并利用“醒目”的小提示教会这个“新用户”如何删除不需要的订阅源?这个就跟网络游戏中的NPC的道理是一样的,当用户快速完成一些基本操作,也可以获得一定程度的成就感。(Update:鲜果阅读器侧栏列表的右键菜单功能让一切都变得那么容易)

—————————————————————————————————————————————————————————————————————————

—————————————————————————————————————————————————————————————————————————

三、 同样是未登陆状态下的首页

对于一个没有丰富实际内容的页面,我们是否需要使用超过一屏的空间来展示“那丁点儿”内容呢,为何不把所有的内容都放在一屏里,并把能去掉的都去掉?就说最底下那个大大的注册按钮,我看了都忍不住要注册,可是却被放在了页面最底下。

下面是我自己修改过的未登陆状态首页图,对比下现有的首页图

xianguo-5 -->图片可放大查看

VS

xianguo-6

我所做的修改主要有以下几个部分:

  • 去除“首页”与“阅读器”两个链接,原因是本身就是首页了,无须多此一举加个“首页”,而登陆状态下的用户打开首页是默认跳到阅读器界面的,所以自然也不需要“阅读器”了。
  • 将“登陆”修改为“登陆进入阅读器”
  • 去除底部“鲜果热文”和“博客榜”等四项,原因是作为不熟悉阅读器的人,这四段文字既不能将阅读器描述清楚也无法激发好奇心
  • 去除“大苹果”图标,这个以前是可以作为博客秀的展示,但后来不晓得鲜果团队为啥取消了博客秀,直接使用一个GIF图片替代,估计是没太多人关注吧,所以我把这个也去掉,免得“浪费地方”。
  • introList这个UL中的“鲜果阅读器”“阅读趋势”“自定义快捷键”三张图片本是很好的展示,却因为hover样式做得不够突出,使得许多人不知道这三个是可以点击的。于是我将这个部分移动了下位置,并且更改了三张图片各自的大小,使其更具吸引效果。同时建议鲜果将这三张图片的hover样式图片在原有基础上加上标题文字。
  • 将注册按钮放在了中间最醒目的位置,并且顺着箭头方向,是鲜果阅读器中原有的一句“好友博客、焦点新闻、股票动态等网址,万千资讯随取所需”。个人认为这句宣传语写得非常优秀~

—————————————————————————————————————————————————————————————————————————

个人观点阐述结束

更多
打印  |  相关话题:登录、注册的表单   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买