分类目录归档：用户体验UED

浅议Web表单设计

发表于 2011/04/25 由 前端开发-武方博  808 views

  “输入框（ Input ）应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签（label），操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户所熟悉的（比如姓名、地址、付费信息等），垂直对齐的标签和输入框可以说是最佳的。每对标签和输入框垂直对齐给人一种两者接近的感觉，并且一致的左对齐减少了眼睛移动和处理时间。用户只需要往一个方向移动：下。 在这种布局中，推荐使用加粗的标签，这可以增加它们视觉比重，提高其显著性。如果不加粗的话，从用户的角度讲，标签和输入框的文字几乎就一样了。 如果一个表单上的数据并不为人熟悉或者在逻辑上分组有困难（比如一个地址的多个组......查看更多>>

发表在 用户体验UED, 网页设计 | 标签为 , , , , , , , , , , , , , , | 留下评论

20个改变网站用户体验的方法

发表于 2011/04/24 由 前端开发-武方博  768 views

  1。 更多的“注册ID”选项  在注册表单中可以给用户更多的选项：比如可以使用“电子邮件，用户名，ID”等多种格式的用户名进行注册。此外注册过程要尽量方便，比较好的例子如下面的图片，注册时只需要输入一个密码即可，在第一登陆后才会需要你输入一个用户名     2. 更多“登录”选项 同样相对登录页面来说，有多个登录名选项将会提高网站的友好度，比如可以同时允许用户名或电子邮件两种方式登录。     3. 避免限制密码长度 对于友好的用户体验来说，永远不要加一些所谓的限制。比如我们常见的密码限制：您的密码必须为6至8个字符。 也许少于6位数的密码可能会产生安全问题，但不因该限制密码不能超过8位数，这种情况在很多网站都能看到。实在是很不友好   4. 发送确认电子邮件 很多网站特别是论坛，都会在用户注册时通过电子邮件来确认用户身份。但我觉得依然不需要增加麻烦。至......查看更多>>

发表在 用户体验UED | 标签为 , , , , , , , , , , , , , , , , , , | 留下评论

Web表单设计:表单结构

发表于 2011/03/16 由 前端开发-武方博  800 views

  你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblewski的帮助，让我有机会细心品味设计表单的乐趣。总体来说，Web表单主宰着结算、注册和数据输入。每天eBay、Taobao上的大量物品主要通过出售物品（Sell Your Item）表单售出；MySpace、Facebook等超过几亿的用户都是通过Web表单加入网站社区的；YouTube、Youku通过上传视频（Upload Your Video）表单收集了大量视频。这一切都给我们创造了很多接触Web表单的机会，Web表单常常是漫长旅途的最后一步，也是最重要的一步。   你会设计表单吗？ 以上为Yahoo的注册表单,我们可以大体观察出三个主体元素:标题、数据、动作。它们是组成表单的基本元素，过多的修饰表单或过多无用信息会给用户带来更多的思考与厌恶。有时用户会觉得表单很讨厌，想做的是投票、申请工作、在网上买书、加入小组或从近期购物中拿到折扣等，但......查看更多>>

发表在 用户体验UED | 标签为 , , , , , , , , , , | 评论关闭

浅谈认知心理学与产品设计的结合

发表于 2011/03/14 由 前端开发-武方博  867 views

    对许多产品经理和设计师来说，设计评审PK仿佛梦魇，设计师辛辛苦苦出的方案，可能遭受多方质疑。也许方案本身是优秀的，但却无法用理论说服对方，结果越改越丑。 自1879年科学心理学诞生以来，心理学家开展了大量研究，对人类认知、情感、记忆等各方面的规律进行深入探讨。许多结论都能对产品设计提供理论支持，再次略作总结分享简，请各位看官不吝赐教。  一款软件产品最先呈现给用户的是产品界面。良好的界面元素容易识别、易于理解、能够快速记忆，且较少出现误操作。   1. 界面元素的编码特征 可识别性 以费希纳、韦伯等最早一批心理学先驱就是以研究感知觉阈限为起点的，他们的研究指出人的视觉、听觉等只能加工特定强度范围的刺激。在界面设计过程中，应当注意元素的可识别性。例如文字的不能太小，颜色也不能太浅。  某款手机浏览器打开web页面的效果    可辨别性 知觉心理学研究表明，人的知觉能力......查看更多>>

发表在 用户体验UED | 标签为 , , , , , , , , , , , , , | 留下评论

Google 用户体验

发表于 2011/03/07 由 前端开发-武方博  698 views

  我们的愿景 Google 用户体验团队致力于创建这样的设计：有用，快速，简单，有吸引力，创新，普适，盈利，漂亮，值得信赖和有人情味。使这十大准则达到和谐的平衡是一项持久的挑战。一个达到了这种平衡的产品就可以叫“Googley”，它会令全世界的用户感到满足和喜悦。 Googley 用户体验的十大准则 1. 以用户为中心——他们的生活，工作和梦想。 Google 用户体验小组努力发现用户的真正需求，包括那些他们自己都无法阐明的需求。有了这些信息，Google 就可以创建解决现实问题并激发所有人创造力的产品。我们的目标不单单是简化按部就班的任务，而是改善人们的生活。 总之，一个精心设计的 Google 产品在日常生活中是有用的。它并不努力依靠花哨的技术和视觉效果来打动用户，尽管它可能全都具备。它不会强制用户去使用他们不需要的特性，但是它会引导有兴趣的用户自发地去使用它们。它不会入侵人们的生活，但是它会向那些想要探索世......查看更多>>

发表在 用户体验UED | 标签为 , , , , , , , , , , , , , , , , | 留下评论

你需要知道的18个Web可用性原则

发表于 2010/12/28 由 前端开发-武方博  695 views

你是 Web设计师或维护一个网站吗？好，因为这篇文章正是为你准备的。如果你正在设计一个生活相关或工作业务相关的网站，有18本小提示，你需要阅读并记住。 你可以有世界上最好的视觉设计能力，但如果你建立一个不允许访问者舒适地一页一页或一项一项访问的网站，那你就理解错了好的网站的核心点了。因此，在今天的文章我会将告诉你需要知道的18件可做不可做Web可用性事情。 使用网格线来做网站页面结构 在你为一个有创意的网格页面框布局兴奋并尖叫的时候，你要保证你的整个网站的页面布局都在框子（Box）里边。网格结构能让访问者视线流固定在本页面，这是很关键的。一旦你将页面拉下来，页面也是很清晰简洁的 - 创造有趣的东西你需要放进优秀的设计放到网格里边。 不要忘记搜索表单 在你为一个有创意的网格页面框布局兴奋并尖叫的时候，你要保证你的整个网站的页面布局都在框子（Box）里边。网格结构能让访问者视线流固定在本页面，这是很......查看更多>>

发表在 用户体验UED | 标签为 , , , , , , , , , , , , , , , , | 留下评论