媒介查询_了解你的媒介

媒介查询

“The UI is not just an interface between the browser and a human, it’s an interface between a human and a database. You can’t have an interface unless you can connect to both things. If you don’t know how your interface connects to a database, what are you interfacing to?

“ UI不仅是浏览器和人之间的接口，还是人和数据库之间的接口。 除非可以同时连接到这两种设备，否则您将没有接口。 如果您不知道您的界面如何连接到数据库，那么您要连接什么？

Ryan Singer – in an interview at Future of Web Apps London 2010

瑞安·辛格（Ryan Singer）–在2010年伦敦网络应用程序的未来采访中

I’m a web developer. I’m not a designer. I can line things up and I don’t think I have terrible taste, but my brain is wired in such a way that I get my kicks from code and databases rather than colour and typography. While I have endless patience to learn a new programming language, an hour in Adobe Illustrator is enough to have me ready to hurl my Mac out of the nearest window.

我是网络开发人员。 我不是设计师。 我可以排成一列，但我认为我的品味并不差，但是我的大脑以这样一种方式进行连接：我可以从代码和数据库（而不是颜色和版式）中受益匪浅。 虽然我耐心学习一种新的编程语言，但是在Adobe Illustrator中一个小时的时间足以让我准备好将Mac扔出最近的窗口。

That said, I’m a web developer, producing things for humans to use and interact with. As such the whole product – be that a simple site, an application or some web based software has to matter to me, if I’m to do my job right. So I’ve made it my business to make sure I have some understanding of basic design principles, to be able to understand where designers I am working with are coming from and also be able to make sensible decisions when I am left without any creative for an element of a build. I couldn’t do my job properly without at least attempting to understand the role of design.

就是说，我是一名Web开发人员，为人类生产和使用与交互的东西。 这样的整个产品–如果我要正确地工作，那么简单的站点，应用程序或某些基于Web的软件对我来说至关重要。 因此，我要确保自己对基本的设计原理有所了解，能够了解与我合作的设计师来自哪里，并且能够在没有任何创意的情况下做出明智的决定，这是我的职责。构建的元素。 如果没有至少尝试理解设计的作用，我将无法正常工作。

However, it very rarely seems to work both ways. I’ve built a business around being a reliable web development resource for designers and design agencies. They design, we code – we’ve developed everything from simple content managed websites to large-scale web applications and everything inbetween. When I started the company – almost ten years ago – the idea of designers making a picture of a web site, chucking it at us to build and us sending it back complete, worked. Most sites were simple, the technology available was basic. Back then I was already banging the web standards drum, even so the simplicity of what we had to work with, and the expectations people had of websites made the job much simpler. A clean delineation between my job as a developer and their job as a designer worked just fine.

但是，它似乎很少能同时起作用。 我已经围绕为设计师和设计机构提供可靠的Web开发资源而建立了业务。 他们设计并编写代码，开发了从简单的内容托管网站到大型Web应用程序以及介于两者之间的所有内容。 当我大约十年前创办公司时，设计师想到制作网站图片，然后将其扔给我们进行构建，然后将其发送回完整的想法，此想法就奏效了。 大多数站点都很简单，可用的技术是基础。 那时，我已经在敲打Web标准鼓，即使如此，我们必须使用的标准也很简单，人们对网站的期望也使这项工作变得更加简单。 在我作为开发人员的工作与作为设计师的工作之间的明确区分是很好的。

I don’t think this works just fine on the modern web. We’ve visited this subject before, and I strongly believe that you cannot design for the web unless you understand your medium. Without the ability to write HTML and CSS; without an understanding of how server-side code interacts with a database; without some concept in your head of how it all fits together – how can you design an interface for a web application, or even best use the available tools and technologies on a relatively simple site?

我认为这不适用于现代网络。 我们之前曾浏览过此主题 ，我坚信除非您了解媒体，否则您无法为Web设计。 没有编写HTML和CSS的能力; 不了解服务器端代码如何与数据库交互； 在脑海中没有一个关于如何将它们组合在一起的概念–您如何设计Web应用程序的界面，或者甚至在相对简单的站点上最好地使用可用的工具和技术？

In my experience you can’t. On a really basic level, I am often handed designs that have no navigation through sets of data. Search results with no paging for example. A designer who knows that we are retrieving data from a database would understand that we might end up with more data than we could show on one page. With that understanding they could then design the best experience for the user to move through, filter and sort the data. You only know what is possible by understanding a bit about how content might be retrieved from a database.

以我的经验，你做不到。 从真正的基本层面上讲，我经常遇到无法导航数据集的设计。 例如，没有分页的搜索结果。 一位知道我们正在从数据库中检索数据的设计人员将了解，最终我们获得的数据可能比一页显示的数据还要多。 有了这些了解，他们便可以为用户设计最佳体验，以便用户浏览，过滤和排序数据。 您仅了解一些有关如何从数据库检索内容的知识，才知道可能的事。

There are so many issues here. There is certainly still an issue in agencies where the web design isn’t seen as any different to print materials that are being developed for a job. A picture of a website is created then someone has to build it to look like that picture. There is no attempt to consider the capabilities of the web or how the site will function on different devices.

这里有很多问题。 在代理商中肯定仍然存在一个问题，即网页设计与为工作而开发的打印材料没有什么不同。 创建了网站图片，然后有人必须构建它才能使其看起来像该图片。 没有尝试考虑网络的功能或站点在不同设备上的运行方式。

There is also a big issue in that many agencies are pitching with essentially complete web designs. I believe this to be bad practice but it continues and I think is the root of lots of mediocre design out there. These pitch designs are created without full knowledge of the requirements and usually without any input from those with actual web design and development expertise, they’ll be created by whoever does the rest of the work for the pitch. I frequently see these pitched designs go right through to production, because the client liked them, so they “must be right”.

还有一个大问题是，许多机构都在投放基本完整的网页设计。 我认为这是不好的做法，但这种做法仍在继续，我认为这是许多平庸设计的根源。 这些音高设计是在没有完全了解需求的情况下创建的，通常没有任何具有实际Web设计和开发专业知识的人的投入，无论是为音高完成其余工作的任何人都将创建它们。 我经常看到这些倾斜的设计可以直接进行生产，因为客户喜欢它们，因此它们“必须正确”。

Many agencies and designers don’t see the benefit of learning how to code – if the code couldn’t be used in production. It might seem to be wasted money if you send a designer on a CSS course yet he takes 5 times as long to do something as the outsourced team you normally use. However, even a basic knowledge of CSS will mean that designer can start to think about the capabilities of CSS while designing, be able to design for a medium he understands. He’ll be able to talk to the developers in an informed way about the effect he wants to achieve and be able to understand better the constraints of browser technology. He may even start designing in the browser and handing over to developers developed mock-ups in HTML and CSS. Maybe not code that would be robust cross browser and suitable for production use, but a mockup that works in Safari or Firefox is far easier to play around with and understand and then use as the design for the final code than a flat Photoshop document with a few notes on it.

如果不能在生产中使用这些代码，许多机构和设计师就不会看到学习编码的好处。 如果您派一名设计师参加CSS课程，这似乎是在浪费金钱，但他做某事的时间却是您通常使用的外包团队的5倍。 但是，即使是CSS的基础知识，也意味着设计人员可以在设计时开始考虑CSS的功能，并能够针对他了解的媒介进行设计。 他将能够以知情的方式与开发人员讨论他想要达到的效果，并能够更好地理解浏览器技术的约束。 他甚至可能开始在浏览器中进行设计，然后移交给开发人员以HTML和CSS开发的模型。 也许不是强大的跨浏览器代码和适合生产使用的代码，但是比起带有附件的平面Photoshop文档，可以在Safari或Firefox中运行的模型更易于使用和理解，然后用作最终代码的设计。几句话。

Design schedules can be to blame. If designers and developers are scheduled one after the other – the designers finish and the developers start – where is the time for collaboration? With remote teams, or even where designer and developer time is scheduled in the same company, we need to work in a completely different way. We need to allow time for iteration, for understanding how the human will interact with the UI and therefore the underlying database. Developers need to be part of the design process, right from the start and designers need to engage with and understand the development process.

设计进度表可能是罪魁祸首。 如果设计人员和开发人员一个接一个地安排-设计人员完成而开发人员开始-协作的时间在哪里？ 对于远程团队，或者甚至在同一家公司安排了设计人员和开发人员时间的情况下，我们需要以完全不同的方式进行工作。 我们需要花时间进行迭代，以了解人类将如何与UI交互，从而与基础数据库交互。 开发人员需要从一开始就参与设计过程，而设计师则需要参与并理解开发过程。

This isn’t so much a rant about non-coding designers as it is about an agency model that doesn’t allow people to do great work. It’s a model we’ve been part of, because it did work once. I’m a great advocate of specializing, and of bringing together specialists to do a great job, rather than using people who an do a bit of everything. However we need to promote a new way of working together, and we need to look at how we can still do a cost effective job, still give clients solid estimates and timescales for work, while also enabling this way of working that allows good people to get together and create great work.

对于非编码设计师而言，这并不是什么大问题，而是关于一种不允许人们做出色工作的代理模型。 这是我们参与其中的一个模型，因为它曾经工作过一次。 我是专业化的伟大提倡者，并且要召集专家来完成一项出色的工作，而不是雇用那些会做很多事情的人。 但是，我们需要提倡一种新的合作方式，我们需要研究如何仍然可以进行具有成本效益的工作，仍然为客户提供可靠的估计和工作时间表，同时还要使这种工作方式能够使好人聚在一起创造伟大的工作。

I would love to hear the experiences of other people – whether designer, developer or web project manager. In particular those who work in an agency situation for end clients as I think the situation here is very different than when working for a company developing products or essentially on your own websites. We need to provide clients with a cost, and timescales and I think the worry about that limited budget is a big driver for the broken models of working that we so often contend with.

我很想听听其他人的经验–无论是设计师，开发人员还是Web项目经理。 特别是那些在代理机构中为最终客户工作的人，因为我认为这里的情况与在公司中开发产品或基本上在您自己的网站上工作的情况大不相同。 我们需要为客户提供成本和时间表，而我认为担心预算有限是导致我们经常遇到的工作失败模型的重要推动力。

I’m also going to be speaking at Future of Web Design London this year on the subject of “10 Development Concepts a Designer Should Know”. I’ll be speaking in as non-nerdy a way as possible about databases, e-commerce and related subjects in terms of how an understanding of what happens behind the scenes can help when designing how users will interact with applications. This is one part of the puzzle I believe, as the more that each member of the team understands the full workings of a site or application, the easier collaboration will be. If there is no desire to learn from one another, working together is pretty much doomed.

我还将在今年的伦敦Web Design未来论坛上就“设计师应了解的10个开发概念”进行演讲。 在设计用户如何与应用程序交互时，我将以一种对数据库，电子商务和相关主题的尽可能轻松的方式来进行说明。 我相信这是难题的一部分，因为团队中的每个成员对网站或应用程序的全部功能了解得越多，协作就越容易。 如果不希望彼此学习，那么合作就注定了。

翻译自: https://rachelandrew.co.uk/archives/2011/01/26/understanding-your-medium/

媒介查询