Como criar um kit de interface do usuário que está à venda. Etapas do desenvolvimento de um sistema de design comercial



Hoje, qualquer designer tem a oportunidade de ganhar dinheiro com seu próprio produto de design . Ícones, ilustrações, modelos de sites e aplicativos podem ser transformados em produtos digitais e vendidos em todo o mundo. Alguém que seu ofício ajudará a acelerar o trabalho e as pessoas pagarão por ele. Outro pode comprar para ver como é feito. O terceiro é projetar seu recurso com suas soluções de design. Seu produto pode disparar e atingir o topo ou pode ser inútil para qualquer pessoa. Mas vale a pena tentar fazer isso pelo menos em prol das habilidades de bombeamento, trabalhando com vendas, uma chance de recusar o trabalho de escritório ou o trabalho para um cliente.

Vou falar sobre um plano em fases para a criação de um sistema de design comercial. Aprenda a criar e comercializar seu produto. Vou lhe dizer o que fazer antes de começar o trabalho, como preparar e elaborar um plano. Considerarei separadamente as etapas do desenvolvimento de um sistema de design para o Figma. Na última parte, darei dicas sobre como promover e promover. O artigo apenas experiência pessoal e observações de auto-didata.

Quem compra e por quê


Designers, desenvolvedores, gerentes e empresários compram sistemas de design para não desenhar todas as pequenas coisas do zero, mas imediatamente começam a coletar layouts de peças acabadas. A abordagem para o design da tela mudou e requer ajuste fino de cada componente. Estilos, delimitadores, nomeação, malha e ordem geral no sistema de design devem ser criados gastando tempo. Você não pode simplesmente abrir o Sketch, XD ou Figma e começar a criar modelos. Você sempre inicia em uma tela em branco e são necessários elementos básicos para o trabalho: botões, listas, cartões, etc. Onde conseguir tudo isso? Crie você mesmo todos os componentes, depure e teste-os, tendo perdido um mês, ou compre algo pronto .

Por que criar um produto de design


Isso deve ser feito para desenvolver habilidades e oportunidades profissionais para melhorar a situação financeira. Este é um trabalho mais divertido, porque você cria tarefas para si mesmo. Se você faz o que gosta, já está motivado o suficiente. Você tem a oportunidade de vender seus componentes para outros designers e organizações de todo o mundo. Você receberá críticas lisonjeiras de clientes satisfeitos, portanto, é necessário criar sua melhor interface do usuário. Criar um produto de design é interessante e empolgante, mas levará tempo para investir.


Uma apresentação de qualidade é uma boa maneira de promover seu artesanato.

Quais produtos de design existem


  • Conjunto de ícones
  • Conjunto de ilustrações
  • Kit de prototipagem
  • Modelos de site
  • Modelos de Aplicação
  • Apresentações
  • Fontes
  • Sistemas de design, etc.

Um produto de design flexível é de maior valor para o cliente. Certamente contém muitas opções, condições e tamanhos dos elementos utilizados. Portanto, você terá que se esforçar e levar tudo em conta, desenvolver um sistema e, em seguida, verificar cuidadosamente tudo. A concorrência no mercado de recursos prontos para a Figma ainda não é tão perceptível, mas existe, o que significa que você deve usar toda a experiência acumulada e criar um produto da mais alta qualidade.

Você pode aprofundar o futuro sistema de design em qualquer um dos tópicos, especialmente se você já trabalhou com ele: comércio eletrônico, criptomoeda, social, gerenciamento de projetos, etc. ... Para um produto de nicho, você tem o direito de cobrar um preço alto e reduzi-lo gradualmente se o resultado não Mas um produto em uma especialização estreita é mais difícil de vender, pois é exigido por uma minoria. No entanto, quando esse comprador está localizado, ele pode pagar US $ 200 ou mais por uma licença individual. Eu recomendo desenvolver um sistema em um tópico selecionado, mas certifique-se de mostrar como é fácil refazê-lo em outro.



Você arrisca apenas tempo


Este é o seu único investimento - tempo. Mas, em qualquer caso, ele retornará a você com experiência. Resolvendo os problemas de design que são do seu interesse, você elevará a qualidade do portfólio a um novo nível. Verificado por si mesmo . E tento me perceber objetivamente. Assim, com um resultado favorável, você obtém a primeira venda e uma sensação muito legal. Alguém achou o seu ofício útil e pagou por uma cópia. Seu desejo de dormir desaparecerá, mais planos para o desenvolvimento do seu projeto irão girar sua cabeça.

Porém, antes da primeira venda, ninguém pagará o tempo gasto, como no trabalho para um cliente. Sempre existe o risco de que o que é feito seja inútil para qualquer pessoa. Também não tive sucesso na primeira vez e não houve vendas. Portanto, você precisa aceitar o fato de que talvez você não ganhe nada, mas, em qualquer caso, bombeie.

Você está melhorando seu portfólio


Se as vendas não terminaram, esse não é o fim; de qualquer forma, você tem orgulho de colocar esse trabalho em seu portfólio . Você trabalhou duro e não se apressou em colocar o produto de design na caixa. Por exemplo, você pode reutilizá-lo e desenvolver um caso fictício. Se você cometeu um erro e desenhou outro kit de UI de Entrega de Alimentos, como muitos iniciantes, pode criar e descrever o processo como se esse trabalho tivesse sido feito para o cliente e como você o abordou. Com base nessa história, você pode escrever no Medium e espalhar gráficos interessantes no Dribbble e no Instagram. Talvez obtenha um feedback valioso e novos assinantes. Você sempre precisa reutilizar seus próprios gráficos para melhorar seu portfólio e criar uma audiência.

Mencionei acima que não consegui a primeira vez, mas seis meses depois fiz uma inversão de marcha e comecei a examinar mais antes da segunda tentativa. A pesquisa é uma etapa importante antes do início e quero me aprofundar nela com mais detalhes. Com uma análise mais profunda de padrões e produtos populares, consegui obter uma experiência bem-sucedida na venda de bibliotecas comerciais Figma , por isso vou falar sobre a criação de modelos de design feitos a partir de componentes ou de um "sistema de design".


Duplicar selecionadores iOS no Figmo

Você precisa de um plano antes de começar


Auto-organização, disciplina e o papel de um gerente de projeto pessoal são componentes importantes para concluir o trabalho. Se você tentar criar um sistema de design à noite, depois do trabalho principal no escritório, precisará ser eficaz e ter muito o que fazer. E também temos famílias, crianças e tarefas domésticas. Uma emergência assim pode facilmente desequilibrar e você precisa de um plano de ação confortável. Haverá três estágios principais - pesquisa, criação e promoção do produto. Cada item terá que ser expandido e uma lista separada de etapas para cada estágio será compilada. Hoje vamos elaborar um plano de pesquisa.

Pesquisa


Escolha a ferramenta


A escolha de uma ferramenta para o futuro sistema de design é a escolha do mercado em que você trabalhará. Eu prefiro o Figma, você pode achar mais conveniente trabalhar com o XD, por exemplo. É importante que a ferramenta se desenvolva, tenha seu próprio público. Se alguém já vende neste mercado, tudo bem, reutilize as ideias deles dando uma olhada no seu produto. Se você é o primeiro, há motivos para tomar cuidado.

Por exemplo, em torno do Invision Studio ausente dos radares, o mercado de design não é perceptível e, em torno do raro Axure, existe pouco a pouco. Sim, é muito menor que o mercado do Sketch. E este é tão grande que está cheio de modelos e baleias da interface do usuário , então o preço médio por cópia é mais baixo. Todos esses fatores devem ser pesados ​​antes de escolher uma direção. Mas primeiro, acesse a ferramenta de design popular, se você nunca fez isso antes e comece a estudar um pouco quais produtos semelhantes ao seu já existem.

Escolha um assunto


O tema do produto de design deve ser definido para adquirir a especificação. Por exemplo, usando esse sistema, você pode criar protótipos no estilo de design de materiais, e essa nova biblioteca Figma contém formas mais arredondadas e é feita em um estilo diferente. Estes são dois sistemas de design, mas cada um tem seu próprio objetivo. Além disso, o mercado aguarda ainda mais novos tópicos, portanto, fique à vontade para sugerir.

Prepare-se para aplicar toda a sua experiência ao tópico em que você é mais versado. Portanto, será mais fácil encontrar pessoas que sua experiência ajudará a resolver seus problemas de design. Permanecerá lúcido informar o futuro comprador sobre qual é a esfera do seu produto e o que pode ser construído com sua ajuda. Pode ser gráficos, painéis de administração, modelos financeiros e similares. No início, você precisa determinar a direção e seguir este curso durante o desenvolvimento.



Diretrizes da interface do usuário


Os usuários compram um design de produto, também porque gostam do exterior. Mas se eles perderem o estilo, eles não comprarão. Portanto, é importante monitorar como o design de serviços, redes sociais e aplicativos da web está mudando - isso ajudará a criar a interface do usuário real. Por exemplo, após o redesenho do Twitter, os botões arredondados voltam à moda. E o Pinterest está nesse estilo há muito tempo. Portanto, faz sentido tirar um exemplo deles, para que alguém possa pensar: “Oh! Este design está no estilo do novo Twitter. Estou pegando! " Temas escuros também se tornaram populares, você não pode ignorá-lo. As tendências estão mudando rapidamente e os produtos de design estão se tornando obsoletos; portanto, a interface do usuário deve ser feita da forma que é popular hoje. Se você não tem idéia do estilo, explore.

Quais componentes fazem


Para um sistema de design completo, você precisará desenhar muitas seções com componentes simples - botões, guias, diálogos, calendários, chips e assim por diante. Você precisa fornecer todo o conjunto que puder criar.

Deseja revelar um segredo? Não há novos componentes no mundo, apenas o exterior está mudando. Qualquer painel é basicamente os mesmos botões, listas e tabelas. Portanto, você pode buscar idéias sobre esses recursos Mobbin , Webframe ou Nicelydone e compor um conjunto de componentes dos quais precisa para começar. Após vários estudos intensivos, você terá uma extensa lista de todos os componentes necessários para organizar e redesenhar no seu estilo.

Quantos modelos criar e quais


Quanto mais universais os seus modelos, maior a chance de interessar a um potencial comprador. Pense em como criar um sistema de design flexível, no qual existem muitas soluções prontas com antecedência. Considere todas as opções e condições, porque os desenvolvedores podem fazer perguntas: os botões mudam quando o OnHover, como é a entrada ativa e assim por diante. Portanto, você precisa levar em consideração o estado dos componentes no futuro sistema. Para a sua versão anterior, escolha os padrões mais frequentemente encontrados na vida: Tabelas , Navegação , Perfil , Configurações e assim por diante. Quase qualquer aplicação pode ser montada a partir dessas peças básicas. Portanto, quando você oferece muitos modelos populares para escolher - isso torna o produto de design mais funcional.



Use os recursos disponíveis


O espaço global de design está repleto de muitos modelos que podem ser reutilizados com lucro. Comece a se acostumar com um trabalho eficaz - por que desenhar algo que já foi feito cem vezes e está disponível gratuitamente com o consentimento dos autores. No mínimo, você deve encontrar um conjunto de bons ícones , sem eles o sistema de design é inferior. Ou procure aqueles que têm permissão para criar produtos comerciais. Verifique se a licença permite revenda. Respeite os autores, como doravante, você é o próprio autor! Para uma boa apresentação, são necessários modelos de dispositivo e estão nos recursos do Figma . Procure coisas grátis interessantes e pense em como usá-las em seu produto.

Faça de você um moodboard


Explore os recursos populares de design ocidental e coloque telas interessantes em um projeto separado. Com o tempo, isso se tornará um quadro de humor no qual você espionará um ou outro elemento ou verificará se segue o estilo escolhido. Por exemplo, você decide criar um sistema para aplicativos móveis e precisa de muitas idéias sobre esse tópico. Comece com o Pinterest , há uma pesquisa inteligente de imagens e a capacidade de coletar nativamente mudboards. Em seguida, desenvolva um plano para criar um kit de interface do usuário em um estilo específico. Vá fundo no design de produtos financeiros, se você deseja criar um sistema de design de nicho. Explore os principais aplicativos do setor. Crie um quadro de humor com as capturas de tela coletadas e comece.


Exemplo de Mudboard de projeto de material

Agora você está pronto para começar


Com um plano detalhado, você pode começar a trabalhar com segurança, mas não se esgote se precisar se afastar do plano. Este é o seu guia, não um conjunto de leis.
É importante não se tornar um perfeccionista até a primeira venda e gastar seu tempo com eficiência. A rotina nesse processo é inevitável; portanto, altere a ordem nos itens do plano. Na próxima parte, elaboraremos um plano para o desenvolvimento de um sistema de design na Fig. Passaremos das palavras para a ação.

Descobrimos que todo designer deve tentar criar seu próprio produto de design.
Você bombeia ou ganha e bombeia. Mas você precisará investir seu próprio tempo. Você está pronto para passar as noites fora do escritório para o seu próprio projeto? Ou passar dias a fio, percebendo que você não será pago imediatamente por esse trabalho, se é que o fará?

Se você estiver pronto, navegue pela sua experiência de design e pense em como conseguiu. Pense em quais produtos você gosta e que tipo de sistema de design no tópico eu gostaria de fazer. Tudo isso nos será útil em breve, quando passarmos para a segunda parte diretamente no desenvolvimento de um sistema de design.

Inscreva-se no meu canal Telegram "Útil para o designer", haverá anúncios das seguintes peças e muitos outros recursos úteis de design. Escreva no PM se você é um profissional de UI / UX e trabalha na Fig. Responderei a todas as perguntas restantes, se você quiser criar um sistema de design comercial.

Preciso de novos produtos e você receberá 70% de cada venda. Estou construindo uma forte equipe de fabricantes de UI, promovendo e posicionando no setproduct.com seu produto de design: ícones, ilustrações ou um sistema para a Figma. Vamos vender juntos!

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


All Articles