Unnamed 12/22/2009 10个有用的可用性和准则的调查
10 Useful Usability Findings and Guidelines - Smashing Magazine
- 可用性是一个网页设计的一个重要方面。无论你是工作在一个投资组合的网站,网上商店或Web应用程序使网页便于和您的访客使用乐趣,是关键。许多研究已经做了关于网络和接口设计的各个方面这些年来,其结果是在帮助我们改进我们的工作很有帮助。这里有 10有用的可用性和准则的调查结果 可以帮助您改善在您的网站的用户体验。
研究已进行了以找出正是影响人们对网站的公信力的看法:
- 研究发现, 平均搜索框18字符宽。数据显示,27%的查询太长,以适应它。 扩展到27个字符框可容纳90%的查询。请记住,您可以设置宽度使用EMS,不只是像素点。一时间是宽度和一个“米”字高(使用任何一个网站的字体大小设置为)。因此,使用这种措施的规模文本输入字段宽度为27字符宽。
- 行高(像素)÷体复制的字体大小(像素)= 1.48
1.5通常建议经典印刷书籍,所以我们的研究印证了这样的经验法则。很少有网站使用任何低于这一标准。而网站的数量减少到了1.48,你从这个值进一步。 - 线路长度(像素)÷行高(像素)= 27.8
平均线长度为538.64像素(不包括利润和填充),这是相当大的考虑,很多网站仍然在身体副本是12至13日在字体大小像素。 - 之间的空间段(像素)÷行高(像素)= 0.754
原来,段间距(即两者之间的一个段落的最后一行,并在第一行的空间下),很少等于领导(这将是完美的垂直节奏的主要特征)。很多时候,段落间距只有75%,领先段。原因可能是,领导通常包括由下伸了空间,而且由于大多数字符没有下伸,额外的空格线下创建。 - 每行的字符数是55最优至75
根据经典的印刷书籍,每行的字符之间的最佳人数是55和75,但75至85每行的字符在实践中更受欢迎。
版式研究:
- 行高(像素)÷体复制的字体大小(像素)= 1.48
- 布局通常有一个固定的宽度(基于像素)(92%),通常为中心(94%)。固定布局宽度不等的951和1000像素(56%)。
- 首页显示10到20个(62%)的摘录。
- 58一个网站的总体布局%用于显示的主要内容。
- 登记环节的题目是“注册”(40%),并在右上角上。
- 注册后便形式简单的布局,以避免分散注意力的用户(61%)。
- 在输入字段,标题是粗体(62%),田间地头,是垂直排列超过他们的水平排列(86%)。
- 设计师往往包括一些强制性的领域和一些可选字段。
- 电子邮件确认没有获得(82%),但密码确认(72%)。
- “提交”按钮为左对齐(56%)或中心(26%)。
- 89%的水平布局集中,其中大部分有一个较大的水平导航菜单。
- 47.2%的投资组合有一个客户端页面,67.2%,有一些独立的网页服务的形式。
- 63.6%的人对每个项目的详细页,包括案例研究,鉴定,与截图,汇票和草图幻灯片。
- 联系页面包含行车路线,电话号码,电子邮件地址,邮寄地址,电子名片和在线的形式,
30+ Professionally Designed & Useful Mac Applications | Web Resources | WebAppers
Fontcase
Fontcase是一个优雅的字体管理软件。它综合了所有下一个精简的工作流程简单,原材料的权力。它举办了强大的标签系统,可自动处理您安装的字体。喜欢 iTunes的 音乐是Fontcase是字体!
Dropzone
Aptonic推断的拖放Mac功能,无限的可能性。利用核心动画功能,自适应网格系统,可以培养安装的应用程序都接受拖放。例如,通过删除一个文件到您的FTP客户端图标,FTP客户端将执行操作上载文件。或者,如果您要安装不做秀一个程序,则只需将安装到网格,软件将被安装。它提供了一个特殊的Flickr上传,您可以拖动图像的网格,它会立即上传到Flickr或保存它下降到区域中的文本。是有特殊的复制和移动网格文件功能以及 邮编 和电子邮件功能。由于Dropzone是在Ruby编码,任何人都可以编辑它以满足您的要求。
RapidWeaver
RapidWeaver四是最好的工具,集成了所有的 网页 设计
特征。其屡获殊荣的特性提供了简单但最强大的接口,使网站的建立容易。这是斑驳陆离数据库包含任何网站类型的格式,由播客企业网站创建工具。它最大特点是一按出版社已出版的网站被吸入的痛苦了。您可以发布在网站的支持,内置的FTP,SFTP和MobileME部门。Pixelmator
Pixelmator是一个美丽的设计工具,整合了简便和功能,以形成强大的图片编辑器。它提供了多种精确 选择 工具,产品组合的各种工具,绘画工具,所有匹配层basedimplementation。它还具有快速的校正工具和特殊效果的工具,它将打击你的脑袋。
版本
版本是一个颠覆,功能强大的调试客户前端应用程序。同一引擎为基础,让Subversion版本可用的新手,以及性感的用户。它包含了多种工具,可让您简化您的项目,与其他projectmembers,并提供方便的工具图标,Subversion的同步。其主要功能包括时间表,恢复到修订,固体SSH支持,书签分组和仓库工具。
焦虑
焦虑在这里为你做一些事情,减轻了一些麻烦你。重量轻做的列表管理软件,即可以同步iCal和邮件造成了一个精简的,易于访问的界面。这是伪装在任何环境你有你的系统,将出现在您召唤,或在需要时。
Skitch
阿有趣的图像采集和共享只需点击一下软件。通过媒体寺的支持,这是叽叽喳喳的图像。它使图像共享只需一次点击即可与您的网络谁可以发表评论,标签或分享,从而重新定义图像共享概念股了。这是新时代的相机 互联网
.DeskShade
安排桌面是坏的清理你的房间。有了Deskshade,你可以改变,因为它会帮助您清理。 DeskShade添加到您的桌面生活通过除去不需要的图标,提供了多样的调色板,可以恢复您的桌面。此外,它的动态背景,能够活跃您的桌面。其中一个DeskShade特色是DeskMovie,这里您可以玩而不被通知纠缠电影。
CleanMyMac
这是一个很好的桌面宠物。 CleanMyMac可以去除不需要的桌面文件和数据,只是趴在你的系统有两个左右的点击。 CleanMyMac功能,您可以顺利的系统性能相结合的埋地从你的应用程序不再使用超薄通用二进制代码,清洁不需要的语言,记录旋转,清洁缓存,快速和安全擦除,应用卸载,和杀死垃圾留下了这样的基本特征。总之,这可以帮助您保存的RAM容量和磅吨麦角让您的系统运行速度比它应该。
涂鸦
Scibbles可以帮助您将在您的涂鸦艺术涂鸦。这简化了绘图软件,并为每个用户级别的功能特性。它革命性的用户界面的方式否定二十年正常的做法,采取由图像 编辑 软件 并充分利用了新时代系统的力量。它提供了无限的空间,让绘画素描你想要的任何地方和中风的渲染工具把它转换到一个美丽的艺术。它还提供了1点击共享设施,能适应片剂接口。
事情
事情是又一个简单而强大的任务管理软件与设备的一系列的Mac兼容:iMac电脑,MacBook Air的,iPhone等它为我们提供了这样的项目,搜索,iCal的强大的管理工具的结合提供了简单直观的用户界面同步,iPhone同步,文件徽章,快速查询,聚光灯和巨大的AppleScript列表,可以添加到改变软件到您的特殊需求。诚然,是当之无愧的苹果软件设计奖2009年得主。
续集专业
续集Pro是SQL数据库管理软件,为用户提供良好的用户界面。这是定制的Web开发中的作用作出的同伴。它还提供广泛的连接解决方案。这是一个和蔼可亲的支持MySQL的应用程序的意见,充分表管理指数和多卡接口。它集成了一个强大的查询编辑器来突出你的错误,也有自动完成功能。没有后遗症临,因为它与任何形式的SQL数据库兼容的续集。
DiscoApp
如果你真的想与CD刻录应用到迪斯科,那么你需要一个像迪斯科专业软件。它创建了一个唱片,这是所有被烧毁的文件数据库。它横跨功能可以自动分割文件到多个燃烧会话如果数据不适合在一个光盘。迪斯科是通过每一个有明晰而不是由任何其他软件的领域划定敏锐的步骤,它指导您在与互动grapic用户界面应用程序界面的十字路口。对于高级用户,有电动工具,可以帮助确定多会话的支持和其他先进的功能。在烟雾功能显示进展情况,每一次您激活使用您的麦克风。
美味图书馆2
图书馆的美味多汁的2是一个软件,可以导入您的Mac iSight摄影机任何东西。它甚至会变得更加美味多汁的奖项,因为它sweeped一切已经找上门来。它可以导入任何东西的图书馆和分享上,让一个网络摄像头iSight摄像酒吧类似超市的代码在你的照片互联网上。由于其独特的向量处理器的代码重新调整图像,图像反卷积;美味图书馆是唯一的软件,该软件具有这种能力,扫描,只需在您的iSight前大量刷卡。
仓库
仓库是一个基于网络的应用为Subversion。这是简单的浏览器,让你对你的Subversion储存库控制以及分享您的信任与点击几组了。通过ssh代码没有更多的麻烦,仓库应用为标志点外围的行为,使你不会在代码的复杂性丢失。
茶清
Designing Websites for Kids: Trends and Best Practices - Smashing Magazine
您希望如何设计一个漂亮的,五颜六色,刺激的网站,很迷人,令人难忘,并允许您让您的创造性思维流,而无需担心传统的可用性和最佳做法太多了?在今天的网页设计市场,这是罕见的,这样一个项目将提出本身-除非你被要求设计一个适合儿童的网站!
为儿童设计的网站上长期被忽视的文章的网页设计和设计综述,但也有许多美丽和有趣的设计元素和儿童的网站,是值得讨论和分析,提出了布局。还有 最佳做法是独有的网络儿童设计的网站数量 -应该通常不会在一个典型的网站试图做法。
这篇文章将展示一个数字的针对儿童的流行的商业网站,有一个趋势,元素分析,用来帮助保持儿童的兴趣,刺激技术。
可用性测试
最后,最好的方法来帮助孩子建立一个成功的在线经验之一就是通过观看儿童浏览和与网站互动的游戏和其他独特的功能。并不是所有的公司将具有广泛的测试预算,但几乎所有有能力这样做至少有小量的测试- 即使它只有一个孩子。这将允许您查看通过一个孩子的眼睛的网站进行必要的修改,相同会在任何可用性测试工作。
像迪斯尼,芝麻街公司,和PBS当然,一直在研究多年的儿童行为,所以上述例子展示了许多可以利用的形式作为成功的儿童网站的基础上,即使没有可用性测试完成。
- 创建元素,视觉上令人难忘的大
- 使用明亮,鲜艳的颜色刺激感官
- 从自然因素纳入
- 在设计中创建深入
- 地址是导航元素大,很容易找到
- 使用视频
- 包括打印内容
- 打破网格
- 可用性测试的基础上进行修改
- 创造幸福,令人疑惑
- 使用动画人物
- 使用图形重型导航栏
- 使用Flash动画十分
- 嵌入议案和声音触发负载页
- 包括一个“游戏”一节
- 更改光标作出贡献的主题
- 添加声音导航翻车事故
- 负责对儿童和家长
常规和非常规的最佳设计一个孩子网站的做法总结。
传统的最佳实践
一个网络设计师,谁已就儿童的网站工作很可能会说,这是一个最有趣的和有趣的项目,他们已经有工作的特权。如果你有机会创建一个用户体验,是针对儿童,一定要按照有关的网站都展示了一些行之有效的方法,在这里讨论,你的网站将有很好的机会成为一个有孩子的巨大成功。
Principles Of Effective Search In E-Commerce Design - Smashing Magazine
良好的设计高级搜索有几个好处,可不仅仅是一个笨拙的,复杂的工具。首先,有效的搜索可以加速销售过程。销售可以更快 增加转换,因为你不会失去客户谁放弃试图寻找的产品。此外,快速,准确,成功的搜索增加您的客户的信任。
在本文中,我们会检讨如何建立一个接口,为用户提供 权力的高级搜索 同时保持 清晰的简单的搜索.
还要考虑我们以前的文章:
1。拆除壁垒
虽然几乎每一个电子商务网站拥有先进的搜索,旅客不使用它。首先,人们只使用的工具,他们看到的。高级搜索通常是很难被检测到。这个链接通常是太小和丑陋,所以华而不实简单的搜索按钮附近制伏它。因此,即使用户倾向于执行高级搜索,他们没有这样做的动机。
这个词本身是可怕的:“先进的。”这意味着我们将要遇到的事情复杂化。很多时候,我们做的。但即使我们看到先进的搜索链接,并没有因为它吓倒,我们不使用它,因为我们 看不到好处。谁做的少数使用它看到,一旦他们执行搜索,所有的“先进性”都将丢失。因此,要帮助我们的用户利用先进的搜索能力,我们必须解决的可用性问题,实施新办法,改进我们的搜索术语。
2。方法
有几种方法,提高检索。对先进典型的做法是搜索 参数搜索。用户设置参数的使用文本框,经营者和下拉菜单。何时 可用性大师告诉你不使用高级搜索,它们通常指的是这种类型。它通常有一个复杂的接口,但可以是非常简单而有效的,只要最重要的字段显示,你坚持形式设计的基本准则。
Momondo 优雅,有效地坚持最重要的投入领域,使参数搜索用户友好。
Trulia的's参数搜索是较为复杂,但通过输入提示周到的支持和提示。选项更是隐藏在“更多搜索选项”高级用户的联系。一个好办法,避免畏惧的人,是变相的参数搜索的复杂性。只显示片段接口的使用 响应披露/使反应模式。当用户设置一个参数,他们沿着,然后下一个过滤器显示。该解决方案可以用来指导新用户,但它可以刺激孔和高级用户。
论 MyBankTracker,用户必须选择“是”的“比较的”什么是您目前的APY?“的问题,显示您的银行APY”选项。分层搜索 电子商务正在成为事实上的标准电子商务网站。用户执行一个简单的搜索第一,但在结果页上,然后,他们可以通过缩小钻链接(单一选择)或1(对于多个不重叠的选择)复选框选择搜索。
这可以高于进步披露/有利的模式,易于使用普通高级搜索。 亚马逊 采取了类似但略有修改的方法:当用户开始搜索时,他们可以像一些缩小设置过滤器“,只有书”在一开始。
过滤 亚马逊.
Posted from Diigo. The rest of 互联网之'我的阅读' group favorite links are here.
评论
发表评论