设计一个伟大的网站不仅仅是创造力。本文阐述了在设计阶段进行的五个关键步骤。我是一个网页设计师和前端开发人员几年前,我才真正开始了解过程的重要性。 我看过网页设计师 - 无论他们是自由职业者,为一个大型机构工作,还是在中间的某个地方 - 一遍又一遍地遵循相同的一般事件顺序。
尽管这种方法的普及,它从来没有真正的工作。 即使您设法创造出视觉上引人注目的东西,但仍有100%的保证,表示您缺少与用户联系和转换的机会。 通过实施实际流程,您可以在网站上工作时通知决策,您可以创建优质产品,提升用户体验并增加转化。 下一次你打破你的头靠在墙上,努力召唤一个美丽的网页设计从你的创造性的天才心,尝试按照这里概述的五个关键步骤。北京建站平台人员谈如何规划一个成功的网站?
01. Sitemap和用户流
你已经进行了行业研究,做了竞争对手分析,您已准备好开始使用,但有两个重要问题,您应该首先询问客户。首先,请他们确定网站的首要一到三优先级。 它要求他们开始考虑优先级,这有助于发展和保持专注。它还打开了讨论这些优先事项意味着什么,以及如果有必要进行调整的门。你应该问的第二件事是:一个成功的网站是什么样的?当您开始规划用户流和转换目标时,这个问题非常重要。 获得该信息后,您可以开始为网站创建计划:网站地图。
网站地图是将包含在网站上的内容的第一个可视化,以及如何组织它。这是迈向以用户为中心,以内容为中心的产品的第一步。有两个观点要检查。首先,看看你工作的公司的目标。他们试图实现什么?接下来,确定他们的客户正在寻找什么。正是这两个观点的结合,最终意味着成功。开始思考需要呈现的信息类型,以适应最终用户和公司的目标。把用户目标放在第一位,最适合他们的用户也是最好的他们的业务。
02.帮助用户实现目标
在这一点上,你已经开始理解用户将通过网站的旅程,并已经开始考虑如何导致他们转换。使用您在第一步中创建的用户流程图,考虑如何通过站点将用户引导到转换点。把自己放在用户的角度,使用特定的人物角色,而不是广泛的受众群体,并将您的渠道定位到特定的人。他们的目标是什么?你如何帮助他们实现这些目标?
想象一下,我们正在为一家鞋店创建一个网站。 如果用户到达我们的网站,以购买一双鞋为目标,我们的目标是让他们尽可能容易。 在线鞋店应该快速有效地将用户通过购物流程结帐。制定计划以吸引具有相关内容的用户,请他们使用引人注目的号召性用语进行转化,使转换过程变得容易,并定期跟进。 创建焦点以帮助指导用户。 开发客户收购渠道是什么使一个网站成为一个商业工具,而不仅仅是一个漂亮的图片。 不驱动结果的设计不是好的设计。
03.内容开发
内容是网站的核心。这是你如何与人沟通的基础。这是你设计的基础。设计一个没有内容的网站就像试图把没有任何拼图的拼图拼在一起; 你只是抓住附近的随机物品(一个叉子,一个灯泡,也许一个咖啡杯),并试图使他们适合在一起。了解设计是客户的有趣的部分。内容是硬的部分。很大程度上,因为这一点,它也是可以持有一个项目的第一件事。 这些是在设计开始之前应该开发完整版本的网站内容的原因。
请记住,网站内容的理想阅读水平相当低。 首页内容不应超过6级阅读级别(11-12岁左右),子页面内容应悬停在8级(13-14岁)左右。 百万美元的话,这里不赚取积分,他们失去用户。您可以使用Flesch-Kincaid可读性公式测试您的副本,以确保用户很容易理解。如果你有更多关于网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务的需求,欢迎咨询摩恩网络官网,新上线企业VI设计套餐和网站营销推广系统(强)!
04.线框
现在内容完成了,是时候开始考虑布局了。其中网站线框表示该内容的体系结构。线框不应包括任何颜色,字体选择或设计元素。它是从结构角度组织内容的工具,以确保以对用户有意义的方式呈现。 线框不再是关于页面布局的像素完美的渲染。他们正在采取一个更细粒度的方法到你一直在建设到这一点的计划。 在此步骤中,您将了解如何组织信息,并从视觉角度巩固层次结构。
内容应以什么顺序呈现?层次结构将如何在移动设备上呈现?桌面?中间还是以上?响应式网页设计需要线框,以及我们过程的每一个其他步骤,变得不那么具体,有点更灵活。你如何生成线框完全取决于你。线框图的目标是使用我们通过前面的步骤做出的决定来建立内容呈现的顺序。
05.设计
现在为有趣的部分。你一直在努力的部分,你的客户一直在等待的部分。你正在进入设计阶段,配备一个基于知情决策的攻击计划,而不仅仅是审美偏好。你知道哪里的元素需要放置最大的效果。但是你如何设计响应式网络? 每个设计师都有不同的工作流程,你必须找到什么适合你。