Web用户体验解构看书笔记.docxVIP

交互设计倡导的就是“It depends”的精神，没有最完美的设计。只有最合适的设计；互联网产品设计亟待解决的问题1，没有充足依据的设计方案2.没有规范的约束3.设计无章可循对于全新网站的设计，1.先从整体上确定网站布局和配色方案2.将网站所需元素进行解构，仔细斟酌每一个细节的设计3.从整体的角度来体验每个细节是否符合全局的需要，然后进行局部的调整。大多数网站通过数据分析、可用性侧试、深度访谈、专家评估等方法获取相关依据来改进网站设计。网站主要功能区：头部：又叫网站的Header,包括LOGO、Slogan、Banner等相关元素页尾：又叫网站Tailer,包括公司信息，举报等信息导航区：包括梳妆导航，面包屑等，广义的导航包括搜索区搜索区：主要指网站搜索框登录注册区：注册登录区域信息展示区：呈现网站展示信息广告区：放置广告的区域，分散于页面不同区域6.页面元素包括表单、标签、链接、翻页、按钮、反馈、验证码等常用语各个功能区中，其他细节如字体（字型，字号字体与背景颜色对比等）、网站文字的语气对用户体验起重要作用7.Nielsen尼尔森可用性原则，包括系统状态可见性、系统与真实世界的关联性、预防错误等，具体参见｛可用性工程｝一书8.信息架构最好通过卡片分类法等进行统计分析，使其符合用户的心理模型。9.合理的界面布局，应该符合用户的浏览习惯、合理的引导用户的视线流；10.讲网站布局分一栏式布局，一栏式首页优点在于信息展示集中、重点突出，通常通过大幅的精美图片或者动态FLASH来实现强烈的视觉冲击力，给用户留下深刻印象，提升品牌效应，留住用户进一步浏览，但因信息展示有限，需添加导航或者重要入口链接等，起到入口和信息分流的作用。常见的一栏式首页包括企业网站及小型商务网站的首页，除首页外，一栏式布局还适用于目的性单一、较为独立的二级页面或者更深层次页面，如注册表单页面，用户只聚集在表单填写上。11.二栏式的排版是常用的布局方式之一，中和了一个三的优缺点；相对一来说，它可容纳更多内容，相对三来说，信息不至于过度拥挤和凌乱，但它不具备一的视觉冲击力和三的超大内容量的优点。12.三栏式的布局方式对于内容的排版更加紧凑，可以更加充分地运用网站的空间，尽量多地显示出信息内容，增加信息的密集性，常见信息量非常丰富的网站，如门户类型网站；13.设计要点：1.选择合适的布局方式，根据信息量和页面类型等选择核实的分栏方式，并根据信息间的主次选择合适的比例，对于重要信息赋予更多空间，体现出内容间的主次关系，引导用户的视线流。如门户类网站首页面采用三栏式，某新闻等具体页面，采用一栏式或新闻为主的两栏式2.通过明显的视觉区分，保持整个页面的通透性3.按照用户的浏览习惯及使用顺序分布摆放内容（根据眼动结果，用户的注意力往往呈现“F”型，最经典就是GOOGLE搜索结果“金三角”现象，应将重要内容放左上角，右侧放次要内容。4.统一规范，提升专业度（对于不同页面，选择相对合适的页面布局，同类型或同一层级的页面，应尽量使用相同的布局方式。14．网站目标用户群体（当地的文化因素，不同性别，年龄、教育背景等）、网站类型及品牌形象等因素在很大程度上决定了网站的色调选择。针对儿童的网站应体现出童趣，更加偏好丰富绚丽的色彩针对女性的网站应该温暖，浪漫，一般偏爱紫色。粉色针对年轻人的网站应该更加轻快，活力，色彩鲜艳，较饱和的颜色针对老人的网站应该宁静，不花哨，一般对灰色系接受度高针对商务人士的网站应该庄重，有质感15.网站类型：门户类网站通常给人大众，专业，稳重的印象，其主色调往往在常用颜色中选取，适合大部分人品味电子商务网站颜色非常丰富绚丽，给人激情，热闹，舒适的印象。如淘宝的橙色，百度有啊的红色系，较多使用暖色调，刺激用户浏览购买的欲望 SNS(社会性网络服务)网站，一般给人轻松互动的氛围金融类网站需要体现庄重，正式，采用稳重的颜色汽车类网站通过颜色、图片等共同体现出质感、稳重、速度等，给人强烈视觉冲击政府类网站相对较严肃，庄重，使用颜色较深的沉稳基调科技类网站，通常选用蓝色。黑色等象征现代和科技的颜色16.提升品牌的形象是很重要的，可以加强主色调和LOGO的关联17.网站配色方案。主色调，搭配辅助色，点晴色，背景色18LOGO的呈现方式不一样，独立的LOGO适用网站首页。LOGO+文字，适用于网站子类目LOGO+logo.适用于合并后网站，除此之外，很多网站会在节假日期间设计应景的LOGO体现气氛，提升用户对网站的体验19页尾设计细节问题1.页尾信息过多过杂2.不同页面的页尾不统一3.版权说明格式（国际上的标准格式Copyright[日期（dates）]by[作者/所有者（author/owner）]其中Copyright通常可以用?代替，但是不能用（c）,ALL Right