互联网的开展，由web1.0的门户网站年代过渡到了web2.0的查找年代，再过渡到现在的移动互联网年代。技能的迭代更新让人们知道国际的办法发生了极大的改动，但网站则在这数十年的开展变化中，一直发挥着它共同的效果。不同的产品形状（web/wap、APP、PC客户端等）遵照着不同的套路，那么网站规划有什么套路呢？
1年前，曾在摸爬滚打中完结了某官网的改版。在这个过程中，知道到了自己的鸿沟和缺乏。结合1年前规划网站时踩过的那些坑，咱们来聊一聊网站规划那些事，期望咱们都能从过往中学习，让未来走得更远。
1、假如让你做一个网站，你会怎么做？
假如有人问你，我要做一个网站，你来帮我规划，你会怎么做？ 在开端画原型、画脑图之前，需求弄清楚哪些事？
我以为要搞理解的作业首要是这几点：（1）网站的定位；（2）网站的信息架构；（3）导航规划。
网站的定位，指的是网站的方针用户是谁，首要承载的是什么功用，表现什么价值? 这个问题看起很简略，仅仅一句话的事，可是却决议了产品在交互、视觉、层级结构等方面怎么规划。
举例来说，假如网站的方针用户是年青用户，那么视觉和交互需求斗胆、个性化、酷炫，而假如网站的方针用户是中老年用户，则考虑到这些用户对互联网的运用才能相对较低，则需求将交互和视觉规划得更简略，以便于用户操作。
假如网站的定位是展现公司的企业形象，那么比较偏重内容和漂亮；假如网站的定位是展现产品进行买卖，比方常见的电商网站，那就比较偏重功用和功用，呼应是否快、是否可以承受较高的并发量等。
网站的信息架构，指的是网站的层级结构。一般网站的途径相对比较固定，比方关于内容类网站的途径是：主页—>列表页—>详情页；电商类网站的途径是：主页—>列表页—>产品详情页—>提交订单页——>付出页面—>付出完结页。相对固定的途径带来的优点是：1）信息的过滤需由多到少，契合用户寻觅信息的套路；2）相对固定的途径，便于养成用户的认知习气，下降用户的体会本钱；3）相对固定的途径，便于规划和技能完成的一致，进步复用性。比方内容类网站的途径是：主页—>列表页—>详情页，那么在进行UI规划的时分，就可以规划三类模版——主页、列表页、详情页。技能在完成的时分，也可以复用一些组成或办法。
网站的信息架构不宜过长，关于用户来讲，在抵达方针页面的每一个环节，都有或许丢失。因而，为了捉住用户的留意力，咱们需求尽或许的缩短用户的体会途径（也即网站的信息架构）。
网站的导航，是网站规划中最重要的元素 。导航可以分为两类：tab类导航和面包屑导航。导航最重要的效果是，告知用户当时处于什么方位。PM作为规划者，一般可以理解自己的产品的层级联系，可是用户却不必定可以搞懂。当用户阅读到某一个页面发现没有自己想要的内容时，用户需求知道怎么回到开端。
1年前在做网站改版的时分，我犯了一个显着的过错。网站层级为：主页—>列表页—>详情页。点击主页的不同按钮可进入到多个列表页，可是列表页上并没有导航，导致到了列表页的用户，一旦发现列表页不是自己想要的内容想要回到主页，不知道怎么操作。
2、假如在做网站的时分，提早规划好SEO的需求，TDK的效果是什么？
关于查找引擎SEO
TDK是SEO优化的一种常用办法。
T 代表页头中的title元素，D 代表页头中的description元素，K代表页头中的keywords元素
其间”T”代表页头中的title元素，这儿或许还要利用到分词技能，当标题(Title)写好后，咱们就尽或许不要再去修改了，尽量简练，没含义的词尽量不要加入到标题中，防止搅扰到查找引擎辨认网站主题（标题在三十个以内）。
其间”D”代表页头中的description元素，要知道描绘是对网页的一个概述，也是对title的弥补，由于title中只能书写有限的字数，所以在description中就要略微具体的弥补起来，一般用一句两句话归纳文章的内容，内容要精简,可是次数不要超越4 次，3次最佳，必定要天然。
其间”K”代表页头中的keywords元素，提取页面中的首要关键词，数量操控在三到六个内。想方设法让主关键字都呈现。
标题、描绘、关键词在查找引擎优化界也被称为三个标签。
当咱们运用查找功用时，查找引擎蜘蛛会抓去网页上的关键词等信息，这会作为权重的一部分。好的TDK，可以进步网站在查找引擎的权重。
SEO的优化是一个长时刻的作业，也是比较专业的一个作业，一般有专业的SEO人员做此部分作业。TDK的装备，可以参阅一些站长东西中供给的热词。
3、网站常见媒体资源
网站上常见的媒体资源有：文本、图片、音频、视频。文本、图片、音频的规划和处理相对简略，此部分首要叙述视频资源的基本知识，以及网站规划中需求考虑的内容。
网站的基本知识：
视频明晰度：常见的视频明晰度有：720p,1080p。
720p便是影片的屏幕尺度为帧宽度1280、帧高度720，即1280×720的意思，是数字电影成像技能和计算机技能的交融。
1080p便是关于16:9的而言指的是帧宽度1920、帧高度1080，即1920×1080的意思，关于4:3的而言指的是帧宽度1440、帧高度1080，即1440×1080。
高清视频的明晰度取决于其码率的巨细，关于同一部影片来说码率越大明晰度越好，文件也相应地更大。但条件是转码时不是人为地把码率进行调高，这样做是毫无含义的。
码流：码流（Data Rate）是指视频文件在单位时刻内运用的数据流量，也叫码率，是视频编码中画面质量操控中最重要的部分。相同分辨率下，视频文件的码流越大，紧缩比就越小，画面质量就越好。
网站中运用视频资源首要留意视频明晰度和呼应时长是否平衡；
视频明晰度取决于分辨率和码流。从用户体会的视点来讲， 视频越明晰越好，可是高明晰度的视频会导致网站的加载速度变慢，反而给用户较差的体会。因而需求在确保明晰度的一起，进步资源加载速度，这时分就需求对视频进行紧缩。
4、网站常见功用指标
（1）.呼应时刻：对恳求作出呼应所需求的时刻（咱们可以简略理解为，用户点击了网站上的某个按钮，多长时刻有反响）呼应时刻一般需求遵照 2-5-8准则：（据统计当网站慢一秒就会丢失十分之一的客户）
当用户再2-5秒之间得到呼应时，会感觉体系的呼应速度还可以；
当用户再5-8秒内得到呼应时，感觉蛮，可是还可以承受；
当用户大于8秒内得到呼应时，感觉无法承受；
（2）吞吐量（Throughput）
指的是在单位时刻内客户端和服务器成功传送数据的数量；
（3）客户端的同一批用户一起履行一个操作的数量。
（4）兼容性：网站可以在哪些阅读器版别正常显现。一般依据网站用户运用的阅读器及阅读器版别决议。
5、不要只重视于眼下，要考虑未来
当需求方说，我要在网站主页加一个按钮，你会怎么做？不加思索的找个空白的方位？仍是挑选一个扩展性更好的方位？
加一个按钮的事，只需在网站上挤一挤，总仍是能找到那么一点方位的。可是，假如之后还要加一个按钮，两个按钮该怎么办？
一个好的产品计划，必定是具有杰出的扩展性的。在最开端做规划的时分，就应当考虑到未来或许发生的状况。眼前的偷闲，将会成为未来的大坑，办法总比问题多，想一想总仍是有更好的解决计划的。
始发于简书：易安令郎
上一年今天运营文章2022:GMV、客单双双进步30%，百果园怎么经过私域赋能数千加盟店做线上增量？(0)2022:怎么从0~1建立AB Test体系(0)2022:快手资讯 | 5月累计整理违规短视频超20万条，加强未成年人维护，上线“先用后付”(0)2022:掌握小红书的内容营销趋势，快速进步品牌曝光(0)2022:怎么打造视频号的爆款内容？(0)
微信扫一扫 
支付宝扫一扫 
