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


9

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

很多时候,我们会因错误(次要-主要-可见-隐藏)而获得最终结果...

所以我的问题是:

  • 我们犯的一些常见错误是什么?(您也包括亲爱的人)(不是没有人会犯错误,每个人都会犯错)
  • 我/我们如何避免这些错误?

Answers:


24

是的,这个问题令人难以置信。维基文章也许没问题。

首先,您需要定义“我们”。网站设计涉及许多人和角色,而且它们往往都有不同的常见错误。

我看到的一些问题似乎一遍又一遍地弹出:

  • 无法正确定义网站的业务目标。

  • 无法正确定义关键绩效指标,并且随后无法实施基于这些指标来衡量站点成功与否的系统。

  • 根据客户的需求而不是客户的需求进行设计。

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

    产品管理,业务分析,营销,文案,数据库管理,后端开发,平面设计,用户界面设计,用户体验设计,可用性,指标,SEO的技术方面,更多的,应该可以考虑。

  • 没有计划或至少没有勾勒出设计图。

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

  • 忘记为具有不同大小和分辨率的屏幕的设备设计。

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

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

  • 使用线框作为文档,而不是用作草图。

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

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

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

    例如,出于各种原因选择企业产品;甚至不适合您的 而不是质疑它是否能够解决您想要解决的特定问题。

  • 忘记文案/内容。这需要在此过程中尽早完成,而不是稍后。

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

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

  • 设计一个Flash文件,或者仅用Flash文件才能实现的奇特想法,而不是一个充满可读内容的SEO友好网站。

  • 建立专注于一种特定浏览器的有效网站设计,而不是在尽可能多的浏览器中进行连续测试。

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

  • 等待太久才能吸引用户参与,然后常常发现需要进行一些更改,而您可能早就知道了。


4
如果我们根据问题产生的答案的质量对问题进行评分,则该问题将排在列表的顶部。很棒的答案。
艾伦·吉尔伯森

1
我接受我做的很多事情:(希望我可以投票两次...
杰克

1
“设计photoshop文件而不是网站”是什么意思?效果太多?你可以在那颗子弹上稍微扩大一下吗?
Lauren-Clear-Monica-Ipsum,

2
@lauren我的主要意思是将所有时间都花在Visualshop上,而不是HTML,CSS和JS中。当只在Photoshop中的重点,一旦不考虑的事情,如字体方差,其他设备,屏幕尺寸,内容回流,等等
DA01

1
@user加油!
2014年

3

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

如果在小型移动设备(例如iPhone或BlackBerry)上浏览网络,则会发现有时按钮太小。

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

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

对于移动用户来说,这是常见的事情,也是电子邮件设计中的主要考虑因素。


我发现在SE移动网站上确实如此。当我打算获取用户帐户下拉菜单时,我会不断点击“问问题”链接。
Farray 2011年

2

我认为DA01的答案已经是很多要考虑的事情。我添加我的答案既是因为它很重要,也是因为我很想看到更多答案,因此提出了一个问题。

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.