商家应该避免的6个网站重新设计错误

在重新设计你的网站时,以下是你需要注意并牢记的错误。

没有发现。

也许你的网站已经不够用了,这阻碍了你的团队。

也许您已经重新命名了站点,并在整个站点上进行了令人兴奋的新设计更改。也许你已经决定了迁移您的站点到一个更好地满足您业务需求的平台.无论你的动机是什么,重新设计你的网站是一个令人兴奋的项目——而且是一个足够大的项目,你会想要第一次就把它做好!

重新设计是一个从头开始的机会。这是一个完美的时机,不仅要改进你的审美,不仅要改进你的工具,而且最重要的是,改善你的团队与你的网站的工作关系。你可以改善你的组织,减少混乱,并建立一个过程,将使工作在你的网站重新设计的沮丧和更多的乐趣。

下面是一些你在这个过程中应该记住的错误。

2018年的webflow主页。
Webflow主页在2020年。
Webflow主页在2021年。
Webflow自己的网站就有 经过几次重新设计 在它的生命周期中(如图:2018年、2020年和2022年的主页)。每次重新设计都展示了产品的改进,并专注于与公司的核心价值观保持一致,比如优先考虑网页的可访问性。欧宝体育在线首页

1.没有制定计划就直接开始设计

“人们经常犯的一个错误是,他们试图把手放在键盘上的速度太快。他们会说,嘿,我们要重新设计我们的网站,让我们在Webflow中启动。等待,停止。首先,把材料准备好。特别是企业团队或企业客ob体育app苹果版户,您可能有7个人在此站点上进行构建。你们团队讨论过这个问题吗?我们提前做一下。这样,当你开始在画布上添加内容时,就会变得非常快。”

——Ben Parker, Webflow的战略技术架构师

在网站重新设计中经常发生的第一个错误是没有花时间规划就直接建立网站。如果您刚刚切换到像Webflow这样的无代码工具,可以很容易地立即开始构建页面,那么这样做可能特别诱人。如果你先花时间准备,并建立有助于团队协作的系统,你的最终结果会更好。

建立您将在整个站点中使用的类命名法。特别是当您因为业务增长而重新设计时,您的站点中可能会有多个构建人员。您需要确保您的类具有一致的命名结构,这样任何团队成员都可以进入项目并了解发生了什么。想出一个系统,比如边界元方法,并坚持下去。

您还需要确定页面的基本构建块的外观以及它们的功能。查看导航栏、按钮、列、警报和输入等元素。决定一个框架,例如引导,这给你的团队一个共享的资源.如果你提前建立这些东西,事情就会发展得更快,而且在网站的生命周期中会更有组织性。

2.在没有测试的情况下假设访问者想要什么

网站重新设计的一个巨大错误是假设你知道你的访问者和用户想要什么,而没有测试你的假设。测试是至关重要的,因为一个小的改变就可以为大公司带来数百万美元的收益。你需要确定哪些改变会产生最大的影响,以便优化转换和利润。简单的用户研究A/B测试可以带来巨大的不同。

当你重新设计一个拥有一致用户基础的网站时,很容易假设你知道你的用户想要什么。如果你正在为一家小公司或新兴的创业公司重新设计一个网站,测试似乎是没有必要的。都是真的。测试你的网站并根据真实的反馈做出重新设计的决定是建立一个更有效的网站的最好方法。

与此相关的是,确保你的所有跟踪和分析在你完成任务后仍然有效重启你的网站,所以你可以继续测试和跟踪站点的性能在其一生。

3.从外部开始重新设计一个网站,而不是从内到外

“我们的合作伙伴Edgar Allen谈到了内容优先的设计。我认为很多人犯的错误是他们没有从内容开始。内容是我们网站的驱动力。现在让我们围绕它设计。我们有什么要说的?我们的故事是什么?我们的内容是什么?”

——Ben Parker, Webflow的战略技术架构师

企业在重新设计网站时常犯的一个错误是从主页、品牌和信息开始,然后从那里开始构建。这似乎是一个显而易见的开始,但是如果你从内到外设计你的网站而不是从外到内,网站刷新会更有效。

你网站的目的——你的访问者来找它的东西——是你的内容和你的登陆页。他们正在寻找一种产品、一种解决方案或一欧宝体育在线首页种信息来源。主页的目的是让他们尽可能快地看到这些内容,所以在你知道它将引导用户到什么之前,从主页开始构建是没有意义的。什么会推动你的网站?设计。

人们可能会以以下两种方式之一访问你的网站。他们要么是随意地探索和点击(例如,关注维基百科的兔子洞),要么是他们确切地知道自己想要什么,然后搜索找到它。当他们在寻找一些特定的东西时,谷歌搜索和评论可能会在他们查看你的主页之前将他们带到你网站的一个深入的内部页面。

埃德加·艾伦工作过的一些网站。
机构和Webflow合作伙伴 埃德加·爱伦 专注于为客户重新设计网站的专业知识,以内容第一的原则为基础。先关注内容,后关注形式,可以帮助网站更好地为用户服务,并将他们与他们的需求联系起来。

如果你从品牌和主页开始,你的团队在到达你的产品页面和特定的登陆页面之前就会感到疲惫和时间不够用。欧宝体育在线首页相反,应该先设计最深、最多的内页。去掉所有多余的东西,给潜在客户提供他们想要的东西,然后从那里开始逆向发展。

通过这种方式,你的主页可以被视为一个目录。当你在写一本书的时候,你会从故事和想法开始。目录在书的开头,但它的目的只是告诉你你会在书中找到什么。最终,这是你主页的主要工作,你可以通过如何来衡量它的成功访问者花在上面的时间——这意味着你在帮助他们尽快找到他们想要的东西。

解决网站重新设计的指南

在我们的电子书中,学习如何处理你的下一个网站重新设计-从合作和建立信任到找到正确的工具。

订阅成为一个Webflow内幕
谢谢你!你已经订阅了!
哦!订阅的时候出了点问题。
读到现在

4.忘记你现有的内容

“为1000个链接建立301个永久重定向是一项重要的努力。但当你面临截止日期,有人紧盯着你的时候,你很容易放弃其中一些内容,但你放弃了一些常青内容的价值,尤其是指南。这是人们犯的一个错误,那就是没有确保他们已经建立和积累的价值能够传递到新的网站上。”

- Nathan Huening, Webflow的解决方案工程师

如果你正在重新设计一个现有的网站,你可能会有一个有价值的现有内容的档案,你需要弄清楚如何进行网站的重新设计。您应该有策略地计划内容迁移,以确保不会以失败告终打破反向链接或失去内容。如果你失去内容或断开链接,它将对你的搜索引擎优化和领域的权威。

在重新设计之前,您需要对内容进行审核。列出所有当前的url,这样你就可以设置301重定向和做一个404页的以防。这可能是一个大项目,所以越早开始越好。您还应该评估您的当前内容,看看哪些可能是不必要的,需要删除和重定向,哪些是过时的,应该刷新,以及哪些内容是常青的,需要保留。

5.没有预先管理网站带宽

一个常见的错误是无意中超载您的网站带宽未经优化的图像.它很容易在重新设计期间抓取一个图像,并弹出到您的页面,而不首先进行优化。您可能只是想看看它会产生什么影响,或者获得快速的设计批准。但当发布时间到来时,团队很少有时间重新投入并优化所有这些图像。其结果是发布速度慢、性能不佳的页面,从而疏远用户。

把带宽看作预算。

从一开始就把你的资产做好.花点时间去优化它们,仔细选择你的图片。把带宽看作预算.许多用户会在手机上浏览你的网站,或者有时网速很慢——你希望他们都能轻松地使用你的网站。重新设计也是删除旧的和不使用的类的好机会。不要把科技债务留给身后的人来清理。

6.过于依赖潮流

“我不是自动地反对潮流,但它是否符合你所尝试的目的?”如果趋势是这样,那很好,但最终要关注基本面。专注于基本面永远不会出错。”

- Nathan Huening, Webflow的解决方案工程师

你的网站重新设计需要建立在与你的品牌和受众产生共鸣的美学基础上,而不是追逐潮流。一种趋势会让人感到兴奋,引起人们的讨论,它可以让你的品牌突然变得更现代,甚至可以让人们有效地谈论。然而,如果趋势与你的品牌的核心目的不一致,你的网站要么是通用的,无法脱颖而出,要么很快就会看起来过时和脱离潮流。

用户想要一些与众不同的东西,一些与众不同的东西,一些有可识别声音的东西。如果一种特定的趋势与你所讲述的故事相吻合,那么它可能非常适合你。你的网站需要可视化你的品牌是谁,所以要谨慎地选择你的趋势。

最好的网站重新设计结果发生时,你知道为什么

壁画新设计的网站主页。
壁画 做了一个 网站设计 ,从静态主页转向动态和交互设计(如上)。这次重新设计完美地反映了其核心产品的创造性和互动性。欧宝体育在线首页

当你开始重新设计网站时,最糟糕的事情就是没有围绕清晰、可实现的目标进行重新设计。你需要了解你为什么要重新设计和建立你希望通过你的新网站达到的确切目的。在重新设计的过程中,理解每个选择和每个新特性背后的附加“为什么”。它们是如何支持你的商业目标的?

你的品牌故事是什么?作为一个品牌,你的现有动力是什么?作为一个公司,你们今年打算做什么?你有具体的目标,你想实现,如何将这个网站重新设计,以帮助你实现他们?重新设计网站是一个很好的机会,让你退后一步,把你的长期目标作为一个企业来考虑。

一旦你知道你想在哪里结束,你可以反向工作,并确切地找出你的网站重新设计需要做什么来让你到达那里。如果你明白为什么在你网站重新设计的选择背后,你的新网站将会更加成功。如果你需要帮助,我们的网站设计的电子书有关于如何处理你的下一个重新设计的项目的技巧-从协作和建立信任到最佳实践和选择正确的工具。

发表

2022年6月10日

类别

资源

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

可视化画布中CSS、HTML和JavaScript的强大功能。

的相互作用

可视化地建立网站交互和动画。

更多的互动

CMS

定义自己的内容结构,并使用真实数据进行设计。

关于CMS的更多信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

更多关于编辑

举办

设置闪电般的管理托管在短短几次点击。

更多关于举办
Baidu
map