白鸦，以用户为中心的设计

今天下午和好友家鼠工作之余讨论起了IM的登陆问题，一时兴起根据我们自己的看法改动了两个IM软件的登陆界面。

说明：
意在表达在可用性上一些意见，和对登录的一些见解看法…， 如有相关版权问题请联系白鸦，我会及时给与合理答复）

再版 MSN登陆 ： 原版：

说明：
1、去掉了“保存我的信息”和“删除我的信息”，可以这样认为：
方案a：如果要保存密码就自动保存信息， 如果不保存密码就算了
方案b：只要你登陆了就会自动保存信息，退出软件的时候可以有一个提示“是否删除信息”（现在很多人这么做）； 只要你登陆了就会自动保存信息，如果你是在想删除。 就在下来列表中去选中然后删除。
也就是说添加了一个隐功能： 打开保存用户信息的下拉列表，选中一个信息 按“DEL”可以删除此信息。
2、“忘记密码” “获取新帐户” “服务状态”， 这些完全可以让用户点下面的链接进入网站操作（也可以在菜单中提供，当然也可以直接把下边的链接改成“进入网站”或者是“更多内容”）
3、改了几个像素的细节就不提了…

再版 UC登陆 ：

原版：

说明：
1、改掉了我们认为一些繁琐不够简洁的多余提示
2、综合了登录方式
3、区分了“登录”和“设置”
(不再多说,具体说明请看下文聊天记录..)

只是为了表达改进意见，请勿过于注重图形设计的美观性…
（俺不是做图形的，所以做得也不好看）

[11][11][11][11][11][11][11][11][11][11]

保存下来我们关于UC改进的聊天记录，留作他日回忆..

白鸦: http://uicom.net/blog/attachments/month_0508/uc_login01.jpg
把这个改下如何 ？

家鼠`U: 好啊

白鸦: 我提一下问题：
1、首先它那几个登陆方式得简化或者隐化，（但不能删）

白鸦: 2、“自动登陆”还是以前说的问题， 应该是“保存密码”、“自动登陆”
那么这样一来他的登陆选项成了“保存密码”、“自动登陆”、 “隐身登陆”、“更新和好友信息” ， 我们的通过优先级适当隐化

3、“找回号码”是他们的一个特色功能需要保留， “忘记密码”可以隐化
4、“申请密码保护”可以隐化

5、“关闭”甚至可以选择删除， “登陆”按钮需要突出
6、“网络设置”需要保留，但可以隐化。

7、“申请号码”应该是一个市场部门不许保留的节目，不能去… 但也可以考虑隐化

当然 这是出于不做过大改动的基础之上

家鼠`U: 你这样改还叫不大改啊
白鸦: 咱们先总结一下 具体的界面元素功能点和优先级， ：
家鼠`U: 你这做减法的？
可是都没有减掉啊 只是减化啊

白鸦: 1、标题，
2、号码、密码的输入
3、登陆选项
4、登陆方式
5、号码意外的相关操作（找回、忘密码、密码保护）
6、登陆操作按钮、登陆设置
8、吸引新用户

主要应该是这 8点， 主次关系基本也是这样的。

你认为呢？

家鼠`U: 这个手术大了
白鸦: 很大， 难度不小…

家鼠`U: 我同意你前七个
白鸦: 而且如果按着这个思路势必会和qq有不少雷同之处，

家鼠`U: 第八个你说说看 怎么个吸引
雷同的事我们先放一边 先把功能优化 提高可用性
白鸦: 我说吸引新用户指的是他现在的“申请UC号”， 这个功能如果按我的意思没有必要 这样处理。但我猜测 ：“出于市场运营的考虑新浪公司会很看

重这个功能，”
家鼠`U: 对的 公司肯定是希望你跟方便的注册申请uc号的 可是怎么吸引 就摆这么一个“申请UC号”就吸引了？
我觉得这个功能还是要的 但是看要怎么处理

白鸦: 你提的确实是一个问题， 如果我们有很好的办法完全可以不这么做。 但是如果你没有非常好的办法 一般公司市场部门方面不会答应你隐藏这个功能

的
这样， 咱们先把这个问题放在这里， 等其他的地方差不多了 说不定自然而然就能有 办法解决这个问题了

家鼠`U: 好的 大手术啊
白鸦: 你再看看那八个问题， 看看你还有什么别的问题没有。 如果没有咱俩就一个个的开始处理。 不走什么大流程， 就靠理解和经验去改…
短平快的改它， 当作玩玩
家鼠`U: ok
短平快
哈哈

白鸦: 目的： 可用有效、简洁适用
家鼠`U: 给我张完整的图
不要有abcd的

白鸦: 先讨论办法 弄出来原型，
你还有第九个问题没有？
家鼠`U: 你觉得有必要保留那么多的登录方式吗
就是 邮箱登录 手机号码登录

白鸦: 这个是人家的运营需要 我们可以隐化 但不能删除
家鼠`U: 试问自己 你在用QQ的时候 有用过邮箱登陆过吗

白鸦: 这就是问题所在了， 稍等我给你一张图：

家鼠`U: 跟本用补上 再说 两人之间交换QQ号 哪有交换邮箱的啊
Sent at 15:27 on 星期二
家鼠`U: 哇 你这是在写文章啊 这么久

白鸦:

第一、 这个图是软件的用户群体分析， 我们不能看出 最大的面积的是那些最终用户 （最外面的圆）
设计者只是最小的面积， 所以我们不能说“我从来不用这个功能”“我同事们也从来不用” 这样就把这个功能否定掉。 这是不合理的！也很有可能使错误的， 因为我们离用户

很远 我们代表不了用户（我们在最中间 用户在最外围）

第二\ 设计者是被层层包围的， 我们必须突出包围才能真正知道用户需要什么，
但是我们突出重围的话是需要一个间难度的过程的， 首先是“参与者”（说白了就是那些领导，他们往往会说“我们要改成MSN那样的改成 什么 什么 样子的”，我们无可奈何

得听取意见！）， 解下来是业内的一些人，他们会说“经验来说什么什么，或者说‘你看GOOGLE怎么怎么样， 人家就比你好’！ 其实这些人我们根本不用打理他，他不知道我

们的用户是什么样子的 所以他们说的话也闭着眼睛的”
所以我们必须得知道， 最外围的用户是不是使用这些功能。 基本上可以说回答是肯定的， 因为UC的用户是那些无聊闲聊交友的一些人，他们用的上这些功能。 这群人甚至比QQ

的那群人还要无聊还要闲，他们甚至就有很多是为了半夜解闷…

第三， 这些功能有些是新浪很大的赢利点，他们不会去掉。 比如：短信。 这一条也是最主要的
家鼠`U: OK 你的分析

白鸦: 所以 我觉得这些功能不能删除
家鼠`U: 减化
白鸦: 1、标题，
2、号码、密码的输入
3、登陆选项
4、登陆方式
5、号码意外的相关操作（找回、忘密码、密码保护）
6、登陆操作按钮、登陆设置
8、吸引新用户

你还有没有第九项？

家鼠`U: 你说的很全 我暂时没有第九项

白鸦: 那好， 咱们一项项的来解决
家鼠`U: 第一项标题 好解决
直接就写 sina uc好了

白鸦: 1、标题， 这个基本不用讨论。
我们需要准备一个标题栏， 内容简单一下。 还有关闭和最小化按钮
咱们边说 我边画原型 ，
但是这里存在一个问题： 我们是够继续延续现在的界面长宽比例？
家鼠`U: 我觉得不要 我们在保持他的大体的风格风格上给他做个改动
首先我们是再版 不需要改的太厉害 要不就不叫改了 我们就是重新做了

白鸦: 好的
2、号码、密码的输入
这个基本上也只能是上下两个输入框
家鼠`U: 对的
白鸦: 号码输入框右一个下拉键头
家鼠`U: OK
白鸦: 3、登陆选项
这个我觉得最合适还是放在 刚才的输入下面， 但是我们得开始讨论如何隐化
家鼠`U: 这是个麻烦
QQ的是一个下拉框
白鸦: 不是， 我说的是登陆选项 不是登陆方式选择
“保存密码”、“自动登陆”、 “隐身登陆”、“更新和好友信息”
这几个，
更新好友信息，…
白鸦: 你说我们可不可以把 “网络设置”和“更新信息” “隐身登陆”像QQ那样来个“登陆设置”然后把它放到里面 ？
家鼠`U: 这个想法我看可以
白鸦: 这就是雷同之处！
继续，　　　问题保留。　　
4、登陆方式
个人觉得ＱＱ的方式比较好，　但是措辞不合适。　　我们可以改进一下

家鼠`U: 是不是可以把这些都整合到一个按钮下 设置
白鸦: 设置？　
家鼠`U: 对 把登陆方式 登陆选项 登陆的一些设置都整合到设置按钮下
单击设置按钮 在弹出的对话框中按照自己的意愿设置好 再登陆
白鸦: 那就违反原则了，　
一个界面能解决的尽量不要多一个界面
家鼠`U: 怎么说
白鸦: 你看我在原来写ＭＳＮ登录的时候写过，　
第二条
家鼠`U: 可是我觉得有分开的必要 一个是登陆界面 一个是设置的界面
白鸦: 解释一下道理

家鼠`U: 登陆界面 很容易理解 你也说过 它就是用来登陆的 从两方面来看 1.视觉 把东西都放在登陆界面上 烦琐 分散注意力 不容易聚焦
Sent at 16:08 on 星期二
家鼠`U: 2.功能 登陆界面的功能就是用来登陆 不需要其它的东西 就像google talk一样， 如果要有登陆选项 登陆方式 这些东西 完全可以再给一个

登陆界面 把他们在功能上做个区分 不要合到一起
第2里面的他们 我指的是 登陆 和设置
白鸦: 明白，　
有道理！
家鼠`U: 我想登陆界面就两输入框 一登陆按钮就够了 完全可以满足登陆的需求 这时的登陆界面才叫登陆界面
白鸦: 有道理，　　不过登陆选项还是有必要的。　　
白鸦: 比如，　隐身　　保存密码，，
白鸦: 稍等

白鸦: 哈哈，　好了　
白鸦: 解下来的事情就交给你了，　
图形设计　　;)
家鼠`U: 好吧
白鸦: 注意要保留人家新浪原来的原色
白鸦: ＬＯＧＯ　，要保留
家鼠`U: 知道 照搬的本领我是很强的
白鸦: 那个Ｕ和Ｃ在一起的造型尽量用上 ,不用太好看。 表达了意思就行了

。。。。。最后这小子因为在公司不方便 还是没有做出来，，
。。。。最最后， 我自己做了：

（不好看，但表达的不是图形设计…）

==========================================

Windy 简单比复杂更好:忙！ 说:
帅哥 你应该把修改前后的对比发一个
Windy 简单比复杂更好:忙！ 说:
还有，忘记密码怎么办？
白鸦 　很不习惯北京的时差… 说:
发了，
白鸦 　很不习惯北京的时差… 说:
刚放的
Windy 简单比复杂更好:忙！ 说:
哈哈 原来的样子果然比较好玩
白鸦 　很不习惯北京的时差… 说:
忘记密码 在参数选项里面。
Windy 简单比复杂更好:忙！ 说:
那不行
白鸦 　很不习惯北京的时差… 说:
为什么
Windy 简单比复杂更好:忙！ 说:
很难找地到
白鸦 　很不习惯北京的时差… 说:
能找到么？
Windy 简单比复杂更好:忙！ 说:
基本上找不到
白鸦 　很不习惯北京的时差… 说:
能找到就可以了，
白鸦 　很不习惯北京的时差… 说:
上边的文字打错了 不是参数设置 是参数选项
Windy 简单比复杂更好:忙！ 说:
正奇怪呢
白鸦 　很不习惯北京的时差… 说:
你看聊天记录了没有
Windy 简单比复杂更好:忙！ 说:
那也不成啊
白鸦 　很不习惯北京的时差… 说:
为什么不成？
Windy 简单比复杂更好:忙！ 说:
遇到忘记密码这种事，要立即提供帮助的
白鸦 　很不习惯北京的时差… 说:
一个很简单的道理：
这个界面叫什么？ “登录界面”
用来干什么的？ 用户登录

要解决的问题是什么？ 登录

Windy 简单比复杂更好:忙！ 说:
其它地方比原来整洁了很多
白鸦 　很不习惯北京的时差… 说:
参数选项里面会有 “帮助”
Windy 简单比复杂更好:忙！ 说:

白鸦 　很不习惯北京的时差… 说:
严格的说这个界面要解决的功能只有 “登录” ， 别的什么都可以不要
白鸦 　很不习惯北京的时差… 说:
登录需要完成那些任务？

输入ID 输入密码 选择登录参数 ， 仅此而已

白鸦 　很不习惯北京的时差… 说:
关于注册 关于找回密码 关于等等等等 都是多余的， 只不过和这个“登录有点”亲属关系而已。 所以就给他安排个连接（已经很有人情味了）
Windy 简单比复杂更好:忙！ 说:
有个故事叫刻舟求剑
白鸦 　很不习惯北京的时差… 说:
哈哈， 什么意思
Windy 简单比复杂更好:忙！ 说:
没 开玩笑的
Windy 简单比复杂更好:忙！ 说:
那几种登录方式你怎么处理的？
白鸦 　很不习惯北京的时差… 说:
下箭头选择，
白鸦 　很不习惯北京的时差… 说:
参数选项里面也要放： 选择登录方式 > ****、****、*****
Windy 简单比复杂更好:忙！ 说:
噢！
白鸦 　很不习惯北京的时差… 说:
不对么？
Windy 简单比复杂更好:忙！ 说:
呵呵 是我没发现而已……
白鸦 　很不习惯北京的时差… 说:
　还有什么问题？　
Windy 简单比复杂更好:忙！ 说:
更新信息这种东西，为什么出现在表面上呢？奇怪
白鸦 　很不习惯北京的时差… 说:
这三个是“登录选项”的一个部分　　，　　算是“登录”的儿子，　　　其他的都是亲属或者养子（比如：自动登录就是养子，不常用　；找回密码是有点亲戚关系而已　；　是否随系统自动打开算是街坊邻居而已）
白鸦 　很不习惯北京的时差… 说:
其他的都是族亲或者养子（比如：自动登录就是养子，不常用　；找回密码是有点亲戚关系而已　；　是否随系统自动打开算是街坊邻居而已）
Windy 简单比复杂更好:忙！ 说:
更新信息：是干什么的？
Windy 简单比复杂更好:忙！ 说:
理解能力比较差
白鸦 　很不习惯北京的时差… 说:
他叫“更新好友信息”，　
白鸦 　很不习惯北京的时差… 说:
比如你以前用了这个机器，　上边的好友是“白鸦”，　　现在你有很长时间没有登录ＵＣ了　或者你一直没有更新我的信息　　　而我的名字已经改成了“亲爱的老公”，你选择更新那么我就是“亲爱的老公”　　选择不更新我还是“白鸦”
Windy 简单比复杂更好:忙！ 说:
这个例子 ……
Windy 简单比复杂更好:忙！ 说:
这个我觉得还是QQ的好
Windy 简单比复杂更好:忙！ 说:
想更新的时候更新下
Windy 简单比复杂更好:忙！ 说:
甚至gtalk更好
Windy 简单比复杂更好:忙！ 说:
自己设置对方的名字
白鸦 　很不习惯北京的时差… 说:
可能是因为UC技术还不够吧
白鸦 　很不习惯北京的时差… 说:
或者他这样做也有一定的道理
Windy 简单比复杂更好:忙！ 说:
在登录之前，就预期要刷新好友信息？不太可能
Windy 简单比复杂更好:忙！ 说:
不是说你的设计，是说他的功能
Windy 简单比复杂更好:忙！ 说:
何况你说了，很长时间不登录，这是一种少见的case
白鸦 　很不习惯北京的时差… 说:
反正我也不理解， 我的理解是“他们这个功能很邪门好像很有他们自己特点似的 而且也属于登录的一个填写信息”那么就放上去算了
Windy 简单比复杂更好:忙！ 说:
整个来说改的还不错的
Windy 简单比复杂更好:忙！ 说:
我也喜欢减法

分类：UCD ,05/08/30 6:31 下午 | 17,415 次浏览 |