发布时间:2019-01-16 17:38:33 浏览:1970
设计是访问者在浏览您的网站时看到的第一件事。设计的好坏直接决定访问者在我们网站停留时间的长短。根据斯坦福大学专家最近的一项研究,46%的用户是基于设计来评估网站的可信度。如果他们不喜欢这种设计,那么该公司似乎是不可靠的。
即使您对网站的现有设计感到满意,您同样也可以改进它,因为网络技术的世界正在发生变化,新的趋势已经出现,甚至一个制作精良的网站未来在某一天也会变得过时。
为了跟上时代的步伐,您可以尝试一些小的变化。例如,您可以更改某些页面元素,选择不同的字体或颜色等。如果实验导致转换率提高,那么您就走在了正确的道路上。
在本文中,我们将讨论网站设计的重要性以及如何对其进行优化。您还将会找到一些有用的技术来改进您的网站设计。它们虽然是很简单的,但非常有效!
1.制定战略
决定改善您的网站设计?good idea!你不应该当场做出决定,而应从根本上做出改变。为了使这个想法成功,你应该制定一些计划。在开始设计更改之前,请考虑以下一些问题:
分析现状
这是为了定义工作领域。研究百度分析指标,以跟踪您网站上的用户行为。定义具有低转换率和高跳出率的最有问题的页面——这将是您的第一个工作领域。请勿省略活动页面——可以将他们作为示例。
进行市场调查
这是指您的目标受众群体和竞争对手。创建客户行为路径图以及分析决策的各个阶段,并考虑改善每个阶段的用户体验。分析您的竞争对手的网站,挑选一些有意思有创意的点。
定义任务堆栈
你想达到什么目标?您想如何实现这一目标?对以下问题的广泛回答将有助于确定您的目标并确定进一步工作的方向。
2.使网站可用
在思考如何改进网站设计的同时,许多用户希望用原创并非常令人印象深刻的照片。这的确很重要,网站的可用性也是您不应该忘记的。
据Forrester Research研究表明,使用不当的互联网商店已经失去了大约50%未能找到所需商品的潜在客户。大约40%的用户不会回到有不良体验的网站。
商业网站的主要目的是销售商品和服务。这使得可用性变得非常重要。用户不关心网站的后端;对他们来这并不重要。他们不感兴趣它是用什么语言写的,或者现代技术解决方案的实施方式。如果网站难以使用,那就太烦人了。如果它很烦人,用户将不会购买任何东西就离开了。
这就是为什么在规划和创建技术工作期间必须注意网站的可用性。以下是一些网站设计技巧,能使您的网站用户友好:
这种结构应该一目了然
用户应该直观地了解如何以及在何处找到必要的信息
网站不应该超载文本、图像或动画 - 它会使资源工作缓慢,分散注意力并让用户生气。
在考虑如何呈现文本时,不要单独考虑内容和设计。请记住,它们是不可分割的,应该被视为一个单元。
3、尝试颜色
配色方案是网页设计中最有趣的一个分支。即使网站颜色的微小变化也会改变访问者对您品牌的看法。
请注意影响配色方案变换的以下几个因素:
一、您的目标受众:根据潜在客户的年龄和社交数据,商业网站的设计应有所不同。如果您的产品针对的是年轻活跃的人,请不要害怕使用鲜艳的颜色。对于老年人来说,最好选择更加平和的、更深层次的生活方式。
二、您的企业文化:您的网站不仅应该反映您的目标受众,还应该表达您的品牌标识。还记得“麦当劳”的鲜红色和黄色吗?
三、颜色的和谐:成功的商业网站的主要特征之一是可用性。配色方案是不可或缺的一部分,因为恼人的颜色及其组合可能会冒犯目标受众。
那么如何选择配色方案呢?
要确定调色板,请选择目标受众以及您希望他们做出的反应。这里有些例子:
明亮的颜色(橙色,红色),如果你想激发访问者,使用这些明亮,甚至攻击性的颜色。此配色方案非常适合销售运动器材或食品的网站。
明亮的颜色(黄色,绿色,蓝色),这些配色方案给人一种愉快的感觉,将会是旅行、派对用品和服务的完美选择。
深色,它们具有一定的确定性,适合银行、信贷和房地产公司的网站
温和的色彩,这个调色板能使访问者放松,也将完美地补充销售国内产品的网站,如:家具等。
一些设计师根据他们的视觉水平选择配色方案;其他人喜欢使用调色板生成器,Adobe Color CC被认为是现有工具中最好的。它将帮助您创建自己的配色方案并启发其他设计师的作品。如果您喜欢材料设计,MaterialPallete或材料设计Palette Generator等工具将为您提供大量的网页设计技巧。
4、描述了网站的内容
图像可以填补空白,使您的网站看起来原始和视觉上更加的愉快。选择合适的图片将使网站更加生动。它们将对您的品牌知名度产生积极影响,并可用作标题、图标并创建动画。
对于大多数人来说,图片比文字更容易记住,你应该仔细选择插图。根据研究,一张完美的图片比得上84个字。
让我们看看完美的画面究竟是什么:
信息,图片应该有一条消息,而不仅仅是为填补空白。它可以告诉访客更多关于产品的信息,影响他们的心情,或包括CTA。
定性,无需提及较差的图像质量或带有水印的图片,使您的网站看起来非常不专业。
原创,避免使用库存图片。在不同的网站上看到相同的图像,用户会质疑您的可靠性和专业性。
添加插图时,重要的是要记住网站的完整性,而不是过度使用。即使是最精美的插图,如果客户太多,他们也会被拒绝。
动画也可用于说明目的。创建第一个交互式站点时,动画将以GIF格式创建,然后是Flash格式。它们都对网站的速度产生严重影响。现在您可以使用不影响性能的css编码和Javascript。
动画可以全屏显示并集成到导航中。其主要目的是帮助用户研究网站并吸引他们对细节的关注。
5、优化网站的移动设备
现代用户可以使用不同的设备,并可以通过PC、笔记本电脑、平板电脑或智能手机访问您的网站。移动设备的快速发展使设计人员、营销人员和开发人员能够找到优化其网站的新的方法以适应不同平台。
如果该站点未针对移动设备进行优化,则在可用性方面不能将其称为好站点。致力于改进设计,您应该测试资源是否在不同型号、尺寸和屏幕分辨率的设备上正常工作。
您的网站应该在iOS和Android用户上完美运行。照片应该被充分加载,文字看起来不应太长。用户不应滚动或更改屏幕大小。 cta按钮应该很大,按钮附近不应有其他链接。——用户可能会犯错并转到完全不同的页面。
结论
阅读上述网站设计技术后,您现在已经了解了优化资源的基本步骤。我们总结一下:
战略规划,这是帮助您定义一组任务和概述未来工作领域的基本步骤
提高可用性,您将创造一个完美的用户体验,并提高您的转换率和销售量。
选择颜色,不同的颜色讲述不同的故事,并传达不同的信息。通过根据您的目标受众和公司目标选择调色板,您一定会赢得用户的心。
添加插图,不要忽略如此强大的方式来告诉用户更多,没有这些长文本。
移动优化,既然大部分互联网现在都是针对移动用户,那么也是应该注意优化的部分。将来,移动友好型网站将为您带来更多流量。
当然,一篇文章不可能告诉你网站设计如何变的更好。但是,我们已经设法为您提供了一些有用的提示和技巧。如果您仍在质疑如何开始设计改进,请随时与小编联系。我们将为您提供更多有用的网页设计技巧,并将开发一个完全适合您的业务需求的项目。
上一篇:网站排名不好从哪里找原因