{"id":948,"date":"2021-05-07T10:34:03","date_gmt":"2021-05-07T10:34:03","guid":{"rendered":"https:\/\/gevelopers.com\/?page_id=948"},"modified":"2021-07-23T07:14:22","modified_gmt":"2021-07-23T07:14:22","slug":"design","status":"publish","type":"page","link":"https:\/\/gevelopers.com\/pt\/design\/","title":{"rendered":"Projetando para todas as paletas de sabor, do conceito ao produto final"},"content":{"rendered":"

O design simples \u00e9 um processo complexo. N\u00f3s o simplificamos focando em Desafios e Solu\u00e7\u00f5es, seguido pela constru\u00e7\u00e3o de interfaces de usu\u00e1rio funcionais que mant\u00eam o p\u00fablico no centro.<\/p>\n\n\n\n

\n
\n

A diferen\u00e7a<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

Dizemos que a descoberta est\u00e1 no centro da engenhosidade. Aprendemos um pouco de loucura misturada com grande disciplina, criamos obras-primas - chamamos de \u201cOficina de Descoberta\u201d.<\/h4>\n\n\n\n
\n
\n
\"img-wireframes-gevelopers\"<\/center>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Por que sua ideia precisa de um \u201cworkshop\u201d?<\/h2>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Pensar<\/h3>\n\n\n\n

Nem todos os requisitos est\u00e3o prontos para o desenvolvimento<\/p>\n<\/div>\n\n\n\n

\n

Organizar<\/h3>\n\n\n\n

As ideias evoluem e precisam ser restringidas em um limite<\/p>\n<\/div>\n\n\n\n

\n

Prioritizar<\/h3>\n\n\n\n

Organize seus pensamentos para obter o m\u00e1ximo impacto<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Metas<\/h3>\n\n\n\n

Um produto de qualidade deve ter objetivos claramente definidos<\/p>\n<\/div>\n\n\n\n

\n

Quantificar<\/h3>\n\n\n\n

Derivando o escopo, para cronograma e or\u00e7amento precisos<\/p>\n<\/div>\n\n\n\n

\n

Roteiro<\/h3>\n\n\n\n

Escolhendo a abordagem de tecnologia certa para o desenvolvimento<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Benef\u00edcios<\/p>\n\n\n\n

Benef\u00edcios da Abordagem de Descoberta \/ Design<\/h2>\n\n\n\n

O Discovery Workshop \u00e9 projetado para alimentar a equipe de engenharia, embora n\u00e3o o contr\u00e1rio que tradicionalmente muitas empresas de TI fazem.<\/p>\n\n\n\n

\n
\n
<\/center>\n\n\n\n
Estrat\u00e9gia Clara<\/h5>\n\n\n\n

Trabalhamos com voc\u00ea para eliminar a desordem e manter o foco na defini\u00e7\u00e3o de recursos essenciais do sistema para construir um produto pronto para o lan\u00e7amento.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/center>\n\n\n\n
Velocidade<\/h5>\n\n\n\n

Aproveitando ao m\u00e1ximo o nosso engajamento com uma mentalidade \u00e1gil para produzir resultados vis\u00edveis - em compara\u00e7\u00e3o com a forma tradicional.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/center>\n\n\n\n
Baixo risco<\/h5>\n\n\n\n

Antes de investir uma grande soma inicial em todo o projeto e se comprometer \u00e0s cegas, defina algo que seja sustent\u00e1vel e alcan\u00e7\u00e1vel.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/center>\n\n\n\n
Custo-beneficio<\/h5>\n\n\n\n

Trabalhamos com voc\u00ea para definir o produto m\u00ednimo lan\u00e7\u00e1vel para que voc\u00ea possa priorizar os investimentos para um melhor ROI, permitindo que voc\u00ea foque no crescimento.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

De Discovery Sprints ao Desenvolvimento \u00c1gil<\/h2>\n\n\n\n
\n
\n
\n
\n
\n
    \n
  • \"slider-index1-gevelopers\"<\/li>\n
  • \"slider-index2-gevelopers\"<\/li>\n
  • \"slider-index3-gevelopers\"<\/li>\n <\/ul>\n <\/div>\n \n <\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
    Entregamos produtos de qualidade que ficam dentro do or\u00e7amento predefinido, identificando e nos adaptando \u00e0s mudan\u00e7as muito mais cedo em todo o processo, evitando uma fase irrevers\u00edvel onde o custo das mudan\u00e7as \u00e9 maior.<\/h5>\n\n\n\n
    <\/div>\n\n\n\n

    O processo<\/p>\n\n\n\n

    Como funciona?<\/h2>\n\n\n\n
    \n
    \n

    Para cada workshop, designamos um analista dedicado, um designer de UI \/ UX e uma equipe t\u00e9cnica que trabalha com voc\u00ea, para fazer jus \u00e0s suas ideias com as solu\u00e7\u00f5es mais relevantes e tecnicamente avan\u00e7adas.<\/p>\n\n\n\n

    \"design-how-it-work-gevelopers\"<\/center>\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n\"img-process-discover-device-gevelopers\"\n<\/div>\n\n\n\n
    \n

    P\u00fablico-alvo, mercado e o problema<\/p>\n\n\n\n

    Descubra e invente<\/h3>\n\n\n\n

    An\u00e1lise de mercado<\/h4>\n\n\n\n

    Reveja o que j\u00e1 foi feito por solu\u00e7\u00f5es semelhantes no mercado e eleve a experi\u00eancia<\/p>\n\n\n\n

    Requisitos<\/h4>\n\n\n\n

    Identifique as necessidades b\u00e1sicas e a vis\u00e3o da solu\u00e7\u00e3o com elaboradas sess\u00f5es de brainstorming<\/p>\n\n\n\n

    Conceptualiza\u00e7\u00e3o<\/h4>\n\n\n\n

    Identifique o problema principal do neg\u00f3cio a ser resolvido, mantendo os usu\u00e1rios finais no centro<\/p>\n<\/div>\n<\/div>\n\n\n\n

    <\/div>\n\n\n\n
    \n
    \n

    Projeto do n\u00facleo<\/p>\n\n\n\n

    Definir e refinar<\/h3>\n\n\n\n

    Mapa mental<\/h4>\n\n\n\n

    Projetando a arquitetura da informa\u00e7\u00e3o com os principais m\u00f3dulos e atividades em uma hierarquia l\u00f3gica<\/p>\n\n\n\n

    Jornadas do usu\u00e1rio<\/h4>\n\n\n\n

    An\u00e1lise heur\u00edstica do comportamento do usu\u00e1rio trabalhando retroativamente para projetar elementos que os usu\u00e1rios antecipam<\/p>\n\n\n\n

    Wireframe<\/h4>\n\n\n\n

    Representa\u00e7\u00e3o conceitual baseada em blocos para revelar a representa\u00e7\u00e3o visual dos principais elementos de informa\u00e7\u00e3o<\/p>\n<\/div>\n\n\n\n

    \n\"define-refine-gevelopers\"\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n\"img-process-ui-ux-gevelopers\"\n<\/div>\n\n\n\n
    \n

    Interface, experi\u00eancia e recursos visuais<\/p>\n\n\n\n

    Design UI \/ UX<\/h3>\n\n\n\n

    Interface<\/h4>\n\n\n\n

    Cria\u00e7\u00e3o cir\u00fargica de belos pixels para criar uma interface visualmente atraente de telas relevantes<\/p>\n\n\n\n

    Experi\u00eancia Digital<\/h4>\n\n\n\n

    Cria\u00e7\u00e3o de um design funcional orquestrando cuidadosamente a interface, as informa\u00e7\u00f5es e a intera\u00e7\u00e3o<\/p>\n\n\n\n

    Design Objetivo<\/h4>\n\n\n\n

    Criar um design que n\u00e3o apenas pare\u00e7a deslumbrante, mas tamb\u00e9m resolva a ess\u00eancia do problema<\/p>\n<\/div>\n<\/div>\n\n\n\n

    <\/div>\n\n\n\n
    \n
    \n

    O design n\u00e3o \u00e9 o que parece. Mas como funciona.<\/h3>\n\n\n\n

    - Steve Jobs<\/p>\n\n\n\n

    Sistemas complexos s\u00e3o f\u00e1ceis de criar. \u00c9 necess\u00e1ria uma abordagem cir\u00fargica para criar designs funcionais que permitam que os usu\u00e1rios se sintam bem ao usar a web \/ software ou um aplicativo.<\/p>\n\n\n\n

    A cria\u00e7\u00e3o de interfaces simples e significativas entre telas requer uma orquestra\u00e7\u00e3o cuidadosa de todos os ingredientes principais.<\/p>\n<\/div>\n\n\n\n

    \n\"design-quote-artwork-gevelopers\"\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n\"img-process-handover-gevelopers\"\n<\/div>\n\n\n\n
    \n

    Da descoberta ao desenvolvimento<\/p>\n\n\n\n

    Entregar<\/h3>\n\n\n\n

    Continuando da descoberta ao desenvolvimento<\/h4>\n\n\n\n

    O processo de transfer\u00eancia - independentemente de quem seja a equipe t\u00e9cnica, eles atuam como um catalisador para continuar o mesmo \u00edmpeto e profundidade do conceito a ser desenvolvido. Isso \u00e9 garantido pelo design visual ao maior detalhe, fluxo funcional e diretrizes de design que est\u00e3o prontas para serem enviadas como um pacote.<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n

    Principais percep\u00e7\u00f5es<\/p>\n\n\n\n

    Bom saber<\/h2>\n\n\n\n
    \n
    \n

    Cada workshop pode ser personalizado com base em onde voc\u00ea est\u00e1 com suas necessidades.<\/p>\n<\/div>\n\n\n\n

    \n

    Tudo come\u00e7a com a fase de brainstorming e an\u00e1lise liderada por Especialistas no Assunto.<\/p>\n<\/div>\n\n\n\n

    \n

    Os wireframes s\u00e3o seguidos e baseados nos requisitos coletados pelos analistas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n

    Os designs de IU s\u00e3o sempre baseados nos wireframes derivados e nas jornadas do usu\u00e1rio identificadas.<\/p>\n<\/div>\n\n\n\n

    \n

    Para cada parte interessada do sistema, um fluxo de IU separado com telas detalhadas deve ser criado.<\/p>\n<\/div>\n\n\n\n

    \n

    Ap\u00f3s os designs de IU - um prot\u00f3tipo interativo contendo designs deve ser apresentado<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n
    \n

    Cada fase \u00e9 precedida pelo est\u00e1gio anterior a ela, conforme descrito no Modelo de Workshop.<\/p>\n<\/div>\n\n\n\n

    \n

    N\u00e3o h\u00e1 problema em pular uma etapa do workshop se isso for algo que voc\u00ea j\u00e1 alcan\u00e7ou OU pode alcan\u00e7ar por conta pr\u00f3pria.<\/p>\n<\/div>\n\n\n\n

    \n

    Trabalhamos com todas as ferramentas modernas, por exemplo, Sketch, Invision e \u00e0s vezes v\u00e1rias outras ferramentas como Principal, Flinto e Adobe XD<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Simple design is a complex process. We simplify it by focusing on Challenges and Solutions followed by building functional user…<\/p>","protected":false},"author":1,"featured_media":261,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-948","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/pages\/948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/comments?post=948"}],"version-history":[{"count":0,"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/pages\/948\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/media\/261"}],"wp:attachment":[{"href":"https:\/\/gevelopers.com\/pt\/wp-json\/wp\/v2\/media?parent=948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}