Design is a part of the product process that often gets pushed off. This can come at a cost that your customers or other developers have to pay. How is design important for those of us who aren't just pushing pixels in Photoshop or Figma and what can we do to level up?

设计是产品过程的一部分,通常会被推迟。 这可能需要您的客户或其他开发人员支付费用。 对于我们中那些不仅仅在Photoshop或Figma中推像素的人来说,设计有何重要意义,我们可以做些什么来提升水平?

设计为开发人员 (Design as a developer)

Design is a term that can describe many parts of the process. Most often, it's probably thought of as the visual designers or UX designers who are actively working to make your product usable or beautiful.

设计是一个可以描述过程许多部分的术语。 通常,它可能被认为是积极致力于使您的产品可用或美观的视觉设计师或UX设计师。

A question that I commonly get asked or see online is where should one start to learn the basics of design?

我通常在网上被问到或看到的一个问题是,应该从哪里开始学习设计基础?

This question makes me happy. It's an important part of the process that is constantly a secondary thought.  And when I asked this on Twitter, I received some thoughtful responses!

这个问题使我感到高兴。 这是过程中的重要部分,始终是次要思想。 当我在Twitter上提问时,我收到了一些周到的回复!

Does anyone have any good resources for a developer who wants to get the basic fundamentals of design?A newsletter, course, etc. — @figmadesign based would be cool given it’s accessible to play with, but not required.@rogie any thoughts?#Design

— Colby Fayock (@colbyfayock) May 7, 2020

对于想了解设计基本原理的开发人员,是否有人拥有任何良好的资源?新闻通讯,课程等-基于@figmadesign会很酷,因为它可以使用,但不是必需的。 @rogie有什么想法吗? #设计

-Colby Fayock(@colbyfayock) 2020年5月7日

We're living in an age where good UX is increasingly seen as important, but it's still nowhere near the top of the list for those who are learning their way through development. It's still an afterthought that's tossed over to the design team when you're at the 2nd half of your last sprint before launch.

我们生活在一个时代,好的UX被越来越重要,但是对于那些正在学习开发方式的人来说,它仍然遥遥领先。 当您处于发布前的上一个冲刺的第二个一半时,这仍然是事后的想法。

So before I share with you some resources, I'm going to start by explaining why these things are important.

因此,在与您分享一些资源之前,我将首先解释为什么这些事情很重要。

提供一些供访客使用的东西 (Giving something for your visitors to use)

Starting from the top – you can have the best, most ingenious product that blows all competition away, but if no one knows how to use it, it realistically has no value.

从头开始–您可以拥有最好,最精巧的产品,这可以消除所有竞争,但是,如果没人知道如何使用它,那么它实际上就没有任何价值。

作为开发人员,Visual和UX设计如何重要?您可以做什么来升级?
Fictional Pied Piper's app tanked because of a bad user experience
虚构的Piper Piper的应用因用户体验差而陷入困境

Our fictional friends at Pied Piper learned this the hard way when their product launch with a groundbreaking compression algorithm didn't go over too well because no one knew how to actually use it.

当我们的虚构朋友在Pied Piper上学习到了这种困难的方式时,他们的产品采用了突破性的压缩算法,发行并没有进行得很好,因为没人知道如何实际使用它。

But this is a realistic scenario. We learned from Craigslist that your website or app doesn't need to have a slick design, but it has to be usable.

但这是一个现实的情况。 我们从Craigslist获悉,您的网站或应用无需具有精美的外观,但必须能够使用。

作为开发人员,Visual和UX设计如何重要?您可以做什么来升级?
Craigslist in 2001 vs 2020
2001年和2020年的Craigslist

For nearly 20 years, Craigslist really hasn't changed that much. A few tweaks to make things a little bit cleaner, but overall it's the same basic layout and experience.

近20年来,Craigslist确实没有发生太大变化。 进行一些调整以使内容更整洁,但总体而言,它是相同的基本布局和体验。

Unfortunately, budget is a concern, and sometimes you can only stretch it so much which doesn't always include a designer. But try to at least get some outside perspective – it can even be a family member or a friend! You would be surprised how much insight you can gather by trying to get your family over the holiday to try to use your app.

不幸的是,预算是一个问题,有时您只能花很多钱,而并不总是包括设计师。 但是,至少要尝试获得一些外部视角-它甚至可以是家庭成员或朋友! 您会惊讶于通过让假期中的家人尝试使用您的应用程序可以收集到多少见识。

The goal is ultimately to get your product in front of someone that hasn't been heads down in it for the past year to get a pair of fresh eyes and a new perspective.

最终的目标是使您的产品出现在过去一年中从未出现过失落的人面前,从而获得一双崭新的眼光和新的视角。

变得更有生产力 (Becoming more productive)

Putting on my process hat – another overlooked aspect of prioritizing design time is the amount of overall time you can possibly save.

戴上我的Craft.io帽–优先考虑设计时间的另一个被忽略的方面是可以节省的总时间。

Designers don't always get it right the first time, let alone leaving developers to create the design. That's not even including the possibility that your customer or product owner doesn't like the direction you took.

设计师并非总是一开始就正确,更不用说让开发人员来创建设计了。 这甚至不包括您的客户或产品所有者不喜欢您选择的方向的可能性。

Why spend a couple sprints building out a solution only to start from scratch when you have to throw it all away? Not only have you wasted your customer's time, you've wasted your whole team's time.

为什么当您不得不放弃所有解决方案时,为什么要花几个冲刺构建一个只能从头开始的解决方案? 您不仅浪费了客户的时间,还浪费了整个团队的时间。

Get design feedback early. Work with the design resources you have to iterate and work in feedback as you go. It's important to solve the UI problems before you develop the solutions.

尽早获得设计反馈。 使用必须迭代的设计资源,并在进行过程中获得反馈。 在开发解决方案之前,解决UI问题非常重要。

作为开发人员,Visual和UX设计如何重要?您可以做什么来升级?
Unsplash.comUnsplash.com的设计草图

And this can generally help your team flesh out ideas. Visually seeing an idea, even as a rough sketch on a piece of paper or a disposable prototype, can completely change the way you look at the solution.

这通常可以帮助您的团队充实想法。 视觉上看到一个想法,即使是在一张纸上或一个一次性原型上的粗略草图,也可以完全改变您看待解决方案的方式。

All of this early feedback and brainstorming will help you achieve the end-goal of a better product and user experience.

所有这些早期反馈和集思广益将帮助您实现更好的产品和用户体验的最终目标。

开发者是用户 (Developers are users)

Most of people reading this post probably have written code in one form or another. But have you ever thought about how your code impacts other developers?

阅读这篇文章的大多数人可能已经以一种或另一种形式编写了代码。 但是您是否考虑过您的代码如何影响其他开发人员?

There are many layers to how your code can provide a better experience for another developer. The basic being – is the documentation that you created readable and easy to understand?

您的代码可以如何为其他开发人员提供更好的体验,它涉及很多层。 基本存在–您创建的文档是否可读且易于理解?

作为开发人员,Visual和UX设计如何重要?您可以做什么来升级?
Stripe's API documentationStripe的API文档

While it's certainly important for your fellow teammates, they should typically be able to message you on Slack or hop on a call when they run into trouble. But how about those developers that only have your documentation?

尽管对您的队友来说当然很重要,但他们通常应该能够在Slack上向您发送消息,或者在遇到麻烦时拨打电话。 但是那些只有您的文档的开发人员呢?

Beautiful documentation isn't that which has a beautiful design, it's one that thoroughly walks through the code that you've created so that others can understand what it does and how they can use it. Just as a visitor to your app needs to know how to use the UI, a developer working with your services needs to know how to use the API.

漂亮的文档不是设计精美的文档,而是彻底浏览您创建的代码的文档,以便其他人可以了解它的功能以及如何使用它。 就像您的应用程序的访问者需要知道如何使用UI一样,使用您的服务的开发人员也需要知道如何使用API​​。

一点额外的喜悦 (A little extra delight)

But of course everyone wants something nice to look at. Not only can design treats make people happy and smile, it can also help avoid stress and tension.

但是,当然,每个人都希望看到一些不错的东西。 设计款待不仅可以让人开心和微笑,还可以避免压力和紧张。

作为开发人员,Visual和UX设计如何重要?您可以做什么来升级?
Josh W. Comeau includes cute, happy graphics throughout his site
乔希·科莫(Josh W. Comeau)在他的网站上都包含可爱而快乐的图形

Having a page that's ugly or overly thick with data can be unsettling. Not only can it hurt the usability, but the clutter and color choices can make people feel uneasy, stressed, and full of anxiety.

一个页面太丑陋或数据太厚会令人不安。 它不仅会损害可用性,而且混乱和颜色选择可能会使人感到不安,压力和焦虑。

While your team might not have the resources for full-time designers, taking a little time to learn the basics of design can help set you on your journey of becoming a well rounded developer.

当你的团队可能没有专职的设计师资源,利用一点时间来学习的设计可以帮助基础设置你对你成为一个全面开发的旅程

学习设计基础的资源 (Resources for learning design basics)

Like it or not – we're all "designers" in a way. We're all building tools and systems that ultimately will be used by another human being. We should do what we can to make our creations friendlier to use for everyone who comes next.

不管喜欢与否–从某种意义上来说,我们都是“设计师”。 我们都在构建最终将被另一个人使用的工具和系统。 我们应该尽力使自己的作品更友好,以供接下来的每个人使用。

Since you're now inevitably inspired to spend some time and learn about design, there are luckily a lot of resources available for you to get started.

由于您现在不可避免地要花一些时间来学习设计,因此幸运的是,有很多资源可供您入门。

影片 (Videos)

图书 (Books)

电子邮件课程 (Email Course)

杂项 (Misc)

作为开发人员,您对设计有何看法? (What's your take on design as a developer?)

Have any of these worked particularly well for you? Am I missing something that made design click for you? Please share with me on Twitter!

这些工具对您来说效果特别好吗? 我是否缺少让设计点击您的东西? 请在Twitter上与我分享

加入对话! (Join the conversation!)

Design can be a secondary thought in a lot of development processes...But like it or not — we’re all “designers" in a way, as we’re all building things for other people to use. ????‍????Why is this important and how can we learn the basics?https://t.co/ms545Wiut8

— Colby Fayock (@colbyfayock) May 28, 2020

在很多开发过程中,设计可能是次要的想法……但是,不管喜欢与否,我们都是某种程度上的“设计师”,因为我们都在构建供其他人使用的东西。这很重要,我们如何学习基础知识? https://t.co/ms545Wiut8

-Colby Fayock(@colbyfayock) 2020年5月28日

翻译自: https://www.freecodecamp.org/news/how-is-design-important-as-a-developer-and-what-can-you-do-to-level-up/

相关文章:

  • 2021-12-05
  • 2021-12-06
  • 2021-10-18
  • 2022-03-07
  • 2022-12-23
  • 2021-10-04
  • 2021-05-24
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-08
  • 2021-07-27
  • 2021-07-06
  • 2021-05-03
  • 2021-12-21
相关资源
相似解决方案