用户体验之UI设计课件教学提纲

用户体验之UI设计课件什么是用户体验用户体验（UserExperience，简称UE）是一种纯主观在用户使用产品过程中建立起来的感受。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计实验来认识到。新竞争力在网络营销基础与实践中曾提到计算机技术和互联网的发展，使技术创新形态正在发生转变，以用户为中心、以人为本越来越得到重视，用户体验也因此被称做创新2.0模式的精髓。在中国面向知识社会的创新2.0——应用创新园区模式探索中，更将用户体验作为“三验”(用户体验、研发单位试验、第三方检验）创新机制之首。司空见惯的流氓行为弹窗（广告弹窗、咨询弹窗）修改浏览器（插件、强制设置成主页）主次不分（广告信息比正常文章多）骗取pv（设置虚假信息诱导用户不断点击）点击广告下载(软件下载需点击广告才能下载)开机启动（软件设置）真正理解用户体验1、用户体验不单只是用户界面设计，UI仅是用户体验到一部分，与用户第一触动面2、用户体验不单只是流程的一步，用户体验是蕴含在我们整个互联网运营和设计的每一步。3、用户体验不只是跟技术有关，用户体验不局限于IT领域，它是关于任何产品、任何作品、任何系统的任何交换行为。4、用户体验不只能价值有关，不只是价值而是用户体验5、用户体验不只是跟用户有关，用户需求和业务目标找到平衡6、用户体验不只是一个人或者一个部门的职责，而是贯穿整个业务的每个一个环节7、用户体验花费很高，业务流程和产品设计。用户需要什么？用户喜欢简单、也喜欢复杂，同时用户的体验需求是随时随地变化的。用户需求更“方便”研究发现：80%的用户仅仅使用到软件20%的功能。成功的软件应是精炼可单独智能化地解决单个问题。用户需求“复杂”不是难用，而是功能复杂如：Microsoftword，Microsoftstudio版本升级功能多挑战用户习惯DM

Web——捕捉用户想看到的网站的布局——界面的布局展示符合：1、从上到下，从左到右，将重要信息有序合理的排放在重要的位置；2、重要的内容在第一屏位置优先落入到用户的眼帘；并不一定放中间3、各个模块要有层次性展示；页面布局的同级页面布局需统一总结如下：7±2原则，即“由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（GeorgeA.Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。”1.一个页面总体的信息量不宜过多，提供给用户识别的区块最好不超出这个数字范围太多。2.该页面需要完成的主体功能，放在页面首要主体位置。其它必须功能放在次之位置。3.不要让那些有必要而非必须的功能，因为自身利益的需要，强行抢占主体位置，以致影响人们对最熟悉、最常用的功能使用。网站字体颜色避免字体过于黯淡导致阅读困难·字体色与背景色对比明显·字体颜色不要太杂·有链接的字体要有所提示，最好采用默认链接样式·标题和正文所用的文字大小有所区别·作为内容的文字字体大小最好能做大一点·英文和数字选用与中文字体和谐的的字体图片是除文字外的第二语言，网站中图片的主要作用大致有以下三种：banner广告图片、产品展示图片、修饰性图片。图片运用不合理的情况通常有：图片尺寸过大、动态图片过多、应该使用文本的地方错用了图片。·出现的位置和尺寸合理，不对信息获取产生干扰，喧宾夺主站点地图、网站图片的设计、网页色彩、页面大小及属性网站地图清晰文字展现网站图片的设计要素一般不超过30kb大小网页色彩设计的规则1、网页的色彩和谐，与网站品牌整体形象相统一2、网页上的主色调+辅助色一般不要超过三种颜色，否则让用户眼花缭乱，产生不愉快心情3、可以通过以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。网页大小一般在35～100k左右页面中不要过多的用"_blank“页面浏览时间不要超过10秒

题外：【网站颜色严重影响消费者购买决定】

【网站颜色严重影响消费者购买决定】1.93%的消费者在做购买决定时会考虑到颜色和外观。2.85%的购物者表示，在购买一件商品时颜色是主要考虑因素。3.如果颜色搭配得体，品牌知名度会提升80%。网页尺寸网页大小取决于两个因素：a、显示器屏幕，以17寸为主流，正朝19寸宽屏方向发展。b、浏览器，通用ie、friefox、傲游。由于显示器、浏览器、网站类型都是变量，所以我们得出结论：这个世界永远没有最好的网页。大屏幕趋势：1024×768分辨率的用户占到44.4%,并且在逐月的下降为1280、1440、1920这三个分辨率已经占到34%。在大屏幕时代，网页的高度问题其实不算是问题。因为网页是可以向下延伸的，所以高度不受限制。对于一屏来讲一般没有固定值，因为每个人使用的浏览器的工具不同，而浏览器的插件占了半个屏幕，所以高度没有确切值。我们常规规定是，页面长度原则上不超过3屏。不过顺便提一句，一般文章资讯类网站，一页面最多发布1000字正文，就该分页了，否则用户读起来比较累。960和950的宽度是怎么来的？国内一些网站首页的宽度网站首页页面的宽度Yahoo950Myspace960网易960淘宝950新浪950搜狐950这些网站首页宽度都在950、960，页面结构比较复杂，可以看作是门户网站。960和950的宽度是怎么来的？在1024×768的分辨率下，打开苹果电脑的firefox，firefox窗体的大小约为974×650，减掉左右7px的边框，网页实际大小为途中的上半部分，高宽960×650因为大多数的设计师都喜欢使用过苹果机，所以，由