Cómo crear un kit de interfaz de usuario que esté a la venta. Etapas del desarrollo de un sistema de diseño comercial.



Hoy, cualquier diseñador tiene la oportunidad de ganar dinero con su propio producto de diseño . Los iconos, las ilustraciones, el sitio web y las plantillas de aplicaciones pueden convertirse en un producto digital y venderse en todo el mundo. Alguien de su oficio ayudará a acelerar el trabajo y la gente lo pagará. Otro puede comprar para ver cómo se hace. El tercero es diseñar su recurso con sus soluciones de diseño. Su producto puede disparar y golpear la parte superior, o puede resultar inútil para cualquiera. Pero vale la pena intentar hacer esto, al menos por el bien de las habilidades de bombeo, trabajar con ventas, una oportunidad de rechazar el trabajo de oficina o trabajar para un cliente.

Hablaré sobre un plan por etapas para crear un sistema de diseño comercial. Aprenda a hacer y comercializar su producto. Te diré qué hacer antes de comenzar a trabajar, cómo preparar y elaborar un plan. Consideraré por separado las etapas del desarrollo de un sistema de diseño para Figma. En la última parte daré consejos sobre cómo promocionar y promocionar. El artículo solo experiencia personal y observaciones de forma autodidacta.

Quién lo compra y por qué


Los diseñadores, desarrolladores, gerentes y dueños de negocios compran sistemas de diseño para no dibujar todas las pequeñas cosas desde cero, sino que inmediatamente comienzan a recopilar diseños de piezas terminadas. El enfoque del diseño de la pantalla ha cambiado y requiere un ajuste fino de cada componente. Los estilos, delimitadores, nombres, mallas y el orden general en el sistema de diseño deben crearse pasando tiempo. No puede simplemente abrir Sketch, XD o Figma y comenzar a crear plantillas. Siempre comienza desde una pantalla en blanco, y se requieren elementos básicos para el trabajo: botones, listas, tarjetas, etc. ¿Dónde conseguir todo esto? Cree todos los componentes usted mismo, depúrelos y pruébelos después de haber perdido un mes, o compre algo listo para usar .

¿Por qué crear un producto de diseño?


Esto debe hacerse para desarrollar habilidades profesionales y oportunidades para mejorar la situación financiera. Este es un trabajo más divertido porque se te ocurren tareas para ti mismo. Si haces lo que te gusta, entonces ya estás lo suficientemente motivado. Tiene la oportunidad de vender sus componentes a otros diseñadores y organizaciones de todo el mundo. Recibirá críticas halagadoras de clientes satisfechos, por lo que debe hacer su mejor IU. Crear un producto de diseño es interesante y emocionante, pero llevará tiempo invertir.


Una presentación de calidad es una buena manera de promocionar su oficio.

¿Qué productos de diseño existen?


  • Conjunto de iconos
  • Conjunto de ilustraciones
  • Kit de prototipos
  • Plantillas de sitios web
  • Plantillas de aplicación
  • Presentaciones
  • Fuentes
  • Sistemas de diseño, etc.

Un producto de diseño flexible es de gran valor para el cliente. Ciertamente contiene muchas opciones, condiciones, tamaños de los elementos utilizados. Por lo tanto, tendrá que esforzarse y tener todo en cuenta, desarrollar un sistema y luego verificar cuidadosamente todo. La competencia en el mercado de los recursos prefabricados para Figma todavía no es tan notable, pero existe, lo que significa que debe usar toda la experiencia acumulada y hacer un producto de la más alta calidad.

Puede profundizar el sistema de diseño futuro en cualquiera de los temas, especialmente si ya ha trabajado con él: comercio electrónico, criptomoneda, social, gestión de proyectos, etc. ... Para un producto de nicho, tiene derecho a cobrar un precio alto y luego reducirlo gradualmente si el resultado no Pero un producto en una especialización estrecha es más difícil de vender, ya que es requerido por una minoría. Sin embargo, cuando se ubica a dicho comprador, puede pagar $ 200 o más para una licencia individual. Recomiendo desarrollar un sistema sobre un tema seleccionado, pero asegúrese de mostrar lo fácil que es rehacerlo en otro.



Solo arriesgas el tiempo


Esta es su única inversión: tiempo. Pero en cualquier caso, volverá a ti con experiencia. Al resolver los problemas de diseño que le interesan, elevará la calidad de la cartera a un nuevo nivel. Comprobado por usted mismo . Y trato de percibirme objetivamente. Entonces, con un resultado favorable, obtienes la primera venta y una sensación muy genial. Alguien encontró útil su oficio y pagó por una copia. Su deseo de dormir desaparecerá, otros planes para el desarrollo de su proyecto harán girar su cabeza.

Pero antes de la primera venta, nadie le pagará el tiempo dedicado, como cuando trabaja para un cliente. Siempre existe el riesgo de que lo que se haga resulte inútil para cualquiera. Tampoco tuve éxito la primera vez y no hubo ventas en absoluto. Por lo tanto, debe aceptar el hecho de que tal vez no ganará nada, pero en cualquier caso, bombeará.

Estás mejorando tu cartera


Si las ventas no se han ido, este no es el final; en cualquier caso, está orgulloso de poner este trabajo en su cartera . Has trabajado duro por ti mismo y no te apresuras a poner el producto de diseño en la caja. Por ejemplo, puede reutilizarlo y desarrollar un caso ficticio. Si cometió un error y dibujó otro kit de interfaz de usuario de Food Delivery, como muchos principiantes, puede idear y describir el proceso como si este trabajo se hiciera para el cliente y cómo lo abordara. Según esta historia, puede escribir en Medium y dispersar gráficos geniales en Dribbble e Instagram. Tal vez obtenga comentarios valiosos y nuevos suscriptores. Siempre necesita reutilizar sus propios gráficos para mejorar su cartera y crear una audiencia.

Mencioné anteriormente que no tuve éxito la primera vez, pero seis meses después hice un cambio de sentido y comencé a examinar más antes del segundo intento. La investigación es una etapa importante antes del comienzo y quiero profundizar en ella con más detalle. Con un análisis más profundo de los patrones y productos populares, pude lograr una experiencia exitosa en la venta de bibliotecas comerciales de Figma , por lo que hablaré sobre la creación de plantillas de diseño hechas de componentes o un "sistema de diseño".


Duplicar selectores de iOS en Figmo

Necesita un plan antes de comenzar


La autoorganización, la disciplina y el papel de un gerente de proyecto personal son componentes importantes para completar el trabajo. Si intenta crear un sistema de diseño por las tardes, después del trabajo principal en la oficina, debe ser eficaz y tener mucho que hacer. Y también tenemos familias, niños y tareas domésticas. Una emergencia de este tipo puede desequilibrarse fácilmente y debe tener un plan de acción cómodo. Habrá tres etapas principales: esta es la investigación, creación y promoción del producto. Cada elemento tendrá que expandirse y se compilará una lista separada de pasos para cada etapa. Hoy elaboraremos un plan de investigación.

Investigación


Elegir herramienta


La elección de una herramienta para el futuro sistema de diseño es la elección del mercado donde trabajará. Prefiero Figma, puede que le resulte más conveniente trabajar con XD, por ejemplo. Es importante que la herramienta se desarrolle, tenga su propio público. Si alguien ya vende en este mercado, está bien, reutilice sus ideas echando un vistazo a su producto. Si eres el primero, hay razones para tener cuidado.

Por ejemplo, alrededor del Invision Studio que falta en los radares, el mercado del diseño no se nota, y alrededor del Axure raro, poco a poco existe. Sí, es mucho más pequeño que el mercado Sketch. Y este es tan grande que está lleno de plantillas y ballenas ui , por lo que el precio promedio por copia es más bajo. Todos estos factores deben sopesarse antes de elegir una dirección. Pero primero, vaya a la herramienta de diseño popular, si no lo ha hecho antes y comience a estudiar un poco qué productos similares al suyo ya existen.

Elige un tema


El tema del producto de diseño debe definirse para que adquiera la especificación. Por ejemplo, con este sistema puede crear prototipos en el estilo de diseño de materiales, y esta nueva biblioteca de Figma contiene formas más redondeadas y está hecha en un estilo diferente. Estos son dos sistemas de diseño, pero cada uno tiene su propio propósito. Además, el mercado espera aún más temas nuevos, así que siéntase libre de proponer.

Prepárese para aplicar toda su experiencia al tema que mejor conoce. Por lo tanto, será más fácil encontrar a las personas que su experiencia ayudará a resolver sus problemas de diseño. Seguirá siendo lúcido para informar al futuro comprador de qué esfera es su producto y qué se puede construir con su ayuda. Pueden ser gráficos, paneles de administración, plantillas financieras y similares. Al principio, debe determinar la dirección y adherirse a este curso durante el desarrollo.



Pautas de UI


Los usuarios compran un diseño de producto, también porque les gusta el exterior. Pero si pierden el estilo, no comprarán. Por lo tanto, es importante controlar cómo está cambiando el diseño de los servicios, las redes sociales y las aplicaciones web; esto ayudará a crear la interfaz de usuario real. Por ejemplo, después del rediseño de Twitter, los botones redondeados vuelven a estar de moda. Y Pinterest lleva mucho tiempo en este estilo. Entonces tiene sentido tomar un ejemplo de ellos, entonces alguien podría pensar: “¡Oh! Este diseño está al estilo del nuevo Twitter. ¡Lo estoy tomando! " Los temas oscuros también se han vuelto populares, no puedes ignorarlos. Las tendencias están cambiando rápidamente y los productos de diseño se están volviendo obsoletos, por lo que la interfaz de usuario debe hacerse de la forma que es popular hoy en día. Si no tienes idea del estilo, explora.

Que componentes hacen


Para un sistema de diseño completo, necesitará dibujar muchas secciones con componentes simples : botones, pestañas, cuadros de diálogo, calendarios, chips, etc. Tienes que proporcionar todo el conjunto que se te ocurra.

¿Quieres revelar un secreto? No hay nuevos componentes en el mundo, solo el exterior está cambiando. Cualquier tablero es básicamente los mismos botones, listas y tablas. Por lo tanto, puede buscar ideas sobre estos recursos de Mobbin , Webframe o Nicelydone y componer una tabla de los componentes que necesita para comenzar. Después de varios estudios intensivos, tendrá una extensa lista donde habrá todos, todos los componentes que necesita organizar y volver a dibujar en su estilo.

Cuántas plantillas hacer y cuáles


Cuanto más universales sean sus plantillas, mayor será la posibilidad de interesar a un comprador potencial. Piense en cómo hacer un sistema de diseño flexible, en el que haya muchas soluciones preparadas de antemano. Tenga en cuenta todas las opciones y condiciones, ya que los desarrolladores pueden hacer preguntas: ¿cambian los botones cuando está activado, cómo se ve la entrada activa y cosas similares? Por lo tanto, debe tener en cuenta el estado de los componentes en el sistema futuro. Para su versión anterior, elija los patrones que se encuentran con mayor frecuencia en la vida: tablas , navegación , perfil , configuración , etc. Casi cualquier aplicación puede ensamblarse a partir de estas partes básicas. Por lo tanto, cuando ofrece muchas plantillas populares para elegir, esto hace que el producto de diseño sea más funcional.



Usa los recursos disponibles


El espacio de diseño global está plagado de muchas plantillas que pueden reutilizarse de manera rentable. Comience a acostumbrarse a un trabajo efectivo: por qué dibujar algo que ya se ha hecho cientos de veces y que está disponible de forma gratuita con el consentimiento de los autores. Como mínimo, debe encontrar un conjunto de buenos íconos , sin ellos el sistema de diseño es inferior. O busque aquellos que pueden crear productos comerciales. Asegúrese de que la licencia permita la reventa. Respeto a los autores, como de ahora en adelante, usted es el autor mismo! Para una buena presentación, se necesitan maquetas de dispositivos y están en los recursos de Figma . Busque cosas gratis interesantes y piense cómo usarlas en su producto.

Hazte una tabla de humor


Explore los recursos populares de diseño occidental y coloque pantallas interesantes en un proyecto separado. Con el tiempo, esto se convertirá en una tabla de estado de ánimo en la que espiarás uno u otro elemento o verificarás que te adhieres al estilo elegido. Por ejemplo, decide crear un sistema para aplicaciones móviles y necesita muchas ideas sobre este tema. Comience con Pinterest , hay una búsqueda inteligente de imágenes y la capacidad de recolectar tablas de barro de forma nativa. Luego, desarrolle un plan para crear un kit de interfaz de usuario en un estilo específico. Profundice en el diseño de productos financieros si desea crear un sistema de diseño de nicho. Explore las mejores aplicaciones de la industria. Hazte una tabla de humor de las capturas de pantalla recopiladas y comienza.


Ejemplo de panel de diseño de material

Ahora estas listo para comenzar


Con un plan detallado, puede comenzar a trabajar de manera segura, pero no se agote si necesita retirarse del plan. Esta es su guía, no un conjunto de leyes.
Es importante no convertirse en un perfeccionista hasta que se haya realizado la primera venta y pasar su tiempo de manera eficiente. La rutina en este proceso es inevitable, así que cambie el orden en los elementos del plan. En la siguiente parte, elaboraremos un plan para el desarrollo de un sistema de diseño en la Fig. Pasaremos de las palabras a la acción.

Descubrimos que cada diseñador debería intentar crear su propio producto de diseño.
Usted bombea, o gana y bombea. Pero deberá invertir su propio tiempo. ¿Estás listo para pasar las tardes fuera de la oficina para tu propio proyecto? ¿O pasar días enteros, dándose cuenta de que no se le pagará por este trabajo de inmediato, si es que lo hace?

Si está listo, desplácese por su experiencia de diseño en su cabeza y piense en cómo lo logró. Piense qué productos le gustan y qué tipo de sistema de diseño sobre el tema me gustaría hacer. Todo esto nos será útil pronto cuando pasemos a la segunda parte directamente sobre el desarrollo de un sistema de diseño.

Suscríbase a mi canal de Telegram "Útil para el diseñador", habrá anuncios de las siguientes partes y muchos otros recursos útiles de diseño. Escriba en PM si es un profesional de UI / UX y trabaja en la Fig. Contestaré todas las preguntas restantes si desea probar su suerte para crear un sistema de diseño comercial.

Necesito nuevos productos y recibirás el 70% de cada venta. Estoy formando un sólido equipo de fabricantes de UI, proporcionando promoción y colocación en setproduct.com de su producto de diseño: iconos, ilustraciones o un sistema para Figma. ¡Vendamos juntos!

Source: https://habr.com/ru/post/468043/


All Articles