这是我第一次提笔写关于交互设计、用户体验方面的文章,以前总是看别人的博客,认为自己没有这个水平。当写完这篇文章的时候,才发现原来只有用心去研究去思考,总会有更深入的体会,对一些设计方法的应用更清晰了。也只有将这些想法说出来和大家一起交流,才会有下一篇文章的进步,水平才会提高。所以,大家若有不同的看法,一定要提出。第一篇就从使用最多的聊天工具登录界面的研究开始吧。

即时通讯软件已经成为我们在互联网中和朋友联系相互交流的一种聊天工具。而在各大软件公司中也不乏自己研发聊天工具以满足公司特定需求。包括我们公司也研发了一款F3-IM的即时通讯工具。而世面上的这类工具也有不少,QQ,飞信,GOOGLETALK,SKYPE,MSN,等。今天我们来对比一下QQ,飞信,GT聊天工具的登录界面设计方式的对比。了解为什么它们这样设计,吸收优秀的设计,这也可以为我们设计这类登录界面作为参考。

我们先来看看三个工具的登录界面。对它们有个整体的印象。接着再一点点细节的来分析。

 

一、              我原先在截图的时候是想对每个界面标注下是三款软件中的哪一款,以使我在下文中提到时能清楚的对上图片,但是我发现这样做是多余的。因为我相信大家在看到这三个界面时已经能很清楚并且很快的知道哪张是QQ界面,哪张是飞信,哪张是talk。因此,在登录界面中,我们应该要留有一个位置用来相对醒目的显示软件的名称,这是用户更深刻记住你的一个方法(抛开软件质量本身而言),也是友好的向用户展示你对他们的欢迎。如果软件有自己的形象图标(CS一般都有),所以最好在这里能将图标和软件名称一起显示,当你最小化软件时,任务栏上的图标能让用户感到不那么陌生。

二、              明白用户打开软件的目的就是登录,因此这三款软件的登录都做的异常显眼。没有其他样式和它们的样式一样,并且同一行中没有其他按钮的干扰。这就让用户无须去判断。因此从用户的目的去考虑,突出最重要目的的操作,排除会干扰其操作的其他内容。

三、              准确明白的字眼能让用户遇到帮助时能及时找到出口。由于公司网络的特殊性在登录时需要设置代理,当我打开QQ登录界面时,对最下面的“设置”产生了疑惑,这个设置的内容是什么,密码设置?功能设置?还是网络设置?也许想要的设置都有吧。点击后原来是网络设置,且只有对网络进行设置。这里只能网络进行设置我想是合理的,因为其他的设置均可以在登录后进行,而且也必须是登录后设置才有效。那么为什么在登录界面时不明确的写上“网络设置”呢?相比于飞信,就直接注明,而它放在登录按钮的下面,应该是考虑到“网络设置”在“登录”时唤起用户的记忆是否网络设置不正确?但是对于不经常更换网络的用户来说,这个就显示得有些碍眼了。

四、              登录界面的字体颜色。对于这点,我得说说我使用飞信时遇到的困扰。当我点击飞信“登录”按钮时,登录按钮变成了“取消登录”按钮,同时界面上蓝色的字体变成了黑色字体,包括登录下面的“网络设置”。当一直登录不成功时,我想是否是网络没设置好,于是点击“网络设置”但是点不了,我想应该是要先点“取消登录”,果然点了取消登录后,网络设置就能点了。每次登录不成功时,我都会遇到这个问题,为什么呢?原来,在我使用过的网站中,经常看新闻网站,黑色字体大部分都是能点击的,蓝色字体代表的是绝对能点击,因此在这里我遇到黑色的“网络设置”时自然的也去点击。认真的看了飞信的登录界面才发现,它的蓝色字体代表能点击,黑色字体代表能选择。有多少用户能去观察不同颜色字体的含义和记住它的含义。如果换成普遍认为不可点的字体颜色如浅灰色或是使用不可点击的效果是否会更明确呢?因此我们的设计不应该需要用户去学习才会使用,而是使用绝对的不让用户产生选择的一种被大众接受的设计方式

 

 五、              三款软件有个共同点,只要是点击登录界面上的链接,如网络设置,弹出的窗口必定在当前登录界面的上一层,不论你将登录界面移到屏幕中的任何位置,再点击网络设置依然在登录界面位置的上一层。因为此时你的注意力就在屏幕的那个位置,不需要移动眼球才能对新弹出的窗口进行操作。于是,我们应该尽量不转移用户的注意力

 

六、              界面右上角的“关闭”按钮。在登录界面中,点击QQ的“关闭”,程序退出。飞信、GT的“关闭”按钮,最小化到任务栏应用程序区,再次开启应用程序时(非点击任务栏图标),将之前未登录成功的登录界面再次打开,而非重新又打开这个应用程序。我更喜欢QQ的关闭方式,在未登录前点击关闭就为退出应用程序,而不需要我点击关闭后再到任务栏右击该图标选择退出。因为我不习惯打开应用程序去点击任务栏的应用程序图标,而且我也记不住这个应用程序是否是我之前已经打开过的。在默认情况下关闭窗口即是退出,这是用户的心智,除非让用户自行去设置关闭后它需要的是退出还是最小化,否则在关闭时,用户很难发现在任务栏上还有它。我想GT考虑到了这点,它在关闭时有一个动画效果,渐渐的飞出屏幕落在任务栏上,让用户知道它还未退出。

七、              GT比较有意思的一点是,当没有输入用户名和密码时,登录是不可点击的。这在输入项很少并且大部分用户知道哪些是必填项时使用是可以的,如果是填写的内容很多,又没有注明必填项,这样的设计显然让用户感到乏力。

八、              QQ、飞信在未输入用户名和密码时在错误位置给出提示。

 

九、              点击“登录”后,它们是如何让用户知道目前正在登录呢?QQ:当前登录界面变成了另一个显示正在登录的界面,该界面中的QQ图标正在转着、有“正在登录”的字眼、有“取消登录”按钮。飞信:登录界面的登录按钮变成“取消登录”其他内容仍然可见但不可点击。GT:点击点击“登录”按钮后,状态由原先的“离线”到“连接”到“已登录”,“登录”从“sign in”到显示“用户名”到登录成功的“昵称”。而登录界面中其他内容也变为不可点。GT并没有取消登录,如果没有连接上只有退出应用程序。如果是需要和网络进行连接,由于可能等待的时间比较长,还是需要取消登录,如果是已经打开了网站,进行登录,那么可以让登录变成灰色,界面上提示用户正在登录。

 

总结三款软件的登录界面,QQ的界面布局还是比较合理,在细节方面也都做的很到位,能用一种字体,能用一种字体颜色,绝不多用.飞信的登录界面看起来就比较乱一些,使用的字体颜色还要琢磨下。GT的界面布局简单明了。

设计没有绝对的对与错,设计方法也总有它的局限性,哪怕在这里你认为这样的设计不错,但在另一个环境另一种用户上,未必如此了。 

posted on 2009-12-14 16:42  宠爱久久  阅读(2352)  评论(4编辑  收藏  举报