Tagged

可用性

A collection of 5 posts

可用性

人人都能用的10条网站易用性技巧

嗯,WebAIM团队博客的一篇关于网站易用性的文章,比较基础,简单翻译一下: 1. 给你的logo添加替代文本 这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。 几种方法: <img src="logo.png" alt="前端界"> 或者,你用背景图来实现logo的话,也可以添加title属性来实现: <span title="前端界"></span> 当然,链接+背景图的方式是最好的,但最好也加上title属性: <a title="前端界">前端界</a&

信息无障碍

免费读屏软件NVDA使用指南

最近很多互联网项目开始重视网页无障碍,开始更好的为视障用户提供更好的便利,这方面做的比较好的有腾讯QQ、朋友网和QQ空间,还有淘宝网等。 然而平时测试并不是很方便,因为绝大部分读屏软件都是收费的。NVDA是一个免费开源的读屏软件,而且做的很不错。所以它就是我们平时测试网站可用性的首选。 NVDA比较好的是有一个完整的用户指南,英文,然后台湾友人将之翻译为繁体,以及另一份简体中文版。但是由于大家都知道的原因,这两份中文版在国内都无法访问。 然后,同事进步博客将中文版迁移到了墙内——NVDA 2011.2 用户指南 这个强烈推荐,学习NVDA软件的同时也能了解些视障用户的通常行为,为我们的网站无障碍建设提供些参考。 博客推荐: 这里强烈推荐下进步博客,博主专注于网页信息无障碍技术研究,主导了朋友网的信息无障碍实现,并翻译/研究了很多有价值的内容,比如: 政府无障碍标准和WCAG 2.0 无障碍的五个阶段 display:table对一些屏幕阅读器有语义影响 视觉隐藏内容 Google axs-chrome 等等,不一一举例了,感兴趣的同学直接去围观吧。 关于信息无障碍,再推荐下大师JunChen早在06年就翻译的《Web内容可访问性指南 1.0(WCAG

css

前端观察今日裸奔

一年一度的CSS裸奔节到来了,尽管裸奔节的组织者今年没有更新活动,但是作为这么一件有意义的事情,我想还是需要继续坚持一下。 其实,将CSS褪去之后,不仅仅能够彰显CSS对于网站前端的重要性,更能体现网站的可用性!这也是检验一个网站可用性的最简单的方法之一。 废话不多说,脱了~~ PS:其实今年WebReBuild.org组织了今年国内的裸奔节,感兴趣的童鞋请速速前往围观:http://naked.webrebuild.org/ PS2:同时,欢迎对赤裸裸的前端观察的页面结构提出建设性意见 :)

可用性

10条有用的可用性结论和指南

原文:[10条有用的可用性结论和指南](http://www.qianduan.net/10-useful-usability-findings-and-guidelines.html) 译自:[10 Useful Usability Findings and Guidelines](http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/) 版权所有,转载请注明出处,多谢!- - - - - - 每个人都会赞同可用性是网站的一个很重要的方面的说法。无论你是在做一个作品集网站、网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键。这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值。这里是能够帮助你提高你的网站的用户体验的**10条有用的可用性结论和指南**。 Form标签最好放到字段的上面 UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面。在很多的表单中,标签被放到字段的左边,

三步法

简化网站的可用性: 三步法

译自:WebDesignerDepot 原文:简化网站的可用性: 三步法 版权所有,转载请注明出处,多谢! 简单是任何成功的网站或应用的一个关键因素。 对于某些商务网站,比如淘宝之类的网上商店系统,有很多地方需要用户来操作,如注册和支付。如果你的网站过于复杂,用户将不得不走完太多的步骤来找到他们想要的东西,为此,他们很可能会放弃尝试。 一个简单而有效的方法是,将服务、注册、支付等拆分成3个步骤。这并不是说1-2-3可以增强了网站的可用性,当然如果有需要你也可以做成1-2-3-4,或者简化到两步——这种做法的要义是将流程变得更加清晰,用户很容易理解,通过这些步骤,用户很清楚自己已经做了什么,还需要做哪些……这将显著提高其可用性、增加销售、注册和转换率。 本文中,我们将看到20个使用了三步法来提高网站可用性的很棒的实例。 1. Banner Snack 2. Big Filebox 3. Stack Magazines 4. Posterous 5. Statement Stacker 6. Wufoo