设计师在设计网页时会犯哪些常见错误,如何避免?

平面设计 网站设计 设计原则 界面设计
2022-01-04 17:41:43

设计时要避免哪些常见错误?我知道颜色、文字和图像在设计中起着重要作用,但还有很多其他的事情需要我们注意!其他的我不知道,但我知道有很多...

很多时候我们得到错误的最终结果(次要-主要-可见-隐藏)......

所以我的问题是:

  • 我们常犯的错误有哪些?(你也包括在内)(不是没有人会犯错,每个人都会)
  • 我/我们如何避免这些错误?
3个回答

是的,这个问题非常广泛。也许它可以作为 wiki 文章。

首先,您需要定义“我们”。设计网站涉及很多很多的人和角色,他们都倾向于有不同的常见错误。

以下是我看到的一些似乎一遍又一遍弹出的问题:

  • 未能正确定义网站的业务目标。

  • 未能正确定义关键绩效指标,随后未能实施基于这些指标衡量网站成功与否的系统。

  • 为客户的需求而设计,而不是为客户的客户的需求而设计。

  • 不涉及必要的人员,或者至少从所有需要的角色方面考虑任务。

    产品管理、业务分析、营销、文案、数据库管理、后端开发、图形设计、用户界面设计、用户体验设计、可用性、指标、搜索引擎优化等的技术方面应该考虑在内。

  • 未能计划或至少草拟设计。

  • 忘记自适应和响应式网页设计原则。

  • 忘记为具有不同尺寸和分辨率的屏幕的设备进行设计。

  • 在规划阶段没有考虑影响页面加载速度的所有因素,并且没有在整个开发过程中测试速度。

    常见的错误包括通过非最佳条件加载高度详细的图形(例如,作为背景图像),以及通常在没有优化加载条件的情况下简单地下载过多的大型资源。

  • 使用线框作为文档,而不是它们打算用作的草图。

  • 在开发过程中不使用敏捷方法。

  • 过度设计,不使用敏捷方法的一个非常常见的副作用。

  • 选择技术而不是解决方案。

    例如,选择企业产品的所有原因使其变得更好;甚至那些不适用于你的;而不是质疑它是否能够解决您想要的特定问题。

  • 忘记文案/内容。这需要在流程的早期进行,而不是稍后。

  • 设计一个 PhotoShop 文件而不是一个实际的网页。

    当只关注 Photoshop 时,不会考虑字体差异、其他设备、屏幕尺寸、内容重排、交互设计等因素。

  • 设计一个 Flash 文件,或者只能通过 Flash 文件实现的古怪想法,而不是一个充满可读内容的 SEO 友好网站。

  • 专注于一个特定的浏览器来构建有效的网站设计,而不是在尽可能多的浏览器中持续测试。

  • 在规划、设计和实施网站时未能应用可访问性原则。

  • 等待用户参与的时间太长,然后通常会发现需要更改的内容您可能会更早知道。

我认为网页设计中一个非常常见的错误在移动网络上很明显。

如果您在 iPhone 或 BlackBerry 等小型移动设备上浏览网页,您会注意到有时按钮太小。

现在这并不总是按钮本身,但犯的一个错误是按钮周围通常没有足够的空间。

假设我们正在进行一项调查,并且有一个后退按钮和一个下一步按钮彼此相邻,它们需要呼吸空间,以便用户可以按下按钮而不会意外点击错误的按钮。

这是移动用户电子邮件设计中的常见问题和主要考虑因素。

我认为 DA01 的答案已经是一个很好的考虑事项清单。我添加我的答案既是因为它很重要,也是因为我真的很想看到更多答案。

设计网站的另一个非常重要的考虑因素是速度。在开始设计之前了解影响页面加载速度的所有因素应该有助于确保您不会花费大量时间创建图形和架构,因为网站需要 30 秒(极端示例)才能完全更改加载。