设计师在何种程度上负责响应式设计?


20

考虑以下(理想化的)图表。

在此处输入图片说明

现在,我已经与各个领域的同事一起工作,并且了解到,不幸的是,情况往往更像这样。

在此处输入图片说明

大多数“ Web开发人员”往往对设计原理了解很少,而另一方面,“ Web设计人员”却对Web技术方面的了解很少。全面的“网络手工艺品”很难找到。

这种不幸但真实的场景使为开发人员和设计师团队创建响应式网站变得很痛苦。Web设计人员往往会忘记该站点应该适应所有可能的商业设备,并且经常设计出刚性的布局,这些布局在自己的屏幕上看起来不错,但却无法变成响应式网站。另一方面,开发人员倾向于对设计师的愿景进行残酷的调整,以寻求响应能力。

设计响应式网站的责任应该落在哪里?网站设计师是否应该为开发人员提供周到的指导方针,以使网站适应各种可能的情况?还是这是不合理的期望?

请注意,我专注于设计方面,而不是开发方面。


2
顺便说一句,我喜欢你的图形。作为倒钟形曲线也可能有意义。在理想的世界中,具有这些技能的人数将保持稳定。但是,实际上,正如您所发现的那样,频谱的两端比反时钟曲线渐变的中心高得多。
2015年

好主意!ol'钟形曲线再次出现
:)

好点子!您需要一个z轴。现在,我看到一个倒置的钟形曲线,形状为a领结(沿着z轴的中间较窄)。
2015年

3
通讯!如果您的左边有一个非常擅长与最右边的一个人交流的人,那么您实际上就是两个人在中间。这就是为什么好的沟通者和全面熟练的工人一样重要的原因。
Octopus

Answers:


9

任何熟练的设计师在一定程度上总是会对实施感兴趣。也许不是在“我可以构建它”方面,而是至少在“那不可能”方面。

无论设计师是否点击了图表的最右侧,他们都应该始终知道在任何给定的媒介中可以做什么和不能做什么。如果您不了解分色,就无法很好地进行打印设计。如果您不了解分辨率等,就不能很好地设计标牌。

我认为负责网页材料的任何设计师至少应属于以下情况:

在此处输入图片说明

而且我不认为这与您的第二张图表一样不平衡。

在我的经验中,可以在Photoshop中进行漂亮的模拟并简单地传递它的日子已经一去不复返了。根据我的经验,开发人员(意味着图表的左侧)并不是真正在最右边寻找人。他们正在寻找一个至少了解什么是可能的,以及进行良好设计所需的限制的设计师。这会将它们从最右边移动,至少向左移动一个刻度。

仍然有开发人员绝对打到最左边。就像仍然有设计师打在最右边一样。但是,更重要的方面可能是经验。如果有5、8或10年的经验,是否有开发人员/设计人员会打中最左/最右边?我对此表示怀疑。越多的经验,他们越接近中间。

因此,也许是比较合适的:

在此处输入图片说明

在公司结构中,您寻找要填补最右边/最左边位置的人员。这提供了坚实的基础在于所需的技能。但是,我推测候选人越理想,他们的技能就越接近中间的两个图像。


我喜欢最后的视觉效果。对于团队来说,我认为我们可以使用旋转轴的概念来扩展它。如果有足够的重叠,所有领域都将被经验覆盖。
Yorik

我想我最近与几乎全是红色的设计师有过糟糕的经历:(因此,我开始质疑我的期望。我经常从他们那里得到“漂亮的PS样机” :(
cockypup

有句老话@cockypup-人们的能力不足。每天都有越来越多的“设计师”。现在,市场至少已经淹没了10-15年。因此,有许多人不渴望或没有能力寻求更好的技能。但是,这不应被视为“规范”。
斯科特(Scott)

另请注意,许多工人只想要轻松的薪水。如果他们只能通过Photoshop样机逃脱,那真是容易得多。
斯科特

2
我认为驱动器绝对是其中的一部分,但是...更重要的是,恕我直言,对产品充满热情。真正关心产品的设计师也非常关心开发。非常关心产品的开发人员也非常关心设计。这与只关心工作的人形成对比。我发现公司的文化越是由以工作为中心的人员组成,产品遭受的损失就越大,因为每个人实际上只是在寻找自己。这是草皮战斗真正开始隔离团队的地方。设计方式在这里,开发方式在这里...
DA01 2015年

12

设计响应式网站的责任应该落在哪里?

通常在管理上。聪明的管理人员将意识到这是一个团队项目,因此每个人都需要得到协调和协同工作。这将包括(但不限于)视觉设计,UX,UI开发人员,后端开发人员,内容团队,市场营销等。

敏捷开发是解决此问题的好方法。

当然,许多组织这样做,并且倾向于将上述每个团队都弄得井井有条,并使用旧的“扔掉篱笆,不用担心”瀑布过程。

请注意,我专注于设计方面,而不是开发方面。

就是问题所在。您不能只专注于一个,而不能专注于另一个。在设计一个负责任的网站一个负责任的网站的发展。

通常,交互设计是这样。交互设计(例如响应式布局,下拉菜单,动画等)必须在将用于浏览器的介质中进行设计。这需要一定程度的发展。

理想的 UX团队结构将包括以下角色*:

  • 视觉设计器和/或UI设计器
  • UI开发人员
  • 内容
  • 研究/用户测试

现在,这并不意味着UX团队的UI开发人员就是编写生产代码的人,但是他们正在编写工作代码以正确设计,创建和测试交互。

然后与开发人员共享此内容,然后作为一个团队进行进一步的工作,以将其集成到最终的响应系统目标中。

*所述角色应至少包括您的“网络策划者”之一。我同意有时很难找到它们,但是它们对于团队来说是必需的。您需要至少一个可以全面沟通并能够与图标设计人员以及数据库管理员进行交谈的人员。


我基本上同意这个答案,除了我真的不同意这种责任主要在于“管理”。一支结构良好的团队是关键。这使我想到两个评论。1)这被张贴在网站的图形设计部分,而图形设计不是网页设计。您可能想尝试在StackOverflow上询问,看看您是否没有其他选择。2)您似乎初级?我在一家非常大型的公司(在纳斯达克交易)的技术公司工作,我们根本没有这些问题。那么在精品工作室?是。但是从更高层次上讲,这甚至不是谈话,FWIW。
戴夫·坎特

@DaveKaye表示您的公司做对了并不代表所有事情都做得到。我当然不是Junior,并且曾为多家《财富》 500强公司工作,但这些公司还没有弄清楚。以我的经验,组织越大,团队变得越分散,因此就出现了这个问题。当然,公司正在努力做到正确。越来越多的人朝着敏捷迈进(结果不同)。
2015年

哦,关于“管理”,我认为我们同意。您说的是一个结构良好的团队是关键,而我认为您需要良好的管理才能建立该结构良好的团队。归根结底,负责该团队的人是负责的。
2015年

1
例如,在我目前的工作中,UX与UI Dev处于完全不同的组织结构图中。显然,这对于我们这些人来说实在是一件困难的事,因为我们必须处理截然不同的命令链和繁重的政治每个。
2015年

1
我理想的结构中的@ plainclothes,IA,ID和Content都是并行运行的。
2015年

6

尽管我同意DA01的回答的心态,但我认为这个问题不仅仅是他要解决的问题。

一个简单的事实是,由于公司拥有不同技能的人员并且每个部门的员工人数各不相同,因此公司的组织方式也不同。每个公司都需要谨慎地对待这一决定,并牢记自己的公司,以便选择一种好的创建方式。

因此,我认为没有一种“最佳”方式来做出此决定或团队结构。每个人都是不同的,即使在组织结构上大致相同,对一家公司有效的人也可能对另一家公司无效。

话虽这么说,制定这些类型的决策时有一些适用于所有公司的一般原则:

  • 充分利用可用的技能 -有些人在某些环境下做某些事情会更好。如果某些事情大大拖延了流程,却没有什么实际好处,那么可能就不是一个明智的决定。这并不是说您不应该因为一个人不喜欢变更而改变,但重要的是要牢记团队的偏好和能力,以使人们享受工作并完成工作。

  • 协作是关键 -任何设计师和开发人员都应保持沟通,并大致了解对方在与客户交谈的过程中的每个阶段(无论有多大的可能性-看到讨论笔记或类似内容有时就足够了) )到最终执行。一个小组通常一步一步地完成工作,而其他小组至少应该知道发生了什么,并能够在每个阶段提供某种反馈。

    人们的专业知识各不相同,因此我们希望人们除了提供其他想法之外,尽早抓住别人看不到的潜在问题。

  • 超越完美的方向 -最好以直接但粗糙的方式了解目标并朝着该目标迈进。我的意思是,迭代要比对大多数过程的像素完美都要好。我们需要确保每个设计决策都朝着正确的方向发展,然后通过迭代来完善该决策。这样,我们通常可以避免在过程后期出现更大的问题。

    设计在浏览器(或任何介质中的应用是)可以帮助这个是因为它混合了两个作业为一体,迫使人们一起工作或者在这两个技能的情况下。当然,牢记此处列出的第一个原则很重要。

最后,直接解决手头的问题在一种情况下,该OP似乎被引用,我会说,如果完全分离的工作作出决定时(完全分离知识/反馈应该不会做),那么我建议至少在大多数情况下,设计团队应该创建大大小小的版本,其余的则留给开发人员。这迫使设计团队记住中间的所有阶段,而不必担心确切的细节。


1
好点的回复:有没有一个解决方案,这是所有的公司都是不同的。
2015年

3

这里有一些很好的答案,但这实际上并不那么复杂。

底线:

设计团队(无论是一个还是多个)负责视图或模板的每个排列。

不要要求开发人员填补空白或依靠框架。

一开始要尽力而为,然后随着进度的发展而遮蔽开发人员。当挑战出现时,您必须做出决定。有时可能是另一个模型,有时最好提供一些粗糙的代码(如果可以的话)。

不要让Engineering做您的工作,他们不会要求您去做;-)


-2

理想情况下,设计师拥有简单朴素的设计。如果设计人员能够设计出清晰,相关且切合实际的规范,则应该从网页设计师的方程式中删除猜测工作。

网页设计师的工作是将设计师的愿景转化为代码。如果规格很明确且Web设计人员很好,这可能很容易,或者如果Web设计人员得到的都是带有指示“执行此操作”的.psd,则可能会很困难。好的规格意味着更准确的实现。

我将跳过网络设计师,因为我实际上并不使用该术语。

根据我的经验,Web开发人员不应该真正处理设计。他们通常专注于后端开发,并且仅在绝对必要时才涉及设计。我认识的大多数Web开发人员都不是非常了解CSS,当然也不会使用Photoshop。

软件开发人员包括99%的开发人员。我不会说他们没有按照您的图形设计,但这通常不是工作描述的一部分。

TL; DR:如果设计人员提出了良好的规格,则Web设计人员应该能够轻松地处理实现。


1
我必须完全不同意这一点。将设计与开发隔离为完全独立的技能集通常会导致问题。我还要说一个网页设计师,因为他们的标题中有“ designer”一词,所以它绝对是设计师。我要说的是,优秀的开发人员也是设计师……他们只是用代码进行设计。
2015年

1
对于规范来说,它们听起来是个好主意,但我从未见过它们起作用。问题是您根本无法预见解决方案中的所有方案和交互都无法对其进行充分说明。而且,当规格非常庞大时,开发人员只是成为组装线的工作人员,就不被鼓励为解决方案做出贡献。归根结底,一切都错过了,规格也受到了指责。
2015年

我必须同意DA01,这是一种看待情况的非常幼稚的方式
Zach Saucier

感谢您的回答,但我同意@ DA01。我想补充一点,我的图表旨在描述技术和设计技能的不同专业水平。“网络制作师”一词是我对一个精通全面的专业人员的昵称,该专业人员具有设计和技术技能,这在当今非常普遍,类似于网络的文艺复兴时期的人。
cockypup

关于开发人员不进行设计的问题,这些天来也很不常见,也许不像我的第二张图表所建议的那样稀罕,正如@Scott所指出的那样,故意夸张只是为了指出一点。Web开发的本质迫使开发人员学习设计的基础知识,即使他们不喜欢它。
cockypup
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.