用户体验设计视觉元素构成

一般来说，网站的视觉元素主要有文字、图片、表单和按钮四大类，还包括标签，列表，多媒体等等，这些都是网站外观设计的组成部分，服从于网站的整体风格需要。用好网站视觉元素，能更好的指导和协助用户完成网站上的任务流程，使用户获得良好的在线体验。


       让文字易辨识
       字体是帮助用户获得与网站的信息交互的重要手段，因而文字的易读性和易辨认性是设计网站页面时的重点。不同的字体会营造出不同的氛围，同时不同的字体大小和颜色也对网站的内容起到强调或者提示的作用。


        正确的文字和配色方案是好的视觉设计的基础。网站上的文字受屏幕分辨率和浏览器的限制，但是仍有通用的一些准则：文字必须清晰可读，大小合适，文字的颜色和背景色有较为强烈的对比度，文字周围的设计元素不能对文字造成干扰。尽可能少用游动文字、图形文字。设计师在进行网站的页面文字排版时要做到以下几点：
·避免字体过于黯淡导致阅读困难
·字体色与背景色对比明显
·字体颜色不要太杂
·有链接的字体要有所提示，最好采用默认链接样式
·标题和正文所用的文字大小有所区别
·作为内容的文字字体大小最好能做大一点
·英文和数字选用与中文字体和谐的的字体

        让图片更合理
        页面上图片也是版式的重要组成，正确的运用图片，可以帮助用户对信息加深印象，引导用户的行为，与网站整体风格协调的图片，能帮助网站营造独特的品牌氛围，加深浏览者的印象。
        网站中图片的主要作用大致有以下三种：banner广告图片、产品展示图片、修饰性图片。图片运用不合理的情况通常有：图片尺寸过大、动态图片过多、应该使用文本的地方错用了图片。
        在图片设计处理上：
·出现的位置和尺寸合理，不对信息获取产生干扰，喧宾夺主
·考虑浏览者的网速，图片文件不宜过大
·有节制的使用flash和动画图片
·产品图片的alt标签加上产品名称
·形象图片注重原创性


          让表单更易用
         用户在填写网站表单的时候，无论是注册、发布信息/文章、信息反馈，都已到了顾客转化的关键环节，重要性不言而喻。表单涉及到较复杂的在线交互行为，与流程息息相关，当一个交互过程需要分成很多个步骤完成的时候，更重视对用户一步一步的引导，每一次点击都合理有效，接近并最终达成任务目标。好的表单设计可以提升用户体验，但不少网站的表单设计都或多或少存在一些问题，排除内容部分的因素，就设计上而言，表单设计容易犯的几个错误包括以下几点：


-过于冗长的表单和繁多的填写项
-不知所以的单选框和复选框
-填写出错后才出现说明和帮助
-提交按钮不易发现
           建议设计师可以通过以下几点来提高表单的易用性：
·控制输入框的大小、恰当对齐，使之符合内容版式的需要
·根据表单元素的相关性进行合理分组和排序
·有下拉选择区域的下拉列表，将初始状态默认为全部区域
·下拉列表过长时，可横向排列
·对填写内容提供必要的帮助提示
·避免一页表单必填项堆积过多，通过分页或收缩方式实现分步式表单形式
·提交按钮醒目，位置符合习惯


         让按钮更易点击
         按钮是网站界面中伴随着用户的点击行为的特殊图片，由于按钮点击行为是将用户引向顾客转化的重要步骤，因此按钮在设计上有较高的要求。按钮设计的基本要求是要达到“点击暗示”效果，凹凸感、阴影效果、水晶效果等均是这一原则的网络体现。同时，按钮中的可点击范围最好是整个按钮，而不仅限于按钮图片上的文本区。
        建议设计师可以通过以下几点来设计按钮，让它更易被点击。
·按钮颜色与背景颜色有一定的对比度
·按钮有浮起感
·按钮文字提示明确，如果没有文字，确信所使用的图形按钮是约定俗成、容易为用户理解的图片
·对顾客转化起重要作用的按钮用色突出一点，尺寸大一点
·可点击范围够大，包括整个按钮





作者：COO@网站竞争力网站运营、网络营销学习与分享
原文链接：http://www.websitecoo.com/yonghutiyanhewangluoxingwei/wangzhanshijueyuansusheji.html

已有 0 人发表留言，猛击->> 这里<<-参与讨论


ITeye推荐

• —软件人才免语言低担保 赴美带薪读研！—