与重视用户体验有关论文参考文献

网站设计参考文献

网站设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。下面是我整理的网站设计参考文献，欢迎阅读与收藏。

网站设计参考文献

现在随着互联网的越渐强大,网站的建设就需要融入更多的功能、更丰富的内容和更美观更人性化的界面设计.如果一个网站既没有美观大方的界面设计也没有能够留住用户而设计的易懂易操作的功能,就失去了存在的意义.下面是我整理的网站设计参考文献,供大家借鉴参考.

[1]龚晓丽,田倍齐,高媛,何云,李宜珈.基于微信公众平台的固原气象微网站的设计与实现[J].农业与技术,2020,40(08):106—107.

[2]邢彤彤,覃蕊,高峰.基于PHP+MySQL技术的农家乐推广网络系统开发与实现[J].计算机产品与流通,2020(05):52.

[3]乐蓓.高性能电子商务网站前端设计理念研究[J].计算机产品与流通,2020(05):95.

[4]董辉,韩林贝,董浩,袁登鹏,李华昌.基于Web的手套机工业物联网平台设计与开发[J].计算机测量与控制,2020,28(04):200—204.

[5]路志红.电力网络视频网站版权风险管理信息系统的设计[J].变压器,2020,57(04):93.

[6]杨晶晶.网站管理系统中数据库设计的应用[J].福建茶叶,2020,42(04):39.

[7]张欢,姜在新.基于不同人群的农产品电商界面设计研究[J].轻纺工业与技术,2020,49(04):114—115.

[8]杨毅,林圣基,周元春,陈建国.基于智能手机与WEB平台的微课移动教学系统设计与实践[J].自动化技术与应用,2020,39(04):182—185.

[9]柴畅.跨境电商平台中美购物网站店铺主页的跨文化比较[J].电子商务,2020(04):33—34+36.

[10]陈猛.基于Java的购物网站设计与开发[J].农家参谋,2020(08):200.

[11]袁莹静,陈婷,陈龙,周芷仪,谢鹏辉.基于Web的二手车交易系统的设计与实现[J].软件,2020,41(04):195—199.

[12]周宇轩,朱科旭,杨知涵,唐诗钰,褚永彬.基于HTML5的“慢游”旅游Web App设计与实现[J].电脑与信息技术,2020,28(02):47—50.

[13]王昭.基于用户体验的中国扇文化推广类网站的设计研究——以“京扇子”品牌官方网站设计为例[J].设计,2020,33(07):28—31.

[14]肖文娟,王加胜.基于Vue和Spring Boot的校园记录管理Web App的设计与实现[J].计算机应用与软件,2020,37(04):25—30+88.

[15]邬洪波.基于PHP技术的视频点播网站设计[J].集成电路应用,2020,37(04):68—69.

[16]陈红梅,李柯瑶.“考研派”考研综合辅导网站设计与实现[J].中外企业家,2020(11):215.

[17]张德宝.网页欣赏精品分析教学平台的设计[J].黑龙江科学,2020,11(07):98—99.

[18]王建,罗政,张希,张梦琪,张科,马文成.Web项目前后端分离的设计与实现[J].软件工程,2020,23(04):22—24.

[19]王小飞,韩继凯,王元鑫,袁涛.基于Web标准的虚拟实验教学平台的研究与设计[J].办公自动化,2020,25(07):49—52.

[20]曹巍,尤晓东.《网页设计》课程的综合实验设计[J].教育教学论坛,2020(14):114—116.

[21]沈旭,柯晴,王新政.移动应用程序开发精品课程网站研究与设计[J].软件工程,2020,23(01):54—58.

[22]马宁,陈曦,张李铭.基于Selenium与Openpyxl的Web脚本自动化设计研究[J].电脑知识与技术,2020,16(01):51—53+70.

[23]牛慧清.网站建设的平面设计技术研究[J].科技资讯,2020,18(01):15+17.

[24]徐文君,袁占良.Web室内地图导览系统设计与实现[J].科技通报,2019,35(12):37—40+45.

[25]潘红玉,刘博夫.高校门户网站响应式设计方法与实践[J].科教文汇(下旬刊),2019(12):120—121.

[26]林婷婷,曲洪建.服装网站设计对购买意愿的影响研究[J].上海工程技术大学学报,2019,33(04):392—398.

[27]徐刚,翟梦娇.基于SSM的美容资讯商务网站的设计与实现[J].商丘职业技术学院学报,2019,18(06):65—71.

[28]曹利.基于Bootstrap旅游网站设计与实现[J].太原师范学院学报(自然科学版),2019,18(04):65—67.

[29]潘蕊.SSH框架的Web网站设计与实现研究[J].成才之路,2019(36):58—59.

[30]张君,阮庆玲,康艳梅,郑纯静,彭俊超,程礼童.宠物殡葬服务网站的设计开发探讨[J].畜牧兽医科技信息,2019(12):6—7.

[31]计大威.基于WEB系统与J2EE开发技术的财务凭证管理系统设计与实现[J].自动化技术与应用,2019,38(12):160—163.

[32]张贵强,王美玲.基于NodeJS的企业网站的设计与实现[J].信息技术与信息化,2019(12):58—60.

[33]毛捷磊.新时期网页设计中计算机图像处理技术应用分析[J].数字技术与应用,2019,37(12):65—66.

[34]李昂,姚新改,梁星,董志国.基于Pro/的冷等静压机绕丝缸在线设计[J/OL].机电工程,2019(12):1290—1293+1308[2020—05—14].

[35]蔡长征.数据库设计在网站开发中的应用研究[J].科技风,2019(35):80.

[36]李昂,姚新改,梁星,董志国.基于Pro/的冷等静压机绕丝缸在线设计[J].机电工程,2019,36(12):1290—1293+1308.

[37]唐滔.基于Web技术的农产品网站设计与实现[J].电脑编程技巧与维护,2019(12):18—20.

[38]何明慧,刘云鹏.高校“导学互动”模式下《网页设计与制作》课程教学改革实践[J].计算机工程与科学,2019,41(S1):50—54.

[39]李亚男.计算机网页设计中图像处理技术的应用[J].无线互联科技,2019,16(23):136—137.

[40]熊建宇.文学网站的设计与开发[J].技术与市场,2019,26(12):89—90.

[41]韦玉辉,苏兆伟,潘美林.基于Web页面的服装个性化定制系统设计与实现[J/OL].浙江理工大学学报(自然科学版):1—6[2020—05—14].

[42]孙炯宁.高校求职招聘网站系统的设计与实现[J].数字技术与应用,2019,37(11):157+159.

[43]罗路腾,王贵鑫.基于Springboot的博客网站的设计与实现[J].科学技术创新,2019(33):64—66.

[44]刘雅慧.基于Struts框架的考研资讯平台的设计与开发[J].现代信息科技,2019,3(22):22—24.

[45]侯冬青,宫育全,朱明红.基于“引导—发现”策略的“走近细胞”专题网站的设计与开发[J].信息技术与信息化,2019(11):133—136.

[46]侯冬青,李敏,罗玉洁.“幼儿学英语”专题网站的设计与开发[J].信息技术与信息化,2019(11):154—157.

[47]丁浩.基于MVC模式的购物网站设计研究与实现[J].电脑知识与技术,2019,15(33):27—29.

[48]廖妍.网页设计中计算机的图像处理[J].数字技术与应用,2019,37(11):67—68.

[49]黄涓,鲍正德,李晨曦.旅游网站的建构与设计——以国内六大旅游网站为例[J].信息与电脑(理论版),2019,31(22):52—54.

[50]周橙旻,于梦楠.基于用户体验的家具展示类网站设计研究[J].包装工程,2019,40(22):181—189.

[51]杜鹏辉,仇继扬,彭书涛,柴沣伟,刘意先.基于Scrapy的网络爬虫的设计与实现[J].电子设计工程,2019,27(22):120—123+132.

[52]夏天,张宁,王大众,何俊花,沈瑶,黄晓瑞.Web 时代的档案网站评价指标体系构建[J].档案学通讯,2019(06):64—71.

[53]赵富强,罗伍周,朱小波.基于Android和Web的通用航空业务管理系统设计与实现[J].现代计算机,2019(32):65—72.

[54]赵国文.基于Web的智能家居远程控制系统设计与实现[J].花炮科技与市场,2019(04):235+242.

[55]戴宏明,戴宏亮.基于HTML5大型营销型网站设计研究[J].软件,2019,40(11):57—61.

[56]张辉,李子源,张阳.博物馆微环境监控系统Web端软件设计[J].计算机应用与软件,2019,36(11):11—13+46.

[57]高波,刘琳琳.基于站群系统管理的图书馆网站设计与开发[J].企业科技与发展,2019(11):48—49.

[58]邱俊豪,朱文列,李健,纪毓新.基于Java Web的“共享南国”食堂点餐系统的设计与实现[J].现代信息科技,2019,3(21):62—64.

[59]庄丽君.网页设计中计算机图像处理技术的应用[J].无线互联科技,2019,16(21):21—22.

[60]卜同,赵巍.基于外籍游客视角的智能导游系统网站的设计与研究——以沈阳景区为例[J].现代信息科技,2019,3(21):83—84.

[61]王美芝,支学超,刘财辉.基于Python的多线程聚焦网络爬虫设计与实现[J].赣南师范大学学报,2019,40(06):35—38.

[62]孙荣明.以Web与数据库算法为载体的软件应用设计分析[J].信息与电脑(理论版),2019,31(21):46—47.

[63]杨嘉诚,柯海丰.基于HTML5和JavaScript的信息学学习网站的设计与实现[J].计算机时代,2019(11):32—34+37.

[64]刘桃丽,曾志超.MVC架构下网站的设计与实现[J].计算机技术与发展,2020,30(02):188—191.

[65]刘剑桥,孙刚,魏梦雪,曹飞虎.摩登农场网站的设计与实现[J].电脑知识与技术,2019,15(31):35—36+44.

[66]刘珍,方明.基于Spark Sreaming网站流量实时分析系统的设计与实现[J].智能计算机与应用,2019,9(06):201—205.

[67]袁智,李樾,张正伟.基于HTML5的跨平台家具网站设计与实现[J].信息记录材料,2019,20(11):177—178.

[68]李泗兰,郭雅.视觉空间元素在网页设计中的应用研究[J].电脑知识与技术,2019,15(29):212—214.

[69]朱育林.基于Web前端开发的公司网站设计[J].河南科技,2019(28):36—38.

[70]史雪雪,刘清惓,浦玮,王定奥.强制通风温度传感器辐射误差修正与网站设计[J].现代电子技术,2019,42(19):149—153.

[71]朱健.基于Web技术的PSX800后台系统的设计与实现[J].计算机时代,2019(10):47—49+53.

[72]王勇,卢磊.基于网络爬虫的上市公司交易数据共享平台设计[J].价值工程,2019,38(27):267—269.

[73]张宏.网页设计中的图形图像处理技巧探索[J].信息与电脑(理论版),2019,31(18):154—156.

[74]盛凯,毛红霞.基于新浪微博网站的数据采集的设计与实现[J].信息与电脑(理论版),2019,31(18):92—93+98.

[75]黄文灿.基于Java Web的旅游服务系统设计研究[J].数字技术与应用,2019,37(09):156—157.

[76]孔波,邹有,卢红兵,杨华武,庹苏行.基于Web的色质数据解析平台设计与开发[J].计算机技术与发展,2019,29(12):198—204.

[77]闫朝阳.基于Web的大数据分析平台交互设计研究[J].设计,2019,32(17):94—97.

[78]胡念祖,林晓焕,肖新帅.基于嵌入式Web服务器的远程温度采集系统设计[J].舰船电子工程,2019,39(09):113—117+182.

[79]谭卫,阳晓霞.基于移动Web技术的高校思想品德教育工作评价系统设计与研究[J].信息与电脑(理论版),2019(15):101—104.

[80]宋丽芳.网站建设中网页设计的安全缺陷及对策分析[J].信息通信,2019(08):113—114.

[81]吴城.跨境电商网站系统的设计与分析[J].商场现代化,2019(15):37—38.

[82]蔡振海,张静.基于python的网络爬虫系统的设计与实现[J].电脑知识与技术,2019,15(23):36—37.

[83]黄绍涵.“HZD”校友圈社交网站设计与开发研究——就业模块设计[J].电声技术,2019,43(08):29—32.

[84]李翔宇.基于Web前端开发技术的儿童教育网站设计与实现[J].中国新通信,2019,21(15):196.

[85]曾婷,凌财进.基于HTML5的计算机一级考试模拟Web APP的设计与实现[J].办公自动化,2019,24(15):60—62.

[86]王立强.HTML5:电商网站设计与实现[J].营销界,2019(30):152—157.

[87]黄安.基于PHP+Mysql技术的网站设计与实现——以美食网站系统的设计为例[J].轻纺工业与技术,2019,48(07):168—170.

[88]张欢.服务类网站设计与经营模式的实例研究[J].科技经济导刊,2019,27(21):207+197.

[89]王瑞,徐方晨.开放共享实验室的Web平台设计与实现[J].工业控制计算机,2019,32(07):120—122.

[90]苏思雨,陈汝倩.长白山体验式旅游日文网站的设计与建设[J].数字技术与应用,2019,37(07):139—140.

[91]高宁婧.小说付费阅读类型网站用户体验的问题与对策[J].大众文艺,2019(10):265—266.

[92]于欢,李梅.医科类高校图书馆网站运行及界面设计情况探究[J].科学技术创新,2019(15):84—85.

[93]高香,宋敦江,梅新.基于Web的地形匹配系统设计与开发[J].计算机测量与控制,2019,27(05):226—230+235.

[94]冯思度,杨健叶,韩煦.基于医疗信息的网络爬虫系统的研究与设计[J].现代信息科技,2019,3(10):23—25.

[95]刘纯,赵茂林.数字媒体时代多媒体网站页面设计中的美学因素研究[J].中外企业家,2019(15):52.

[96]曾棕根.ThinkPHP模式下网页自动认证机制的设计[J].福建电脑,2019,35(05):25—28.

[97]吴恒,戴晓虎.基于Web的家庭乐园分享平台的设计与实现[J].现代信息科技,2019,3(10):86—87+91.

[98]隋欣,赵玲,张欣,王东磊,尚绪豪.基于PHP的“接钥匙”装修网站的设计与实现[J].电脑知识与技术,2019,15(15):92—93.

[99]姚晓婷.用户体验视角下的产品网页视觉传达设计——以电子产品为例[J].黑河学院学报,2019,10(05):173—175.

[100]王强,张虎,宋冰严,刘星星,程龙飞.基于Java Web的网上医药商城的设计与实现[J].无线互联科技,2019,16(10):28—29+32.

[101]梅元昭.基于Jquery课程网站的设计[J].无线互联科技,2019,16(10):39—41.

[102]郑洲.一种基于物联网的智能家居网站设计探讨[J].计算机产品与流通,2019(06):123.

[103]周伟,左右飞.基于Bootstrap的校园招聘网站的设计与实现[J].信息技术,2019,43(05):29—32.

[104]杨正午.基于WEB前端开发技术的网站设计——以连锁超市商品销售管理系统为例[J].山西科技,2019,34(03):51—53+57.

[105]刘玉洁,韩松歧.易果生鲜网站首页设计研究[J].电子商务,2019(05):31+76.

拓展资料：

网站介绍

简单来说，网站设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网页设计是设计过程的前端（客户端）的设计通常用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。网站设计(Web Design)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络服务。网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！

设计原则

自适应网页设计也称为 响应性的Web设计 -设计网页，提供一个很好的感知上的各种设备连接到互联网。

自适应网络设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的分辨率和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全范围的设备最佳显示。

设计版权

可选择融合和集成各种数字版权技术和权威时间戳公证处公证邮箱等可信第三方群支撑的'支持的大众版权认证保护平台进行网站设计版权自主存证和首次发布智能认证，取得作品归属权初步证明，需要时，通过司法鉴定，增强证据的法律效率是核心保障

建站过程

准备内容

在域名注册查询网址之前就应该先搜集至少「一百页」的内容，这些内容必须是有价值的、不违反著作权的内容。

网址

想个比较有意义，好记的网址。

网页设计制作

对搜索引擎来说，他们无法检索到网站里的flash、java applet和javascript，也无法检索到你图档里写的字，所以在网站设计上，只要尽量简洁有力，让内容可以好好的呈现，就是一个成功的seo网站页面。页要尽量符合w3c的标准。

每页档案大小

建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下，以免影响内容的完整。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

内容

每天建立一个500～1000字的网页，当然这个网页里面必须包含你重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具

关键字密度

拿出你的关键字，在下列六个地方各使用一次：

标题；

meta标签；

网址；

粗体关键字 （就是写出你的关键字，然后把他加粗）；

斜体关键字 （就是写出你的关键字，然后把他斜体）；

页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1）。

内部链接

内部链接就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。合理的网站内链接构造，能提高搜索引擎的收录与网站权重。你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。

为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。

你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。

网站上线

最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天…

确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个「好网站」的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。

接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用搜索引擎快速付费登录，这可以让你的网站在一定的时间内排名增加到前几名，若是没钱的话也没关系，慢慢等还是会被登录进去的。

送交搜索引擎

把你的网站登录好后，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三～五个星期就会进入索引里面了）

网站推广

网站推广毋庸置疑任何一个想盈利的网站都无法回避付费推广服务，推广方面最主要的就是竞价排名。网站推广在建站之后是最重要的一步！

纪录与追踪

申请一个不错的网页计数器。

程序设计

网站设计包括前台用户视觉体验的设计和后台程序功能设计，两个方面都是非常重要的；视觉设计对于客户的阅读带来愉悦和信任，后台注重操作的方便行。

制作流程

以下是网站设计公司服务流程及图示，并对所需注意的有 关事项提供专业和详细的讲解。

1、需求－客户需求沟通分析 ；

2、签约－签署相关合同协议、客户支付预付款；

3、实施－网站页面设计、制作、程序开发；

4、验收－网站测试及验收；

5、维护－网站后期维护工作。

动态网站

网络技术日新月异，细心的网友会发现许多网页文件扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些都是采用动态网页技术制作出来的。

早期的动态网页主要采用CGI技术，CGI即Common Gateway Interface(公用网关接口)。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C++等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。

技术

PHP

PHP即Hypertext Preprocessor(超文本预处理器)，它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。

它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。

ASP

ASP即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。ASP程序语言最大的不足就是安全性不够好。

ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。

但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台的Web服务器上工作。

JSP

JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。

JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85%以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。

NET

NET是ASP的升级版，也是由微软开发，但是和ASP却有天壤之别。NET的版本有、、、、。是网站动态编程语言里最好用的语言，不过易学难精。开始，NET把前台代码和后台程序分为两个文件管理，使得NET表现和逻辑相分离。NET网站开发跟软件开发差不多。NET的网站是编译执行的，效率比ASP高很多。NET在功能性、安全性和面向对象方面都做的非常优秀，是非常不错的网站编程语言。

ASP、.NET、JSP和PHP的优点和缺点

ASP

优点:

无需编译

易于生成

独立于浏览器

面向对象

与任何ActiveX scripting 语言兼容

源程序码不会外漏

如今的网站或app，同质化现象越来越严重，企业不再因为推出一个创新功能而自视甚高，因为会在很短的时间就被“抄袭”，所以产品特性已经不是抢占市场的利器。越来越多的企业已经意识到优质的用户体验才是商机，才是体现差异化的最好方式，才是提高用户忠诚度的最大因素。 之前文章里提到过用户体验5要素的概念，同时笔者认为这5要素也是产品设计流程。5要素从下至上分别是战略层、范围层、结构层、框架层和表现层。这5个层面提供了一个产品设计的基本架构，同时用户体验也要基于这5个层面去处理问题，从抽象到具体，每一层都是以下面一层为基础，同时每一层也会反向影响下面一层的决策。 战略层是指对于产品的决策，包括市场定位、目标用户、目标用户的需求。 设计师在这一层面的任务则是做相关的用户调研，通常的方式有调查问卷、用户访谈、焦点小组、现场调查等等。之后可以细分出目标用户，再创建相关的人物角色用以提炼用户需求。 但是在很多公司里战略层的工作通常是由产品经理来完成，他们会从商业利益和项目的角度出发，所以造成设计师们可能无法从产品经理的文档里直接归纳出产品定位、目标用户的情况和目标用户的需求。 如上图所示，假设有100个受访用户，90个人是年轻人，10个是中年人，从产品的角度年轻人和中年人都是使用人群，但是对于用户调研来说产品的目标用户可能只是年轻人，那么由不同用户群所延伸出的产品功能也不尽相同。所以在战略层的阶段，如果有条件，设计师最好可以参与其中与产品经理共同完成对产品需求的梳理，从初期就可以掌握产品的目标用户，以及用户的需求，以避免进入设计阶段不必要的麻烦。 从战略层获得的目标是从目标用户的角度出发，将其转化为产品的功能和产品提供的内容就是范围层。 这个层面用户体验可以再次利用战略层所创建的人物角色，虚拟出该人物角色在真实的使用情景中会如何通过产品去完成他的需求，从这个过程中挖掘产品的功能和内容。同时也可以做相关的竞品分析，从类似产品中寻求灵感。 在这一个阶段，面对大量先前传出的产品需求，设计师需要确定产品功能和内容的优先级，此时除了考虑公司整体的商业利益外，甚至还需要了解公司技术团队的实力（这个时候如果设计师懂技术，可以极大提高工作效率），所以与产品经理和技术部门的沟通也不能忽略。在设计范围层的阶段，设计师需要产出相关的产品功能图。 确定了产品需求和优先级后，此时的产品需求是零散的，接下来要整理这些产品需求，完成产品架构，即确定这些需求呈现给用户的“顺序”。 这个层面，对于设计师来说，可以分为交互设计和信息架构两项工作。交互设计在之前的文章中提到过，即在此阶段，设计师需要按照用户的心理模型将产品功能的逻辑一步步规划好，例如，用户必须先完成功能A再完成功能B，才能确定下一步是完成功能C还是功能D。在这一步中，设计师可以产出产品主要功能的流程图。 另外对于信息架构，类似于交互设计，区别是交互设计针对的是产品的功能，而信息架构针对的是产品提供给用户的信息。同样地，设计师对于信息架构的设计仍然需要符合用户的心理模型，具体表现在产品的组织分类的结构。在这里提供两种构建信息架构的方法，分别是“从上到下”和“从下到上”。 从上到下是从产品战略层出发，将最满足决策目标的内容和功能进行分类，再依据逻辑细分出次级分类。从上到下的分类方式通常应用在2B产品中，从核心功能和内容分支出次级功能和内容，再分支出下一级功能和内容。 从下到上是从范围层出发，将各个功能和内容依照一定的逻辑归属于最低一级的类别，再将它们分别归属于较高的类别。从下到上的分类方式在2C的产品中经常使用，从最基本的功能和内容开始一级一级归类。 框架层是产品实际的表现方式，包括界面设计、导航设计和信息设计。 对于设计师来说，界面设计就是要选择正确的方式将结构层所设计的产品逻辑表现在界面上，并且设计要容易被用户理解和使用。同时需要对用户使用的过程中可能产生的特殊情况设计相应的反馈。另外在设计时还需要遵守不同平台的规范，例如ios和android，Mac和Windows。 导航设计就是用户在使用产品时的一个指向标，在这个指向标上需要表明用户当前所处位置提供的功能和内容、用户当前的位置和用户可以到达的位置。 信息设计是对产品内容呈现方式的设计。如何将产品的内容最高效的传达给用户，设计师可以采用优化图标、标签和排版的方式。 在这一层面，设计师需要整合框架层的界面设计、导航设计和信息设计，最终产出线框图。而线框图也是设计师们在实际工作中最主要的产出物，但是线框图并不是设计师们在工作中应该投入最多时间的部分，因为高质量的线框图真正的决定因素是对产品战略层、范围层和结构层的设计，所以设计师应该将主要的精力放在更深层次的设计，也就是“想清楚再画清楚”。 表现层是用户对产品的感知设计，即用户如何感知设计师对产品的设计，是通过视觉、听觉还是触觉。 现在绝大多数的产品都是通过视觉被用户感知，所以一个产品的视觉表现直接决定了产品使用时“运作是否良好”，是否在视觉上可以完美传递之前层面的设计。设计师在表现层需要产出视觉稿，并且保证视觉稿设计做到对用户“眼睛”的吸引，将用户的注意力吸引到之前层面所设计的逻辑，并且引导用户高效地完成整个流程。 在笔者看来，这五层划分，即是用户体验要素，也是产品设计阶段的流程化步骤，每一层都有相应的规则和产出物。作为设计师，遵守这样的规范，可以避免设计遗漏，同时还可以提高设计的客观性。 参考文献：《用户体验要素》