“作为一个公司的门面,如果网站用起来很糟糕,客户凭什么相信我们公司很优秀?”
好网站的定义
相信凡是接触过网站业务的人,无论是网站建设客户还是网站建设供应商,心中都会思考“什么才是一个好网站”的问题。
不同的人因为不同的经历,对这个问题会有不同的答案。业内外人士会说“高端、有品位的网站就是好网站”;业内人士都会说,以用户体验为中心的原则设计的网站就是好网站。
显然,不同的人对一个好网站有不同的定义。即便如此,我们也不能忽视这样一个事实:当一个优秀的网站呈现在人们面前时,无论你是否专业,你都会立即认识到这是一个你心目中的好网站。
作为一个从事网站建设行业近十年的人,我想说,如果一个网站能够呈现出目标用户所需要的内容,并且散发出适合自身的外观风格,那么它就是一个好网站。
网站建设的五个层次
我想告诉你一个事实。一个拥有优秀用户体验的网站实际上是由一系列完整的决策组成的:网站的外观、工作原理以及它允许你做什么。
网站建设最重要的是决策
这些决策相互依存,告知并影响用户体验的各个方面。被无数人验证和认可的决策依据来自五个层面,即战略层面、范围层面、结构层面、框架层面和绩效层面。
这五个层次中的每一个层次都是由其前面的层次决定的,即策略层决定范围层,范围层决定结构层,结构层决定框架层,框架层决定表示层。
战略层
当公司决定建立网站时,他们会有一定的期望。同样,当用户搜索某个网站时,他也是带着期望来浏览该网站的。
网站建设的基础必须与公司战略发展规划紧密结合
战略层的工作是回答以下两个问题:
1、公司想从网站得到什么? [这个问题描述了网站的目标]
2. 浏览用户希望从网站获得什么? 【这个问题明确了用户的需求】
当一个网站能够清楚地表达公司想要展示什么并且准确地知道用户想要什么时。本网站已经完成了成为优秀网站的“战略层面定义”的关键一步!
范围层
当我们熟悉彼此的期望时,我们就可以有计划地将这些期望写在纸上。网站由页面组成。每个页面需要显示什么内容以及需要多少页。当您有明确的战略计划时,您就会知道如何定义这些页面的范围。
范围界定是一个有价值的过程,可以产生有价值的产品。网站范围层面的定义其实是在做两件事,一是流程,二是产品。
过程的价值在于,当网站处于项目建立的早期阶段时,我们有很多天马行空的想法。这个过程迫使我们考虑产品中潜在的冲突和难点,我们可以确定哪些现在可以解决。事,必须推迟解决。
产品的价值在于它是网站内容的参考点。产品的定义可以确保设计过程中不会出现歧义。即使有,也会有一个尺度来衡量,不至于无从下手。
结构层
当大量内容涌入你的脑海时,尤其是尚未分类的情况下,你无法快速有效地获取内容的优先级,内容的性能也会大打折扣。为了100%还原甚至加倍内容的强度,我们需要对内容进行结构化和分层。这个工作并不陌生,正是你听说过的信息架构和交互设计。
网站建设-交互设计与信息架构
信息架构需要创建一个分类法,该分类法将与我们网站的目标、我们希望满足的用户需求以及将纳入网站的内容相对应并保持一致。
交互设计考虑内容呈现的顺序以及内容节点之间的关联规则。
这两方面的工作都遵循正向推理和反向验证的方法,即从前到后,再从后到前,通过正向和反向的双重推演来验证流程设计的合理性。在推演过程中,网站目标和用户需求始终以线索的形式嵌入到整个生命周期的流程中,并保证始终得到满足。
你需要的都有,一切都有价值,这是结构层完善的真实体现。
框架层
框架层的工作实际上就是布局设计的工作,主要体现在三个方面:导航设计、界面设计、信息设计。这些努力的目的是让用户浏览网站变得更轻松、更轻松。
导航旨在帮助人们找到他们想要的东西。全局导航、局部导航、辅助导航、上下文导航、友好导航、站点地图和索引表,这些都是导航设计的形式。
界面设计的目的是将杂乱的内容进行有序的分类和分层。图片、图标、视频、文本、复选框、单选按钮、下拉菜单、多选菜单等元素是单独呈现还是一起呈现,都需要考虑合理的规划来确定如何放置它们。这个时期还必须考虑重量、平衡、点、线、面的设计原则。
信息设计的目的是将无序的内容调整为有序的内容。您可以使用合并同类项的数学规则来理解此调整过程。当我们呈现内容的时候,我们可以按照树形结构逐层呈现。
表示层
表现层位于五层模型的最顶层,是用户进入网站时首先感知到的部分。在这个层面上,内容、功能和美学相结合,产生最终的设计,实现其他四个层面的共同目标,同时满足用户的感官体验并呼应企业品牌形象。
网格设计原理保证多端稳定适配
在这个层面上,我们需要用到不可避免的美学设计规则,样式、字体排版等各种设计手法,以及红、橙、黄、绿、三基色的配色规则。在这个层面上,视觉设计师可以将一尊泥塑变成万代人欣赏的青花瓷,也可以通过笔触将一页宣纸变成永恒的经典。