网站注册表单设计样式的研究(二)

八月 7th, 2008 | 没有评论 | 发布于 用户体验设计 UED

上周我们已经给大家介绍了我们对于web表单调查研究结果的第一部分。调研的主要目的是提供给凭直接来判断有效性的设计师和开发人员一些理论依据。我们也介绍了一些如何让web表单成为完美的友好用户界面的指导方针。

我们把更多关键表单单独开来(例如校验表单)从而关注注册表单。然后我们分别完成每个被选择网站的注册表单并且分析这些表单的设计方法。以下我们介绍这个研究的第二部分——关于100个流行网站web表单的调研结果。

请注意这个文章不是关于校验表单——那是另外一个讨论的话题,我们把它独立开来看待成一个即将要讨论的文章。我们要感谢Wufoo为我们提供构架来引导我们的调查。
更多 »

Tags: ,

Yahoo提供的网站性能最佳体验的黄金守则,配合Y-Slow插件使用

七月 30th, 2008 | 没有评论 | 发布于 页面设计

        Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

        其中内容部分一共十条建议:

更多 »

Tags: , , ,

网站注册表单设计样式的研究(一)

七月 26th, 2008 | 没有评论 | 发布于 用户体验设计 UED, 页面设计

转自折折熊的博客http://www.jojobox.cn

  如果你想最大化你的服务所带来的效益,你就必须最大化你网站表单的成功率。仅仅简单的让用户在你网站上注册是不够的,除非你有能够让访问你网站的人一看就映像深刻的点子。为了让服务达到最大化的体现,我们设计师需要提供用户一个良好的用户体验。我们需要邀请用户,为他们描述服务产品有多少好,给他们解释为什么他们需要填那些表单并且暗示他们会因此得到利益的回报。当然,我们也应该做的非常方便让用户来参与。

  但是设计有效的页面表单不是件容易的事情。有个不争的事实就是:没人喜欢填表单——无论是线上还是线下的。因此,作为设计师我们需要找出能够让表单百分百简单、直接甚至无痛苦的正确的设计决策。

  但是怎么样才能准确地找出这些决策?布局上那些链接应该放在表单的什么位置?我们应该怎么设计它?我们应该怎么样高亮标签,应该怎么样排列他们?页面表单设计样式怎么样才符合现代化的网站?我们拿这些问题问我们自己,并且通过实施调查来得到这些结果。

更多 »

Tags: , ,

如何选择一款合适的英文正文字体

七月 26th, 2008 | 2 个评论 | 发布于 页面设计

      今天,我打算花一点时间来分析一下怎样为不同的案例选择正确的正文字体进行排版设计。你应该知道,这些技巧并非金科玉律,但它们会是你选择正文字体时的好参谋。无论如何,这种选择取决于你希望用这个字体来表达什么,很多时候,易读性和字体的个性是同等的重要。所以请记住下面这些要点,小心从事。
1. The Letterform 字形

null

上面的“弯管”体现了这个字体的结构。这一点很重要。为了文本的易读,我们应该采用字形尽量简单的字体,而不需要太多复杂的细节。这些细节会让阅读者分心,我们应该让读者关注文本的内容而非字体。

更多 »

Tags: , , ,

如何选择合适的字体格式?

七月 26th, 2008 | 没有评论 | 发布于 用户体验设计 UED

      你可能早已听说过诸如PostScript Type 1, TrueType 以及Open Type这样的术语,但它们到底对你意味着什么呢?

      如果你并不想追根究底,我就只告诉你一点:OpenType是你真正的挚友。完全没有理由使用任何其他的字体格式。

想知道为什么?

首先我们需要了解一些基础。不过最有趣(也是最复杂)的内容还是在最后面。

PostScript Type 1

更多 »

Tags: , , ,

可用性第一法则:不要听用户的

七月 25th, 2008 | 没有评论 | 发布于 用户体验设计 UED

在过去的几年里,最伟大的可用性壁垒是奇酷无比的设计所具有的优越感。大部分的项目在可用性上更喜欢采用复杂的法则而不是简单,结果,大量的美刀花在了耀眼但难用的设计上。

第一次互联网泡沫的破碎带来的主要好处之一,就是奇酷无比的设计严重受挫,各个公司开始将重视这样的底线上来:

  • 公共站点,原来集中于构建概念,现在开始以方便客户生意为目标;
  • Intranets 也已经致力于改善雇员效率 。许多公司正在试图创建工作流程,推广设计标准,强化对于以前混乱的intranet的疏导。

令人高兴的是,魅力四射的设计不见了,而可用性设计的倡导者们获得了第一次也是最艰苦的胜利,各个公司目前确实正在注意可用性需求。
然而不幸的是,打败了不重视可用性的对手却并没有赢得和复杂性之间的对决,这直接就把我们推向了新的前线:这场战役正在使各个公司在可用性上做正确的事情。

更多 »

Tags: ,

可用性测试是什么?

七月 25th, 2008 | 没有评论 | 发布于 用户体验设计 UED

什么是可用性测试?

可用性测试是指,让一群有代表性的用户尝试对产品进行典型操作,同时观察员和开发人员在一旁观察,聆听,做记录。该产品可能是一个网站,软件,或者其他任何产品,它可能尚未成型。测试可以是早期的纸上原型测试,也可以是后期成品的测试。

 你能从可用性测试获得什么?

在每一轮的可用性测试中,你都应该先明确具体的测试问题和目标,针对这些目标进行测试。举例来说,项目刚刚起步,你可以对定量的指标(如时间,错误率和满意度)进行测试,为日后修改网站提供参照。再例如,如果

更多 »

Tags: ,

来自Eye-Tracking研究的23节网页设计必修课

七月 25th, 2008 | 没有评论 | 发布于 用户体验设计 UED

      在网络设计领域关于Eye-Tracking研究十分火爆,但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门,可以为改进你的网站设计提供些意见:

1.对比图像,文字更具吸引力

与你所认为的相反,在浏览一个网站的时候,能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户,他们是来寻觅信息的而不是图像。因此,保证你的网站设计凸现出最重要的信息板块,这才是设计的首要原则。

2.眼球的第一运动聚焦于网页的左上角

用户浏览网页的这一习惯应该在意料之中,毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时,应该尽量保持这一格式。要知道,如果你希望保持个人特色,搭建一个成功的网站,你就必须尊重用户们的习惯。

更多 »

Tags: ,

网页设计十大错误

七月 25th, 2008 | 没有评论 | 发布于 用户体验设计 UED

自1996年以来,我曾经指出了很多网站中的设计错误,参见底部我的系列文章列表,本文将重点介绍的是,这些问题当中十个最为严重的网站设计错误。

1、搜索引擎不友好

搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题,搜索的准确度会降低。显然,如果搜索引擎刻意去迎合这种错误使用的话,会伤害到所有的搜索使用者。

一个相关的问题是,搜索引擎区分结果是依靠文档的重要性,而只是按照内容关联次数简单地进行结果区分。

当找不到信息的时候,搜索是用户的救生索。即使有高级搜索功能,建议还是使用简单搜索,搜索形式应该是一个简单的录入框,就像我们常见的那一种。

2、使用PDF文件做为在线阅读

用户讨厌在浏览的时候跳出PDF文件,因为那会打断用户的浏览过程,因为普通的浏览器按钮无法工作,因此即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的,因此文字的字体很少会和用户的流量其窗口相适应。没有了平滑的滚动浏览,有的只是超小号的字体。

更糟糕的是,PDF文件内容是分块的,很难浏览。

PDF是对于印刷及发行手册等和其他需要打印的大文件来讲是很合适的,使用它的目的只是为了保留它的信息使其网页上浏览成为现实。

更多 »

Tags: ,

用户体验的含义

七月 25th, 2008 | 没有评论 | 发布于 用户体验设计 UED

UI = User Interface = 用户界面
界面(Interface)是人机互动过程中的一个层面;界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。

UE = User Experience = 用户体验
以“用户至上”为原则的一种人机交互过程,以及因此产生的软件应用和审美价值体验。

* 用户界面设计的三大原则是: 置界面于用户的控制之下;
* 减少用户的记忆负担;
* 保持界面的一致性。

更多 »

Tags: