浅谈如何设计一个高质量的网站

》首页 》 艺术论文 》浅谈如何设计一个高质量的网站
作者:无, 字数:11677

  摘 要:高质量的网站设计是一种企业品牌,企业可以依托这个平台展示自己的产品、经营理念和企业文化,树立企业形象。通过分析网站建设中存在的一些问题,针对性地介绍如何设计一个好的网站。
  关键词:网站;企业;网页设计
  一个高质量网站的设计应该是定位清晰准确,用户一看到就明白网站是做什么,都有哪些内容。优秀的网站设计本身就是一种品牌,就自带吸引力和自我营销的功能。
  一、网站设计目的
  首先是树立企业形象,与顾客共鸣公司理念。比如倡导一种前瞻性的生活理念,可以通过宣传片,视频,将产品融入生活。其次是公司产品介绍、做广告,宣传形式有图片、音视频、文字介绍还有AR技术(看产品大小尺寸);再次是引流,提高客户主观能动性,比如扫二维码加入微信群聊,从传统的单向宣传,让客户主动去获取信息(节日限定,打折活动等信息)。
  二、网站设计中存在的主要问题
  网站是现代社会公司的核心,有人这么评论一个公司网站的重要性:一个公司好不好,上他官网看看就知道了,如果他的官网都做得一团糟,那他家的产品也好不到哪去。普通消费者基于网站的一些简单的用户体验,喜欢抱怨如下几点:
   1.这个网站好垃圾,颜色真丑,画风幼稚,看起来很老年人风格。
   2.这个网站好垃圾,人一多就卡的要死。
   3.这个网站好垃圾,我根本找不到XXX按钮在哪里。
  4.这个网站好垃圾,手机打开字体都乱了,根本无法用手机浏览下单等等。
  在专业设计师看来,这些抱怨可以都可以归集为网页设计问题:
  1.网站的UI(用户界面),页面风格,绘图风格,LOGO,产品形象设计未能跟上时代潮流,如现在流行苹果引领的简洁风,如果用很深阴影的字体,大红大紫的颜色,必然让人感觉这个网页活在70年代。
  2.网站的服务器、网速带宽、后端程序设计者等缺陷,这是网站非常重要的一个环节,该环节会严重影响用户体检的好坏,这就好比一个手机用起来卡不卡,直接关系到性能问题。不过这个是可以通过投入资金技术来解决的,通过租用优质的服务器、雇佣熟练的网页搭建者等等,都可以获得较好的用户体验。
  3.网页的兼容性问题,即响应式设计。大部分情况,一个网页要能够适配不同的设备,PC,手机,平板,优秀一点的可能可以适配一下穿戴设备,例如Apple Watch等。响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。不适配手机等其他设备带来的直接影响就是字体错乱,字体会过大或者过小,让用户失去使用该网页的兴趣,用户失去兴趣带来的后果是巨大的。适配手机不仅仅是排版的设计,甚至可以利用手机的特性,例如关联微信、使用摄像头的AR技术展示产品等等。
  4.当用户反映找不到想找的网页功能按钮的时候,这就是网页交互设计者的责任了。网页交互设计者在设计UI的时候绝对不是随意发挥灵感,更不能随心所欲地乱放置用户可以“点击”的按钮。这里我要引入规范专业名词:用户友好型交互设计(User friendly design),用户可用性(Usability)。这两个词是用来描述某种设计能否提供一种优秀的产品与用户的交互。例如上面提到很多用户反映找不到想要的功能按钮,这个设计就是严重用户不友好型的。最理想的情况是,用户需要一个功能的时候,他觉得这个功能应该如何使用(有的时候也会认为这个功能按钮应当出现在哪里),用户顺着自己的思路,应该能够找到这个功能。例如,当我作为用户,我想要购买商品的时候,我很自然地将鼠标移动到商品的下方,然后我会很自然地发现,有一个写着“购买”的按钮就在那里,我立刻就可以点击,并完成购买。这是一种简单的情况,我们最不想看到的问题是,如果用户希望退款,或者联系客服(这通常是最考验一个网页用户体验的地方),用户怎么也打不开和客服沟通的聊天对话框,这会让用户感到非常痛苦。
  一些大企业有的时候会自作聪明,把他们不希望用户使用的功能设定在非常隐晦的地方,例如某网盘、某会员的自动续费功能取消按钮就非常难找,这种都是企业为了蝇头小利而自作聪明的方法,不仅给用户带来很好的非常不友好的体验,也给公司名誉带来了不必要的损失。
  三、搭建网站的重要环节
  在策划阶段,就要围绕着公司需求及网站功能点,将其一一解析出来,并整理成册为:PRD产品需求文档。设计者会根据制定好PRD的内容绘出用户友好型的网页交互界面。当设计者完成任务后,前后端程序编写者就要来具体实现这些精美的网页界面了。当具体开始搭建网站的时候,主要任务分为两块内容:设计和程序实现。
  1. 交互设计与视觉设计
   交互设计
   细分的话,UXdesigner做的是交互设计,UIdesigner做的是视觉设计,但是大部分时间,UI/UX是同一个人。交互设计会具体到每一个按钮放在哪个位置,如何设计出用户友好型的交互界面,如何让用户在最短的时间内获取最多的产品信息,在新技术的采用上,要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯;交互设计师得根据需求文档,合理地组织网站框架,建立一级、二级导航栏目,规划网站内页的浏览路径,以及页面跳转关系。通常会用Sketch、或OminiGraffle、mindnote等软件来梳理页面逻辑及框架结构,以完成交互设计稿的绘制。以便网站受众在浏览过程中能高效、愉悦地获取到他们想要的信息,合理的网页布局能给人一种视觉上的冲击力,从而为宣传、推广等奠定良好的基础。
   视觉设计
   视觉设计更像是美术设计,它们会让一个功能性的网站变成一个艺术品,网页美术设计一般要与企业整体形象一致,也要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。具体来说,设计师主要根据交互设计稿,确定网站内页的具体设计规范,包括网站颜色VI的选用、字体字号大小、以及素材的编排、选取及处理、每一根线条、每一个像素。将所有页面设计稿完毕后,标注好尺寸、颜色等数值信息,输出必要的图片、icon等资源,打包好后一并交给Web前端工程師。    2. 前端后端程序編写(Front-end devoloping)
   Web前端,也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。这个环节的主角是Web前端工程师。其主要根据网页设计师出具的设计稿,运用HTML、CSS代码实现页面重构和页面逻辑跳转,运用JavaScript、JQuery等技术优化网站浏览体验,以及网站界面交互动效、功能实现的制作。注意:在这个过程中会遇到些许问题,作为网页设计师要及时与之沟通,一起将界面的细节做到99%还原设计稿。
   Web后端更多的是与数据库进行交互以处理相应的业务逻辑。这个环节的主角是Web后端工程师,通常要用到PHP、java、C语言或C++等编程技术。需要考虑的是如何实现功能、平台的稳定性与性能、逻辑处理、数据的提交存储、更新修改、查询等。具体应用例如实现发文章、删除文章,点赞、评论、注册用户、购买等功能。
   在后端制作完成后,开始本地测试以检验其可靠性。在排除bug等问题后,就可准备上线了。准备好域名和服务器,最后检查服务器的配置工作, DNS解析,将域名和服务器连接起来。当然,稳定性和安全性一定要测试。最后再运用FTP工具上传资料到服务器,该网站就可以正常访问了。
  四、长期的维护
   一个网站上线后绝对不是马拉松到了终点,甚至可以理解为马拉松刚刚开始。开发网站的团队不能解散,他们从开发者变成了维护者。网站的维护要分前期和后期维护以及长久维护,相对来说后期维护耗费的人力较多,随着网站的规模越来越大,维护的费用会相对增加。例如有对服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。还有对数据库的维护、每日更新的内容等。
   1.网页内容维护
   网页的内容如果一成不变,会给人视觉疲劳。如果一个月前登录的网站上的内容和一个月后的内容完全相同,客户也许会认为这个网站的管理者是个懒人。相应的,网页内容要实时更新,及时对接产品部门,给出产品精美图片和简介等,这些都是让网站保持鲜活度的方式。
   2.网站推广
   网站建设完后需要有流量。网站如何获得流量就需要做好网站推广了。以下是一些常规的推广方法:
  (1)在公共场所发布广告,增加网站曝光。这种推广需要一些资金投入,企业可根据自身情况选择。
  (2)在各大网站发布软文,发帖吸引流量。
  (3)选择搜索引擎竞价排名。目前国内主流的搜索引擎是百度,可以选择百度竞价排名。
  (4)聘请专业人员或公司做好优化,提高网站搜索引擎排名。
  (5)制定网页改版计划,如半年到一年时间进行较大规模改版等。
   3、网站安全维护
   网站安全维护,是指出于防止网站受到外来电脑入侵者对其网站进行挂马、篡改网页等行为而做出一系列的防御工作。由于一个网站设计者更多地考虑满足用户应用,如何实现业务。很少考虑网站应用开发过程中所存在的漏洞,这些漏洞在不关注安全代码设计的人员眼里几乎不可见,大多数网站设计开发者、网站维护人员对网站攻防技术的了解甚少;在正常使用过程中,即便存在安全漏洞,正常的使用者并不会察觉。
  大多数网站设计,只考虑正常用户稳定使用。但在黑客对漏洞敏锐的发觉和充分利用的动力下,网站存在的这些漏洞就被挖掘出来,且成为黑客们直接或间接获取利益的机会。对于Web应用程序的SQL注入漏洞,有试验表明,通过搜寻1000个网站取样测试,检测到有15%的网站存在SQL注入漏洞。因此,在维护网站的时候,一定要考虑到网站的安全性,架好防火墙。
  总之,网站建设是一项复杂且长期的工作。企业网站在现代及未来的互联网社会将成为不可缺少的企业识别标志之一。

相关

相关

相关

  • 案例式PBL教学法在影像实践教学中的应用分析

  • 高职《建设工程监理》微课程开发设计研究

  • 应用型本科院校建筑设计基础课程教学改革探索

  • 课程结构调整与大学生就业问题研究

  • 特色专业建设对我校安全工程专业发展的作用

  • 地方高校生态型教学质量监控体系研究

No comments found.

相关