9个Web设计中常见的可用性错误[译]
作者：iamsure 来源：iamsure 发布时间：2009-03-11 20:25:00
标签：设计,可用性,错误,web设计
现在，比较牛的设计师和开发者都认识到了可用性在他们工作中的重要性。可用性好的网站会极大地提高用户体验，并且好的用户体验会让用户更加快乐。用聪明的设计决策取悦并满足您的访客，而不是阻挠和激怒他们。
下面是9个网站经常面临的可用性问题 ，以及对于这些问题的推荐解决方案。 您可能还对下面的文章感兴趣：
1. 太小的链接点击区域
设置超文本链接的目的是被点击，确保它们很容易点击才有意义。下面的示例中的链接实在是太小了;点击它们的难度太高。 这些是 评论中的链接，Hacker News 是一个社会新闻的网站。 （点击区域用红色突出显示） ：
下面例子中包含相同的界面元素，链接的评论，但是这个例子中有一个很大的可点击区域：
Newspondcomments link.
为什么我们需要一个更大的点击区域？ 很简单。 因为我们移动鼠标并不是很准确。 一个大号的点击区域使鼠标光标悬停在链接上更容易。如何能有一个大号的点击区域呢？我们可以使整个链接更大，或者使用CSS “padding”属性增加链接周围的空间。 代码如下：
<a href=”http://www.examplesite.com”style=”padding: 5px;”>Example Site<a>
为了使例子简单点，这个CSS样式直接写在代码里了，但在现实生活中您可能是在您的CSS文件中添加一个样式，给这个链接一个class或者是一个id，然后指向它。
在37signals上，你可以阅读到更多关于填充链接以更适用于鼠标点击的文章，的文章棉衣链接的目标 。文章认为，填充为用户提供了 “舒适的感觉。真的非常容易点击链接。感觉链接就像是在配合你工作不是和你对着 * 。 ”
0
投稿猜你喜欢
- python 3.x 环境下，使用h5py加载HDF5文件，查看keys，如下：>>> import h5py>&g
背景描述：Pycharm作为python专业开发工具，要比轻量级的vscode更加稳定，适合个人、团队的项目开发。同时pycharm来创建虚- 本文给大家介绍vue2.0+webpack环境构造过程。1.首先新建一个目录vue-wkdemo，这是我们的项目目录。执行 npm init
- 通过 Regsvr 32 .exe, 然后注册下列 DLL ： C:\Program files\Common Files\System\A
- 在上一篇文章中，我们讲了如何在linux上用python写一个守护进程。主要原理是利用linux的fork函数来创建一个进程，然后退出父进程
- 1、创建索引对于查询占主要的应用来说，索引显得尤为重要。很多时候性能问题很简单的就是因为我们忘了添加索引而造成的，或者说没有添加更为有效的索
- 1. set bakupfolder=F:\backup\ 备份文件存放于目录F:\backup\ (此目录需要事先建好) 2. 默认每个数
- 昨天用ucweb看到了goos发的一篇帖子：谁说Float菜单不可以水平居中，进去看了看，觉得方法有点繁琐了，用到了负边距，position
- 一、基本使用①从属于time这个包②一般使用都是使用time.Time 这个类型表示时间 ，time包中还有一些常量，源码如下// Comm
- 1、Mysql errono 1005 : 主外键不是完全一致 , 请检查如下几点: a、字段是否存在 b、类型是否一致(注意unsigne
- 本文实例讲述了Flask框架通过Flask_login实现用户登录功能。分享给大家供大家参考，具体如下：通过Flask_Login实现用户验
- 一、前期准备1.设置GPUimport torchfrom torch import nnimport torchvisionfrom to
- 一、ASP的平反想到ASP 很多人会说 “asp语言很蛋疼，不能面向对象，功能单一，很多东西实现不了” 等等诸如此类。 以上说法都是错误的，
- 安装wxpypip install -U wxpy登录微信# 导入模块from wxpy import *# 初始化机器人，扫码登陆bot
- 从PHP生成HTML静态页面并存储到以年份和月份为名称创建的目录。读取全部数据批量生成，全部生成后弹出提示。可指定批次生成数量，建议不超过8
- js 闭包（closure）是Javascript语言的一个难点，也是它的特色。闭包的作用:通过一系方法,将函数内部的变量(局部变量)转化为
- python爬虫要用到的库：请求库：实现 HTTP 请求操作urllib：一系列用于操作URL的功能。requests：基于 urllib
- 本文实例讲述了GO语言Defer用法。分享给大家供大家参考。具体分析如下：defer:调用一个被 defer 的函数时在函数刚要返回之前延迟
- 背景索引是把 * 剑，在提升查询速度的同时会减慢DML的操作。毕竟，索引的维护需要一定的成本。所以，对于索引，要加上该加的，删除无用的。前者是
- 前言摘要这篇文章将介绍 GoFrame 通用类型变量gvar的概念，对比 interface{}的特点；以及如何设置gvar的并发安全开关等
