用户体验的设计：从可用到易用的细节处理

用户体验的设计：从可用到易用的细节处理

 1. 按钮、链接、导航菜单的鼠标触发状态、鼠标手型等

随着视觉设计的发展，对按钮、链接、或者导航菜单的表现方式变得异常丰富，

可点击区域大小。

鼠标操作类型的提示，鼠标输入提示、手型提示、文本区域提示、不可点击提示，尽管整个页面的视觉引导更重要，但用户在操作时，人眼一直跟随着鼠标或键盘的操作而转换，如果能伴随着正确的鼠标操作提示，更可增强引导作用。从而提升交互体验。

按钮风格的一致性，按钮当前状态和点击状态的统一，按钮按照功能所作的。

1）如确认、取消等，可称之为贯穿型

2）如登录、加关注等，可称之为点睛型，这一型在实际工作中通常从视觉上都略强于贯穿型，所以会建议设计师做一定统一，有时候是风格上，有时候是结构上，再甚者就是大小比例上。

 3）如发博文、发微博等按钮，可称之为增强型，通常这个类型不会限制设计师按照标准类型去做，即便出来的是个异型，我们还是应该理解的。

4）最后就是无论哪种类型，都要注意是否有鼠标点击的hover状态，即便设计师没有设计，也要做出hover的交互效果，至少是预留，就我而言通常都是在原按钮颜色基础上调整一下颜色深度作为hover状态，大部分按钮我都会考虑做出交互效果，当然也有例外，比如活动专题中的点击区域，通常不会增加点击后的过分明显效果，如果非要做出一点效果，最多是调整一下文字本身的明暗度。
[广州网站改版www.faboweb.com]

2. 提示性文字位置在不干扰用户操作的前提下，交互一致性很重要，如固定在某一提示位置或不影响操作的颜色提示等

3. 图片的alt解释信息

一般会分两类，功能型、注释型。同时要求两种类型图片的像素区间要各自保持一致性，这样一来设计师在整理的过程中就会意识到，有的文字没有必要加注释图片，有的是功能和注释类型的大小、风格可能不一致，梳理过程中设计师会去调整一下，同时也在创意的过程中渗透一些规则。

4. 因设计或排版而没有完全显示出来的文字信息的title提示

产品或用户经常抱怨“后面的文字看不到，这到底是什么内容？”之所以出现这样的情况，主要是没有考虑到文字信息出现的位置和当时这些文字的重要性，如果是图片瀑布流，那文字信息的作用只是索引而已，如果是文章列表页或视频列表页、甚至正文页这样的终极页面，标题名称是务必要全部展示的。所以为了避免折磨用户，一定要给显示不完全的信息增加title，在存在缺陷的情况下也能有让用户有些许安慰，否则你就太伤用户的心了。

5. 网站logo的权重设置H1、网站主要标题、标识的权重设置H2-H6、stong、em、b等(对搜索引擎的友好可读性)

考虑各个层面的用户体验，是为了让用户尽量全方位的感受到网页的无边界浏览，在视觉和交互充分发挥作用的背后，代码标签的选择，也从一定层面决定了用户是否能够更好的使用，目前的一些搜索引擎，如Google、Baidu等，在过滤网页信息的过程中，有一套机制去寻找你网页中的主要内容，那些对搜索引擎比较友好的标签会更有利于页面信息的抓取，在用户搜索的过程中，抛开企业间战略合作不谈，也会相对显示在比较靠前的位置（当然如果搜索引擎的广告效益非常好的时候，或许第一屏还是与你无缘，这……你懂的）

6. 网站字色的一致性，链接色、提示色、内容字色等 （降低学习成本，培养用户习惯）

设计一套互动类产品（博客、视频、邮箱）或者用户功能型产品（消费类产品、资讯类产品等）同样面临着一个问题，用户习惯，人其实对规律会更容易产生安全感也更容易增加舒适性。所以在网页的设计过程中，统一视觉感受不仅让用户安心的舒适的去浏览图片文字音乐多媒体等信息，也能培养用户认知。 因此在设计师天马行空的创造力面前，我总是横亘在他们面前的那个规范和逻辑的卫斗士。当设计师天马行空的时候我是不会也不敢去干扰他们，但如果谁告诉我风格确定时，我就会站出来披荆斩棘，要求设计师给出一整套设计规范。

7. 各种内容读取花较长时间的模块，在内容尚未加载成功时，先显示图片图片列表页、或视频截图列表页面，在图片尚未加载时显示初始图片，并固定位置，防止满屏跑图

【关键词标签】用户体验的设计：从可用到易用的细节处理    (PC+手机)响应式网站建设

• 如何做网店网站，如何优化？
• 网站被有效收录的7种方案
• 在网站建设中，哪些行为被视为作弊？
• 学习网站设计，要知道哪些设计原则？
• 每年一届的广州国际沉香文化展览会6月开始..
• 企业网站优化中的搜索引擎策略
• 企业网站SEO优化策略之网站地图
• 制定网站营销推广计划注意事项
• 对于小说网站，怎样去创建网站？
• 网站seo影响用户体验常见因素分析
• 软文写作升华篇：如何提升流量及转化效果
• 简单介绍提高网站用户体验的20个方法
• 营销方案：如何书写一篇有营销价值的文章
• 网络营销：软文营销的价值及作用
• 如何设计网站才能引导用户消费？