Category: Ebook Web Designer

Descubra como Wireframes podem lhe auxiliar na elaboração dos seus projetos

26 de dezembro de 2022

Descubra como Wireframes podem lhe auxiliar na elaboração dos seus projetos

Eae! Td bele?
No processo de desenvolvimento de um site além do Projeto Gráfico (o layout cheio de cores que você faz no PSD) podem existir também outras partes como Arquitetura da Informação↓, UX↓, etc.
Pensando nisso, falarei neste artigo sobre a parte de prototipação, mais especificamente dos wireframes.
Se você ainda não ouviu falar sobre, provavelmente irá ouvir. Se você nunca usou um, provavelmente irá usar… Porque um designer, principalmente se você for freela, é muito mais do que usar Photoshop ou Illustrator. Você é um projetista:  deve saber planejar o que será feito e como ser feito.
E você pensando que seria só fazer uns gradientes no photohop, né Galucho?
Então, sem mais delongas, vamos conhecer essa ferramenta largamente usada no desenvolvimento de interfaces. Vem comigo!
Neste artigo você descobrirá:

O que é um Wireframe
A importância da prototipação nos projetos
O que  deve conter em um  Wireframe
Quais os tipos de Wireframes
Como criar Wireframes

O que é um Wireframe?
Wireframe é um esboço: uma simulação de como a interface deverá funcionar.
Basicamente é unir todas as informações que colhemos no briefing para o papel,  de um modo estruturado  prevendo como será  a construção.
Logo, ele retrata o layout , de forma simples, da página organizando o conteúdo e os elementos da interface no espaço que pretendemos usar.  Além de fornecer toda a estrutura para o designer elaborar o layout, ele fornece os elementos funcionais (como a navegação, por exemplo) que serão usados por um desenvolvedor.
O wireframe geralmente não tem estilo tipográfico, cor, ou gráficos, já que o foco principal está na funcionalidade, comportamento e no conteúdo.
E também ele precisa ser flexível a alterações rápidas, permitindo assim que se façam testes dos vários pontos do projeto (usabilidade, navegação, interação, leiturabilidade, por exemplo)
A importância da prototipação

A grande vantagem dos wireframes é que através deles conseguimos demonstrar quais serão as informações e elementos que estão contidos no projeto, além de como deve ser o seu funcionamento, de uma forma simples, prática e muito mais rápida do que construir o layout direto Photoshop.
São muito mais fáceis de se fazer e mais baratos. E podem ser tranquilamente revistos, adaptados e descartados quase que instantemente.
Eles são muito úteis quando você precisa apresentar seu trabalho, seja para o seu cliente, ou seu superior, porque permite que ele (seu cliente) visualize melhor as suas ideias facilitando assim o entendimento do projeto e otimizando o tempo de ambos.
Independente da complexidade do site, fazer essa prototipação ajuda a esclarecer dúvidas, e a definir exatamente o que se precisa ser feito por todas as áreas envolvidas no projeto.
O que colocar no wireframe?
Apesar do wireframe conter  somente o essencial,  quando estiver elaborando –o pense em como será o design, pense em cada ação( e na sua reação também), pense passo a passo.
Então o primeiro passo,lógico, é pensar. E saiba que durante a elaboração  você terá que refazer e testar coisas várias vezes. Faz parte do processo.
E uma ferramenta que pode lhe auxiliar nessa parte da organização dos pensamentos é o mapa mental. Após a leitura desse artigo, confira esse bônus sobre mapas mentais.

Desenvolvendo Mapas Mentais
Organização, criação, memorização, entendimento e hierarquização de ideias

Clique aqui e veja mais
Mapas mentais são diagramas de informações hierarquizados.
É um estilo de diagrama, uma sistematização dos pensamentos, categorizada e expostos graficamente usando de artifícios como cores, imagens e palavras chaves.(Clique na imagem para ver  o exemplo ampliado)

A atribuição sobre a criação  dos mapas mentais é um pouco controvérsia na história, mas o fato é que o inglês Tony Buzan é o responsável pela elaboração e popularização dos mapas mentais como usamos hoje em dia. Mapas mentais baseia-se no conceito que nossos pensamentos não são lineares.
Eles são muito mais úteis e  lhe ajudam a memorizar e a enxergar bem mais possibilidades do que o método de anotação linear tradicional.Eles favorecem na organização, na criação, na memorização, no entendimento e na hierarquização das ideias.Com mapas mentais você pode gerir e gerenciar informações conectando ideias a uma ideia central de uma forma muito mais simples e funcional.Os mapas mentais tem diversas aplicações em diversos casos desde questões pessoais até , e principalmente, questões profissionais e de negócios.E para criar um Mapa mental você pode usar  papel e caneta ou algum software.
Existem várias ferramentas por aí.  O que eu indico é o  Mindmeister. E antes de começar é bom você conhecer as 7 leis de Tony Buzan para mapas mentais:

Comece no centro de um papel;
Use uma imagem central que definia a ideia principal;
Utilize-se de cores;
Conecte Ramos primários, secundários, terciários e quantos forem necessários;
Deixe os ramos curvilíneos para dar um aspecto de árvore a eles;
Use imagens, nossa mente lida melhor com elas;
Use palavras chaves.

Claro que essas regras podem ser quebradas ( como por exemplo os ramos curvilíneos) , mas a essência  delas é realmente válida.
Os mapas mentais é um excelente suporte para o desenvolvimento  de qualquer projeto, independente do assunto.
Então, fica a dica sobre mapas mentais. Use e abuse dessa ótima ferramenta.

Estrutura:

Comece por elementos comuns:  cabeçalhos e rodapés, áreas de conteúdo, navegação, barras laterais, busca, etc. E depois adicione o restante, como widgets, imagens, botões.
Coloque também elementos sobrepostos como modais, caixas de seleção, botões de rádio e outras funcionalidades.
Caso precise, quando se coloca medidas , por exemplo, utilize de etiquetas e setas para evidenciar.
Navegação:

Essa parte é muito importante.  Ela deve mostrar a relação entre os links, o modo que serão apresentados ao usuários e as opções  existentes para se navegar no site.
Conteúdos:

Coloque onde ficará aquele banner, aquele título, aquela caixa de texto.
Nos títulos, nos textos da navegação e/ou links utilize termos genéricos que mostrem a o tamanho e a importância, por exemplo “H1 Título” ou “Link Nav 1”
Não perca tempo colocando conteúdo real no seu wireframe. Utilize, por exemplo, o  Lorem Ipsum, para preencher o espaço.  O importante não é o que está escrito e sim os formatos, o posicionamento e as margens deste conteúdo.
Tipos de Wireframes
Basicamente existem dois tipos de wireframes:  de baixa fidelidade  e de alta fidelidade.

Wireframes de baixa fidelidade são basicamente compostos somente por quadrados, linhas, círculos, triângulos sobre um fundo simples (normalmente em branco) e  com alguns rótulos.
Este tipo de wireframe pode ser desenhado a mão ou em algum software gráfico.

Wireframes de alta fidelidade são mais incrementados.  Esse estilo usualmente se aproveita de elementos do design do projeto como, por exemplo, cores, imagens , ícones, o logo do cliente, etc.
O objetivo desse estilo de wireframe é se aproximar mais do layout do projeto transmitindo uma melhor ideia de como ficará o site .
O nível de detalhamento do wireframe depende do projeto, da finalidade e da preferência de quem está projetando.
Se você pesquisar mais sobre isso , dentro dessa questão de AI,  você também encontrará 3 tipos diferentes de modelos : Wireframe, Mockup e Protótipo.
Na minha opinião, somente um deles já basta na maioria dos projetos, pois não existe a necessidade de usar três camadas diferentes para a mesma coisa. Mas mesmo assim é bom conhecer como funcionam as coisas, principalmente em algumas empresas.
Wireframe: como já vimos, é um esboço simples da interface. Organiza o conteúdo e os elementos da interface no espaço que pretendemos usar. Pode ser feito a mão ou em algum software gráfico.
Mockup:  é  uma prévia fiel do design do projeto. Nele se incluí normalmente o design final e todos os elementos que irão compor a página, porém , normalmente,  são estáticos.
Protótipo:  é  uma prévia funcional do resultado final. Normalmente não contém todas as funcionalidades que existirão no projeto, mas proporciona aos clientes a capacidade de interagir com a interface e simular o resultado final. Um protótipo pode ou não ter elementos do projeto de design.
Como criar Wireframes?
Criar wireframes é simples: você pode fazê-lo a mão, numa folha de papel,  em algum software de sua preferência, como Illustrator, Photoshop, ou algum específico para essa função como o Axure.
A forma como você vai criá-lo vai depender do seu estilo e também da demanda do projeto.
Projetos mais simples provavelmente  não exigirão tanto, enquanto que projetos maiores talvez exijam um pouco mais.
O importante é fazer algo útil e com qualidade.
Logo, não importa tanto se você vai usar uma programa ou folhas de papel. “Capisce?”
Se você optar por fazer no papel, além de lápis, borracha e canetas, algo que pode lhe ajudar na elaboração é usar o papel quadriculado.

Você pode também usar esse modelo de navegador com o corpo quadriculado: http://www.raincreativelab.com/paperbrowser/.  É  só baixar e imprimir.
Se você optar por criar usando algum software, você  pode usar programas específicos. Abaixo segue alguns deles:
Desktop:

MockupScreens
Axure
Pencil
FlairBuilder
ForeUI
OverSite
Microsoft Visio
Justinmind Prototyper
FluidIA → Gratuito
DENIM →Gratuito
Balsamiq Mockups → Gratuito
MockApp → Gratuito

Online:

Mockplus RP
Miro
Figma
iPlotz
ProtoShare
MockFlow
HotGloo
Cacoo
Jumpchart
Gliffy
JustProto
Pidoco

 Templates:

Konigi Graph Paper
Sqetch
Free Sketching & Wireframing Kit
Free Web UI Wireframe Kit

E para facilitar a sua vida segue alguns links de galerias com inúmeros exemplos de wireframes:

Wireframe Showcase
I ♥ Wireframes Flickr Group

E para lhe ajudar ainda mais também veja esse Método do Jason Santa Maria. Ele descreve seu processo de criação de wireframes, desde o esboço no papel até o Illustrator
Conclusão
O wireframe ajuda os designers a saberem quais telas serão e como devem ser layoutadas.
O wireframe ajuda os desenvolvedores a tirarem dúvidas sobre como serão os comportamentos, as funcionalidades, entre outras coisas.
O wireframe ajuda a você mostrar para o seu cliente o que você tem em mente e com isso aumentam suas chances de receber um melhor feedback.
Então, Galucho, essa ferramenta pode lhe ajudar em muito  no processo de elaboração de uma interface.
É algo simples, barato , editável e  que pode prever e evitar problemas.
Espero que tenha gostado.
E você usa wireframe no seu dia a dia? Tem dúvidas sobre alguma coisa?  Usa outra ferramenta de prototipação que não citei aqui?
Deixe seu comentário.  Estou curioso saber sobre suas experiências com wireframes.
Até mais.
Forte Abraço!
Referências:
http://sixrevisions.com/user-interface/website-wireframing/
http://www.richardbarros.com.br/blog/artigos/dicas-para-desenvolvimento-de-wireframes
Imagens:
Web Page Builder Cards

Glossário – Para ajudar os aprendizes de Chief

Arquitetura da Informação (AI)↑
Arquitetura de Informação é a organização da informação que possibilita ao usuário ter acesso a ela (a informação) de uma forma simples e eficiente.

User Experience  ↑
UX trata da percepção, da  satisfação,  da experiência  do usuário enquanto usa algum produto, sistema, site, etc.

The post Descubra como Wireframes podem lhe auxiliar na elaboração dos seus projetos appeared first on Chief of Design.

Descubra como Wireframes podem lhe auxiliar na elaboração dos seus projetos
Fonte: Chef of Design

Tudo sobre Web Design: 50 perguntas e respostas [Guia sobre Web Design]

28 de julho de 2022

Tudo sobre Web Design: 50 perguntas e respostas [Guia sobre Web Design]

Eae, tudo bele?

É muito ruim não saber por onde começar. E quando se trata da área de Web Design pode rolar muitas dúvidas sobre qual ferramenta começar, quais conhecimentos adquirir, quais técnicas dominar, e o que fazer para se tornar um Web Designer reconhecido.

Só para termos uma ideia, as principais buscas por informações sobre Web Design que as pessoas executam no Google são sobre:

web designer curso;web designer freelancer;web designer o que faz;web designer salário;o que é web design;web design curso.

As vezes perdemos muito tempo para pesquisar sobre tantos assuntos e a coisa piora ainda quando o que encontramos não sana nossa dúvidas.

Sabendo disso você já pensou como seria bom que se as suas principais dúvidas sobre Web Design e Desenvolvimento Web fossem respondidas em um só lugar? Aquelas que que mais te intrigam e te deixam com várias dúvidas? Um conteúdo que tivesse tudo sobre Web design para matar as suas questões?Pois é! Eu pensei em te ajudar e criei este artigo Tudo sobre Web Design com 50 questões respondidas sobre Web Design e Desenvolvimento web.

É claro que é humanamente possível responder a todos que me procuram e as diversas dúvidas que recebo. Por mais que o título seja tudo sobre Web Design, infelizmente sempre pode faltar algo.

Entretanto separei uma parte considerável de perguntas elaboradas por leitores aqui do blog , que me acompanham de forma mais próxima, acessando meus e-mails e participando dos conteúdos.

Tendo em mãos essas questões, hoje decidi tirar informações importantes de dentro do baú do Chief para esclarecer em 50 perguntas tudo sobre Web Design e Desenvolvimento Web, com as principais dúvidas que recebo da galera.

Aproveite e confira! Quem sabe você não encontra uma questão semelhante àquela dúvida que ainda pairando em sua mente?

Entre os principais assuntos que vamos tratar estão dúvidas sobre: Web Design, UX/UI Design, Front-end, Carreira, WordPress, Elementor, HTML e CSS, entre outros.

Preparado? Vamos ver tudo sobre Web Design que você precisa saber antes de entrar na área? Se sim, então sigam-me os bons!

[ATUALIZADO em jul/2022]

1 – Para que serve é o que é Web Design?

Web design é uma área que executa processos que envolvem o planejamento, a criação e a manutenção de interfaces para websites, aplicações web e interfaces digitais em geral, levando em conta a arquitetura de informações, a navegação, a usabilidade e demais aspectos que devem envolver fundamentos de Design.

O Web Design ele engloba fundamentos que regem a construção de interfaces e páginas usadas na web. Entre os tipos mais comuns podemos destacar:

Páginas de site;Páginas de blog;Lojas virtuais;Redes sociais;Softwares online;Páginas de vendas;Landing pages;Aplicativos;Mecanismos de buscas;entre outras.

2 – Como anda o mercado de web design brasileiro? – Tudo sobre Web Design

O segmento de web design e afins está em franco crescimento. O cenário propicia isso. Veja: Um levantamento do NZN Intelligence mostrou que 74% das pessoas preferem fazer compras pela internet do que em lojas físicas. Ao aplicar essa porcentagem sobre a população do Brasil, estimada em torno de 210 milhões, 155,4 milhões preferem comprar online do que offline.

Outro dado relevante é que, segundo a ABRADi, o setor criativo responsável pelo crescimento e desenvolvimento de sites foi responsável pela maior fatia de faturamento do setor digital atingindo 30,4% do total obtido. Esse dado é segundo o último Censo realizado em 2013 e só revelado em 2016. E segundo este mesmo Censo, o faturamento do setor foi de R$ 2,7 bilhões, um crescimento de 25% em relação a 2012, quando faturou R$ 2,2 bilhões.

Eu gravei um vídeo onde falo mais sobre essa parte, você pode conferir clicando aqui!

3 – Onde pode trabalhar um Web Designer?

Há espaço em departamentos de comunicação, marketing, em agências de publicidade, empresas de TI, Startups, produtoras de vídeo, editoras de jornais e revistas on-line, ONGs, entre outras opções que necessitam ter um site ou que tem um negócio online. Também pode atuar de forma independente, como Freelancer  ou agência, prestando serviços.

4 – Como está o mercado para o Web Designer com tantas plataformas prontas como Wix e Uol, entre outros?

Esse é um assunto que gera muita discussão, porque certas pessoas acreditam que o uso de certos construtores online do “tipo clica e arrasta” prejudicam os profissionais da área.

Eu acredito que o público que vai atrás desses construtores não deve ser o seu público-alvo. Eles estão em outro estágio onde a preocupação com a facilidade e, até em alguns casos, com a gratuidade de certas plataformas são prioridades. Não acredito que você deve pensar que está perdendo clientes.

Um dia muitos desses clientes mudarão de estágio e necessitarão de algo mais robusto  e específico que essas plataformas não oferecem. Nesse momento que eles se enquadrarão em sua faixa de público-alvo, porque saberão, enfim, de verdade o que querem.  E nesta hora será sua vez de entrar em campo.

Tem um lado bom de ver o Wix no topo da parada: muita gente que não tinha recursos para contratar um profissional web se encorajou a ter uma presença online. Muitos não irão prosperar, isso é normal no mundo dos negócios. Os que prosperarem perceberão que precisam de algo a mais. E a vida seguirá!

Outro ponto importante é que essas empresas contratam designers para criarem os layouts e templates que vendem. Logo por mais que possa parecer, eles não atrapalham de forma efetiva a carreira de um Web Designer.

5 – Quais os tipos de trabalho um Web Designer faz?

Ele pode criar layouts para diferentes tipos de sites, banners, peças gráficas para mídias sociais, entre tantas outras peças digitais. Mas para você ficar mais por dentro das tarefas que um Web Designer executa sugiro que você assista o vídeo a seguir:

6 – Mexer com Web Design é para todos?

Todo mundo que gosta de design, de tecnologia, de artes, etc; e se dedicar para estudar e praticar, pode sim se tornar um Web Designer.

7 – Vale a pena trabalhar como Web Designer?

Vale muito a pena se você se identifica com área (como você verá no tópico a seguir).

Afinal trabalhar com o que se gosta é o que fará você levantar todos os dias para enfrentar os desafios. Sugiro assistir o vídeo a seguir:

8 – Como saber se eu gosto de Web Design?

Na questão anterior falei que vale a pena trabalhar se você se identifica. Mas como saber se ainda você não teve contato com área?

Segue algumas pequenas dicas que podem te orientar. Veja se você se enquadra nesses requisitos:

Você é criativo;Você gosta de comunicação;Você sente empatia pelas pessoas;Você gosta de tecnologia;Você admira artes e comunicação visual;Você possui bom raciocínio lógico;E o principal; você tem disposição para resolver problemas.

Se você se enquadra bem nesses requisitos você tem uma grande chance de gostar de atuar na área.

Claro que existe diferenças entre trabalhar com algo e simplesmente gostar. Mas caso tenha  esse tipo de perfil, já é meio caminho andado.

9 – Quanto ganha um Web Designer? 

Depende de vários fatores: região do país, seu nível e experiência, o segmento da empresa, etc.

Em média um web designer ganha de 2 a 3 mil reais. Mas isso é apenas uma média. Esses números podem variar.

Esse assunto é importante e precisaria de um artigo inteiro para isso,  além do que fugiria um pouco do intuito deste tudo sobre Web Design – 50 perguntas e respostas.

Mas eu gravei um vídeo, para o canal do Chief no Youtube, onde falo sobre salário de Web Designer. Confira a abaixo:

10 – Por onde devo começar? HTML, CSS e JavaScript ou Design?

Depende do seu objetivo. Os itens citados na pergunta estão correlacionados as profissões de Web Designer e Desenvolvedor Front-end.

Caso seu interesse seja seguir a carreira de Web Designer sugiro que, além de ler esse artigo tudo sobre Web Design, comece pelos fundamentos de Design de uma forma geral e aprofunde nos conceitos de Web Design.

Se você tiver facilidade para aprender coisas simultaneamente, comece também a praticar em softwares de edição de imagem como o Photoshop, de arte vetorial como Corel Draw ou Illustrator e de prototipagem como o Figma. Depois parta para as linguagens HTML e CSS.

Tenho um material muito massa (e não é porque fui que fiz, não. Ele é bom de verdade.) que auxilia Designers a lidarem com estas linguagens de um site mais simples e focando no essencial . Se tiver interesse sugiro que confira aqui o meu eBook de HTML &CSS!

Porém se objetivo é ser um Desenvolvedor Front-end corra para aprender HTML e CSS. Javascript? Não antes de você compreender lógica de programação.

E para aqueles que possuem interesse em se tornar um Desenvolvedor Back-end, se este for seu caso, comece com lógica de programação que você estará apto a aprender qualquer linguagem do lado do servidor.

11 – Qual é o melhor caminho de aprendizado que devo seguir para aprender os princípios do design na área?

Acredito que o melhor caminho de aprendizado é aquele que traga organização aos estudos para ganhar tempo, boa didática e desafios de ordem prática. Aliado a tudo isso você também pode considerar ao qual você melhor se adapta.

Existem diferentes caminhos. Você optar por se um autodidata ou por cursos. Dentre os cursos existem os presenciais e os online.

Eu gosto de cursos online e não digo isso só porque ofereço um curso online da área cujo conteúdo engloba os fundamentos de Design e Web Design. Digo isso por os cursos online reúnem o melhor de todos os mundos:

Primeiro porque é um especialista que está instruindo;Segundo é que muitos dos cursos estão organizados de tal forma que dificilmente você encontraria organização igual, seja na web ou presencial.

Você ganha tempo com isso, além de não se preocupar com deslocamentos para cursos presenciais. Na maioria deles você pode estudar de onde quiser, na hora que bem entender e com a possibilidade dar replay quantas vezes quiser, caso não entenda ou queira rever algo.

Mas escolher entre um curso de Web Designer presencial, online ou até mesmo estudar por conta pesquisando na web, varia de cada perfil. Tem gente que precisa de um presencial. tem outros que tem menos tempo e preferem o online.  O melhor é avaliar o que é melhor para você.

12 – Quais as funcionalidades de cada linguagem – HTML e CSS?

HTML é uma linguagem de marcação. Ela tem a função de dar semântica ao conteúdo marcado.

Já o CSS é uma linguagem de formatação. Ela tem a função de dar estilo visual aos elementos HTML de uma página.

13 – Qual o melhor programa gratuito para quem está querendo aprender as linguagens HTML e CSS?

O bloco de notas é a melhor para aprender. Para trabalhar existem melhores. Porém no caso de aprendizado o bloco de notas é indicado porque não possui ferramenta de auto completar o que vai te obrigar a digitar certo e memorizar a sintaxe das linguagens.

Entre as opções de software para trabalhar temos inúmera opções como: Sublime TextBrackets, Notepad++, NetBeans.

14 – Sou iniciante, preciso obrigatoriamente dominar as ferramentas gráficas?

Deve dominar sim. Não existe Web Designer sem o domínio mínimo de ferramentas gráficas. Porém não antes de se qualificar nos fundamentos de Design. Ferramentas são apenas uma parte do processo e, talvez, seja até uma das etapas mais fáceis de aprender.

Sugiro também que você assista também o vídeo do link a seguir:➡ Fundamentos de Design são mais importantes do que Softwares (Ferramentas).

15 – Quais as principais ferramentas que um Web Designer precisa saber utilizar para se destacar na área?

Não que ferramentas vão fazer você se destacar, mas são necessárias para seu bom desempenho.

As ferramentas que vale a pena investir seu tempo para aprendizado são Photoshop, Illustrator, Corel Draw e algum editor de códigos como o Sublime Text por exemplo.

Também existem ferramentas especificas para layouts como Figma, Sketch (só para MAC) e Adobe XD.

E por fim você também pode lidar um pouco com InDesign, After Effects, Premiere, entre outros.

Hoje em dia, se for para destacar uma que vem sendo bastante requisitada, eu sugiro que conheça o Figma para criação de protótipos de sites. É uma ferramenta que auxilia muito em projetos pensando em UX Design, UI Design e Design Visual.

Você pode conferir aqui uma playlist no canal do Chief of Design sobre o Figma.

Nestes dois artigos a seguir você terá uma relação de ferramentas alternativas à citadas e outros para funções específicas que eventualmente você poderá usar.

➡ O que todo Web designer precisa saber➡ Ferramentas de Front-End

16 – Como ser mais criativo na hora de criar qualquer tipo de gráfico? No caso só conhecer a ferramenta é necessário?

Para mim criatividade está relacionada com as coisas que você experimenta e observa. O que determina o que você fará na hora de criação estará relacionado com o problema a ser resolvido e o que você vivenciou até então.

Criatividade é organizar de forma coerente todo o seu repertório.

Logo, não existe uma chavinha que você liga e vem a criatividade. Para ser criativo na hora do trabalho, você deve sempre vivenciar novas (claro que não todas ( ͡° ͜ʖ ͡°) ) coisas em sua área de atuação, em outras ciências e pessoal.

E não se apague muito a ferramentas gráficas. Um bom lápis e papel são ótimas ferramentas. Rabisque muito, faça esboços, deixe externar suas ideias e você verá que errará muito antes de chegar aonde quer. Não existe criatividade sem experimentações.

17 – Qual é o melhor programa? Photoshop, Corel Draw, Illustrator?

O Web Designer normalmente lida mais com o Photoshop ou Sketch (só para MAC), Figma e Adobe XD, depende do profissional.

Mas você criar até mesmo no Corel ou Illustrator, ou em qualquer outra ferramenta. Se você conseguir entregar o trabalho com qualidade, dentro do prazo e do combinado, pouco importa a ferramenta.

Não seja refém de ferramentas e nem tenha mente fechada. Afinal, você é um Web designer ou um micreiro, né?

18 – Qual a dica para acompanhar o máximo das novas tendências da área de Web Designer diante do tempo escasso sem se desestimular?

Se o seu tempo está escasso é bom sinal para ter calma. Na verdade, na maioria dos casos, essa questão de tempo trata-se mais de uma má administração do mesmo do que falta de tempo.

E cuidado. Querer acompanhar o máximo de informações com o tempo curto é um bom caminho para a desestimulação.

Meu conselho é que foque em um assunto de cada vez, sempre dando prioridade para aquele que julgar mais importante. Você não sabe o poder que se tem ao dedicar a somente uma matéria de cada vez.

19 – Qual é a diferença entre profissionais Front-end e Back-end?

Desenvolvedor Front-end é aquele responsável por projetar as interfaces de um website, trabalhando com a parte da aplicação que interage com o usuário. Para isso, este profissional, lida com as linguagens do “lado da frente” como HTML, CSS e Javascript.

O Desenvolvedor Back-end lida com linguagens do “lado de trás”, também conhecidas como linguagens do servidor como PHP, Java, Python, Ruby, entre outras. Também  trabalha diretamente com banco de dados como MySQL, SQL Server, PostgreSQL, entre outros. Este profissional, atua no que o usuário não pode visualizar. Ele desenvolve o sistema que vai ser utilizado para gestão dos dados utilizando a interface desenvolvida pelo desenvolvedor Front-end.

Para visualizarmos melhor imagine quando você loga em um sistema.

A parte da frente, onde você inseri seu login e senha, é de responsabilidade do  Front-end. Já o back-end fica com o sistema procura e valida se o nome de usuário e a senha estão corretos, permitindo que você acesse a área restrita.

20 – Qual a diferença de um Web Designer para um Desenvolvedor Web?

O Web Designer trabalha com o design do site, mas se preocupando com questões que visam a facilidade de uso experiência do usuário.

Já um Desenvolvedor Web, como já vimos na questão anterior, lida com a parte dos códigos da interfaces. E aí podemos ter uma divisão entre front-end,  que lida com a parte que o usuários interagem ou back-end que desenvolve o sistema que vai ser utilizado para gestão dos dados.

21 – Tem como trabalhar com Web Design sem necessariamente aprender programação? Ou é realmente necessário?

Por definição um Web Designer não efetua programação. Não acho essencialmente necessário. O máximo que ele pode lidar são com linguagens de marcação e formatação, que diferem muito das linguagens de programação. Porém pode ser um diferencial se um profissional saiba programar, mas é pouco comum.

Criar o design da página ao mesmo tempo programar pode te tornar em um profissional único, desde que faça os dois super bem.  porém aí que mora a questão: é muito raro alguém que consegue fazer isso em alta qualidade. Por isso normalmente o ideal é focar em um dos dois.

Tome cuidado para não se tornar um profissional “pato”. Não anda direito, não nada direito. Se proponha a fazer algo que faça bem. Talvez o caminho mias seguro é se especializar em uma área somente e focar nela.

Para aprofundar mais sobre essa questão assista o vídeo a seguir:

22 – Desenvolvedor é obrigado a saber design? – Tudo sobre Web Design

Obrigado é uma palavra forte, por isso minha resposta é não. Principalmente os desenvolvedores back-end.

Mas existem alguns desenvolvedores front-end que se aventuram com o Design. Isso porque é ele, o front-end, que vida ao layout no navegador, aplicando-o no código. Muitos front-ends entendem de design e programas de edição gráfica.

O grande benefício disso é se sentir capacitado para assumir jobs freela mais completos e poder cobrar mais por isso.

23 – Preciso realmente saber tudo de código para ser Web Designer?

Não é necessário. Porém sempre bato na tecla que um Web Design deve conhecer HTML, CSS e um pouco de Javascript para poder criar pensando nas limitações que a área de desenvolvimento pode encontrar quando se depara com layout complexo.

Isso sem contar o bônus de poder assumir jobs mais completos trabalhando como freela.

24 – Existe alguma forma de trabalhar só com o design da página, sem precisar aprender códigos?

Existem softwares que permitem você trabalhar no modo visual em que você não precisa lidar com códigos. Até um tempo atrás esses softwares não eram indicados porque gerava códigos poluídos que deixavam o site pesado e inválido para alguns dispositivos. Eu não indicava o uso.

Hoje em dia já me sinto confiante para trabalhar e até indicar alguns softwares no modo visual como o Elementor WordPress e o Gutenberg que é um editor para postagem com possibilidade de inserção de elementos de forma visual no WordPress.

Mas em todo projeto, mesmo lidando com esses softwares, sempre tem alguma funcionalidade que eu preciso trabalhar com códigos porque o software pode não atender minha necessidade.

Portanto, lidar com códigos, no caso HTML e CSS, é também pensar em Design. Quando você pensa na melhor forma de codificar, no desempenho que as páginas terão por causa dos códigos é pensar em projeto.

25 – Por que a maioria dos programadores reclamam de programas como Adobe Muse e Dreamweaver?

Esta pergunta vem de encontro com a pergunta anterior. O Adobe Muse é um software que permite a trabalhar no modo visual sem precisar de escrever uma linha de código.

A primeira vista ele é maravilhoso, porém como todo editor visual ele gera um código sujo. Mas o grande problema nem é este. Imagine se você precisar fazer manutenção em páginas já publicadas, o Adobe Muse não poderá te ajudar. Você precisará de conhecer a sintaxe da linguagem utilizada.

Por isso tais programas, normalmente, são combatidos por desenvolvedores.

O Adobe Dreamweaver também tem essa possibilidade, porém tem a opção de utilizá-lo sem o modo visual.

26 – Trabalho com Photoshop e manjo um pouco de Illustrator. Gostaria de saber se existe setores de criação somente ou terei que saber programar também?

Depende da empresa. Existem algumas que possuem profissionais com funções bem definidas. Alguns trabalham com criação enquanto outros trabalham com desenvolvimento web.

Mas existem lugares onde o criativo também tem lidar com códigos, principalmente HTML e CSS as quais eu friso sempre que um Web Designer deve aprender.

A tendência é que cada vez mais seja dividido entre setores (design, programação) e cada vez menos você veja vagas que pedem para que faça de tudo.

27 – É muito essencial ter conhecimento do WordPress hoje?

Considero que sim. Atualmente o WordPress atinge cerca de 35% dos sites o mundo. Imagine a potencial necessidade de manutenções que essa plataforma exige.

Sem contar os benefícios que esse CMS proporciona como fácil instalação, configuração, manutenção, temas, construtores de páginas como o Elementor e funcionalidades diversas. Se você ainda não conhece o WordPress corra para conhecer agora. Saiba mais sobre ele aqui!

28 – Ainda vale a pena criar sites em HTML, ou o WordPress seria a opção mais válida atualmente?

Isso vai de acordo com a necessidade do projeto. Se o projeto consiste em um site pequeno, de páginas estáticas e com pouca atualização pode ser feito só com HTML e CSS.

Lembrando que um site em WordPress é um site que resulta em páginas HTML. A grande diferença é que o WordPress possibilita a criação de sites dinâmicos, porque utiliza a linguagem php.

E diferentemente do Wix existem atualmente recursos fantásticos de clicar e arrastar no WordPress, como o Elementor que possibilitam criar sites de forma mais rápida e sem deixar de lado o HTML e CSS para personalizar o layout.

Aproveite e conheça o Curso WP Elementor, o treinamento de Elementor WordPress do Chief!

29 – Quanto tempo em média leva para a pessoa desenvolver bem um site do zero?

Essa pergunta é uma preocupação recorrente dos Galuchos. Gostaria de ter uma resposta precisa, mas talvez não consiga. Primeiro, porque não existe uma pesquisa sobre isso e segundo que mesmo hoje em dia, depois de vários anos,  eu sigo me aperfeiçoando para desenvolver bem um site do zero. Mas o mais importante é que eu desenvolvo dentro das minhas habilidades.

Aprender a desenvolver um site é como aprender a dirigir:

No começo você aprenderá a engatar a primeira e a segunda marcha, e mal dará sua primeira volta no quarteirão. Terá a impressão que precisa ser um alienígena com 3 braços para volante e freio de mão, 3 pernas para os pedais e vários olhos para o painel e retrovisores.

Depois de um tempo você já consegue dar voltas pelas ruas do bairro com só uma mão no volante e mais um tempo a frente você está encarando rodovias.

Para desenvolver sites é similar: no começo seus layouts podem sair confusos e cheios de problemas de usabilidade, depois de um tempo começa a criar bons layouts , mas estará apanhando no CSS. Quando menos você esperar estará estilizando temas WordPress.

Então senão se preocupe  com tempo e sim em superar etapas. Se aperfeiçoe na etapa de aprendizado que você está agora. Você será capaz de desenvolver dentro das suas habilidades e cada vez mais elas ficarão melhor.

E quando menos você esperar você estará desenvolvendo sites que satisfarão seus clientes.

30 – Como conseguir os primeiros clientes sem ser os amigos?

Para conseguir clientes você terá que ter algo para mostrar, no caso, um portfólio. E não é de todo mal que os primeiros clientes sejam amigos, ainda mais se eles pagarem por isso.

Porém, não fique preso somente a essa questão. Caso não tenha clientes para construir o seu portfólio, crie-os. Se a porta tá fechada para você, tente entrar pela janela, pela chaminé ou se precisar crie a sua própria passagem.

Você pode criar projetos pessoais, redesign de sites, crie para ONGs, etc. Faça algo que forme seu portfólio e mostre para o mundo. Com o tempo os clientes não serão somente os amigos.

31 – Como montar um portfólio do zero? – Tudo sobre Web Design

Já dei uma dica na questão anterior, mas vou dar uma melhor agora. Clique aqui e baixe gratuitamente nosso Guia Definitivo sobre Portfólio. Nele você aprenderá:

Por onde começar o seu Portfólio;Como conseguir trabalhos para o Portfólio;Como promover o seu Portfólio;Como se apresentar de forma Profissional;Como construir um Currículo Eficiente;Como criar um vídeo de apresentação.

32 – Como posso ganhar dinheiro trabalhando como Web Designer?

Existem basicamente duas formas de você ganhar dinheiro trabalhando como Web Designer: como empregado ou como freelancer.

Se você tiver tempo e disposição pode potencializar seus ganhos trabalhando das duas formas.

Também existem outras possibilidades como consultoria, docente, etc.

Eu vou deixar no próximo tópico uma live com muitas informações relevantes sobre como ganhar dinheiro criando sites e trabalhando de casa. Confira que vale a pena!

33 – Posso ser bem-sucedido me tornando um Web Designer freelancer e trabalhando a partir da minha casa?

Lógico que sim. E isso tem a ver, além de se preparar tecnicamente, com sua atitude mental. Se você procurar agir positivamente, sem ficar estático na zona de conforto, você irá focar com afinco naquilo que você mais deseja no momento. O sucesso então será consequência de suas ações.

Atuar como freelancer é um dos caminhos promissores no cenário atual. Não esqueça de conferir o vídeo a seguir.

34 – Como posso aumentar minha captação de clientes?

Não existe regra, fórmula milagrosa e nem nada do tipo. O que pode aumentar a captação de clientes é:

A qualidade do seu trabalho, ou seja, ter um bom portfólio;Se apresentar e ter uma postura profissional, cumprindo prazos, entregando com qualidade, etc;Divulgar o seu trabalho. Essa divulgação pode ser feito através de propagandas e também no clássico “boca a boca”.

35 – Como cobrar sendo freelancer?

Outra questão que não existe regra específica.

Na minha opinião, o ideal é cobrar por projeto. Para isso você precisa saber o valor médio, da peça que esta desenvolvendo, no mercado e cobrar de acordo com os seus custos e habilidades/histórico profissional.

Para sabe o valor dos seus custos, você pode definir o valor hora. Existem várias fórmulas que fazem isso. A seguir segue uma fórmula simples  que aprendi com um professor para definir o valor hora:

Somes os seus custos:

Despesas pessoais + 20% ou 30%Custos profissionais (internet , softwares, hospedagem de site, etc)

Por exemplo:Despesas pessoais R$2500,00 + 30% = 3250.Custos= R$1000

3250 +1000=  4250

_________________

Agora faça vezes um Lucro de 20% (lucro médio de serviços):

Por exemplo:Lucro = 4250 x 20% = 850_________________

Depois some todos os valores ( despesas pessoais, custos profissionais e lucro) e divida por 160 horas que seriam 40h semanais..Por exemplo:3250 +1000+850 (/160) = 31,80.

Valor hora: R$31.80

_________________

A partir dessa base você saberá o mínimo que pode cobrar por um projeto. Mas o valor final vai depender de outra variantes importantes como o valor médio de mercado daquela peça, se você é muito requisitado, se você tem alguma habilidade única, é especialista naquilo e etc.

Não existe uma regra para isso!

36 – É possível entrar na área sem realizar um curso de Web Designer especializado? Eu consigo aprender tudo sobre Web Design sozinho?

 

É possível, mas o caminho pode ser mais longo por dois motivos:

Você vai ter que angariar pela web conteúdos que estão espalhados.Como você não tem conhecimento prévio sobre diversos assuntos fica difícil saber o que pesquisar quando nunca se viu falar na vida sobre determinado assunto, técnica ou ferramenta.

E foi para essa galera e também para quem já até está atuando na área que criei um, o Web Designer PRO, um curso de web design online que visa cobrir assuntos como fundamentos de design, conceitos de web design, design de conversão, processo criativo, aulas de Photoshop, fluência em HTML, CSS, WordPress e Elementor.

Nesse curso você vai aprender tudo sobre Web Design para iniciar a sua jornada na área. Além das aulas, ao vivo e gravas, você terá suporte diretamente comigo.

Para saber mais sobre as próximas turmas do curso CLIQUE AQUI.

37 – Como ser um profissional sem curso superior?

Quem conhece minha história sabe que comecei a trabalhar na área sem ter curso superior e até conquistei uma vaga de emprego concorrendo com profissionais que já tinham curso superior. Acredito que o grande diferencial foi meu portfólio. E olha que não tinha tantos trabalhos.

Então o que sugiro é que pesquise muito e ponha em prática o que absorver, procure por um curso livre que atenda suas necessidades enquanto você não pode fazer uma faculdade e principal, construa seu portfólio para ontem.

Vale ressaltar que nenhuma faculdade ou curso vai te ensinar tudo sobre Web Design. Sempre você precisará pesquisar por conta, se atualizar e praticar.

Neste link eu disponibilizo um vídeo em que falo sobre o momento de fazer uma  Faculdade de Design agora. Que tal dar uma conferida? 🙂

38 – Existe um curso exclusivo só para eu entender tudo sobre Web Design?

Se pesquisarmos no Google por “Faculdades de Web Design” ou “Design Digital” nas primeiras páginas pouca coisa encontraremos. O que existem mais por aí são cursos livres de Web Design.

Um caminho que muitos seguem é fazer uma faculdade de Design Gráfico, e durante ou após o término da mesma, fazer um curso livre de Web Design.

Eu te sugiro o Web Designer PRO que é indicado para aqueles que não tem muito tempo e pretendem fazer um curso com relativo baixo investimento, porém com muito conteúdo.

39 – Certificação de Web Design acrescenta valor real?

Certificação é uma prova que, em tese, garante que um profissional domina determinado assunto tratado e está habilitado a trabalhar neste assunto.

Para mim este tipo de comprovação é válido apenas para vagas que fazem exigência do mesmo, que normalmente são poucas. Para muitas, ou maioria, das empresas o suficiente para te considerar capacitado o que você apresenta em seu portfólio ou em um teste prático positivo.

Tudo depende da cultura contratual da empresa.

40 – O que é design responsivo? 

Basicamente é desenvolver websites que se adequam a diferentes dispositivos como celulares, tablets e desktop.

Pensar em design responsivo é inerente a construção de websites. Atualmente construir sites é sinônimo de executar design responsivo.

41 – Como fazer páginas responsivas?

Primeiro você deve saber como aplicar os conceitos do design responsivo e segundo compreender o uso das CSS3 Medias queries.

Para te ajudar te forneço 2 materiais essenciais.

O primeiro é o Manual de Web Design Responsivo para você entender os conceitos e que você pode baixar neste link.

E segundo sugiro a leitura do artigo “Como usar o CSS3 media queries para que seu site atenda a diferentes resoluções de tela”.

42- Quais as melhores práticas para criar um bom UX?

É de extrema importância que o profissional da área de Web Design se preocupe em garantir a melhor experiência possível para o usuário. Portanto vou citar algumas boas práticas de UX para sites:

Pesquisar sobre o público alvo e entender seus anseios e necessidades;De acordo com a pesquisa oferecer conteúdo relevante para este público;Garantir que as pessoas encontrem esse conteúdo de forma simples;Garantir que naveguem facilmente por todo o site sem dificuldades e constrangimentos;Garantir que elas acessem e que a boa experiência seja preservada mesmo em dispositivos de tamanhos e sistemas diferentes;Garantir que a pessoa que acessou o site saia de lá com as expectativas atendidas.Garantir que nada que seja importante tenha passado despercebido;Reduzir as interações negativas que não temos controle e/ou não podemos prever quando pode acontecer.

Para se aprofundar mais sugiro ler este artigo.Também sugiro conhecer nossa playlists sobre UX Design e UI Design no Youtube.

43 – Vale a pena migrar do design gráfico para o web design?

Sim, claro. Na verdade acredito que é mais fácil fazer o inverso: começar no web/digital e depois estudar sobre design gráfico. E na verdade você não precisa fazer uma escolha abrupta em um ou outro. Você pode trabalhar com os dois.

Eu tenho um vídeo onde falo um pouco sobre isso. Você pode a seguir:

44 – Dá para aplicar conceitos do design impresso na web sem perder muito do design?

O Web Design como já diz no nome é Design aplicado para web. Portanto conceitos de Design de uma forma geral são os mesmo para ambas as áreas.

O que difere, fundamentalmente, é que na web o Designer não se preocupa com os processos de impressão e sim como as cores, tipografia e outros elementos funcionam no digital. Também se preocupa com a adaptação do layout  a diferentes resoluções de telas de forma, para proporcionar uma ótima experiência do usuário.

45 – Como funciona o domínio de um web site, ou seja, o que é necessário para ter um?

Domínio é o endereço principal pelo qual seus visitantes poderão encontrar seu projeto na internet. Para adquirir um é preciso visitar algum site  responsável por registro de domínios, fazer uma pesquisa para verificar se o nome escolhido está disponível, efetuar um cadastro no site e posteriormente pagar a taxa de registro.

Para você obter mais informações sugiro a leitura deste guia detalhado.

46 – Criar um site a partir do zero ou utilizar plataformas como o WordPress?

O bom de aderir a plataformas como o WordPress é que você tem uma boa estrutura pronta. também poderá aderir a construtores de páginas como o Elementor. Só que ainda sim você terá muito trabalho.

Existem casos que você ou sua equipe terão que partir do zero, por exemplo, pela complexidade do projeto que requer um CMS próprio com funcionalidades que o WordPress não possui, ou até pela simplicidade de um site que não precisa de um gerenciador.

No geral depende do projeto, tempo disponível e do objetivo do site.

47 – Para ser um Web Designer é preciso saber desenhar? – Tudo sobre Web Design

Um Web Designer não precisa ser um desenhista da Pixar. O que ele precisa é saber expressar suas ideias, quando precisar, através do desenho. Coisa bem diferente de ser um Ilustrador. Eu explico melhor sobre esse tema nesse vídeo.

48 – O que você me indica para me sentir mais confiante para uma entrevista?

Como Web Designer eu te respondo que uma  das coisas fundamentais, é que você tenha um portfólio para apresentar. Isso mostrará que você está preparado.

Outra coisa importante é você ter bem em sua mente como é empresa e seus princípios. Investigue-a, sabia sobre a sua cultura e se prepare para entrevista.Saiba muito o que você tem de bom para resolver os problemas que o cargo pretendido proporcionará.

E seja você: seja autêntico, seja sincero, não tente inventar ou bancar quem não é. Se for contratado, bem, senão bola para frente.

49 – Trabalhando com web eu terei tempo para minhas coisas, minha família e meus estudos?

Isso é bem relativo. Tanto como freela quanto como funcionário depende de inúmeros fatores. A grande questão é você saber utilizar o seu tempo e não deixar, caso ocorra, que outras pessoas mandem nele.

Trabalhar com web com certeza dá mais possibilidades para isso, porque você pode trabalhar de casa, o pessoal que tua na área tende a ter a mente mais aberta, você pode atuar de forma independente ,etc.

Entretanto tudo depende de como você se porta como profissional, como ajustas as suas prioridades e como organiza o seu tempo.

50 – Web Designer precisa saber de SEO? – Tudo sobre Web Design

Considero um diferencial. Em projetos freelancer é importante que você tenha pelo menos noções de SEO onpage.

Muito do sucesso de alguns projetos se dá graças ao grande número de visitas. Para conseguir visitas você pode pagar, fazendo anúncios, ou conseguir tráfego de graça e ultra segmentado que é através do SEO. É algo mais demorado e trabalhoso, mas vale a pena.

Neste artigo apresentamos as melhores práticas de SEO para Web Designers e Desenvolvedores. Vale a pena conferir!

Considerações finais – Tudo sobre Web Design

Procurei responder da melhor forma possível as 50 questões. É claro que talvez sejam impossível abordar todas as diferentes dúvidas que podem surgir. Mas procurei abordar neste artigo  tudo sobre Web Design, as principais e mais recorrentes perguntas.

Espero que as respostas sirvam para te dar um impulso na busca de seus sonhos e objetivos. E aproveito para pedir que você compartilhe com seus amigos que também tenham dúvidas sobre o mundo do web design e desenvolvimento web.

Caso tenha alguma dúvida que não foi tratada até aqui, neste artigo tudo sobre Web Design, sinta-se a vontade para descrevê-la nos comentários. Não sabemos tudo, porém aquilo que sabemos estamos dispostos, sempre que possível, a compartilhar com você da melhor maneira.

E aí? Você tem alguma coisa a acrescentar? Concorda ou discorda de alguma resposta?

Forte Abraço.

Até mais.
The post Tudo sobre Web Design: 50 perguntas e respostas [Guia sobre Web Design] appeared first on Chief of Design.

Tudo sobre Web Design: 50 perguntas e respostas [Guia sobre Web Design]
Fonte: Chef of Design

O que é WordPress? Como funciona? Como começar?!

12 de março de 2021

O que é WordPress? Como funciona? Como começar?!

Eae, td bele?

Vamos falar sobre WordPress?

Você já desenvolveu sites estáticos? Tipos aqueles com poucas páginas de puro HTML?

Talvez você já tenha feito…Talvez não… Mas o fato é que dependendo do projeto, eles podem ser ainda usados. Entretanto, com o passar do tempo, alguns projetos crescem e necessitam de assumir funções de sites dinâmicos.

Caso você não saiba, um site dinâmico é aquele permite receber e processar informações de visitantes, gerenciar conteúdo, entre outras funções; e que só podem ser alcançadas com o uso de linguagens de programação integradas com banco de dados. Funções estas que não possíveis com sites estáticos.

Se você enxerga que precisa entregar sites dinâmicos para seus clientes ou até para você mesmo e você não tem conhecimento em linguagens de programação, por exemplo, a mega utilizada PHP, você tem 3 caminhos a seguir, dependendo do seu projeto:

1° Aprender uma linguagem de programação.

Porém vai levar um tempo, quiçá um bom tempo, para você conseguir desenvolver sites completos. Sabendo disso, você pode considerar a segunda opção a seguir;

2° Contratar um programador.

Neste caso talvez você não queira ficar por muito, pois pode requerer investir uma boa grana na mão de obra do desenvolvedor.

Ainda mais quando souber que existe uma terceira opção que pode ser utilizada para diversos casos (claro que não todos absolutamente) e com uma curva de aprendizado mais curta que o aprendizado de certas linguagens.

E este é o terceiro caminho que você pode seguir, que é:

3 °Aprender a utilizar um CMS como o WordPress. 😀

Portanto será sobre este terceiro caminho que trataremos neste artigo, bele? Preparado?

Então… “Ale hop”!

Neste artigo você saberá:

O que é o WordPress;O que você poderá fazer caso domine este CMS chama WordPress;Quais recursos o WordPress oferece;Porque você deve aprender a mexer na plataforma WordPress;Que existe outro tipo limitado de WordPress para você não se confundir;Vídeos ensinando a instalar o WordPress;Plugins essenciais;Dicas para você utilizar o WordPress.

O que é o WordPress?

Caso você nunca tenha ouvido falar em WordPress saiba que ele é uma plataforma de Gerenciamento de conteúdo, ou para muitos o CMS (que tem na prática o mesmo significado). Esta a é a plataforma para publicação de conteúdo mais usada no mundo e engloba quase 70% do mercado que trabalham com CMSs.

CMS é o acrônimo de Content Management System — que traduzindo significa, sistema de gerenciamento de conteúdo.

Existem vários CMS por aí e você, caso tenha conhecimentos em programação, pode até criar o seu. O Objetivo de um CMS, como o WordPress, é facilitar a criação e a edição de conteúdos em um site sem a necessidade de lidar diretamente com uma linguagem de programação.

Portanto, a ideia é que qualquer um possa criar um site, um blog, por exemplo, e também atualizá-lo, sem necessariamente ter domínio de linguagens de programação. Com o Wordpres é possível criar conteúdos de forma simples e intuitiva, adicionando textos, inserindo imagens e vídeos, desenvolvendo formulários, etc; e até mesmo editando o layout e estrutura do site, sem necessariamente colocar a mão em códigos.

Grandes sites, de grandes corporações, em todo o mundo utilizam o Wordpres. Existem pesquisas que apontam que mais de 30% dos sites da web, de todo o mundo, são feitos em WordPress.Aqui no Brasil, temos alguns exemplos como o site da Toyota, da editora Abril, do Rock in Rio, da Gisele Bündchen e até mesmo o blog do Wix (vejam só hehehe) é feito em WordPress.

A Anyssa Ferreira, designer e desenvolvedora que já entrevistei aqui no Chief, tem um post em seu site sobre o tema.

Quais as vantagens e benefícios de usar o WordPress?

Existem várias vantagens em utilizar o CMS mais utilizado no mundo, abaixo cito as principais que acredito e tornam o WordPress tão útil.

É livre;

O WordPress é open source e livre de restrições comerciais e limitações. Trata-se um software livre, ou seja, qualquer um pode desenvolver e criar temas, plugins, melhorias, etc; e publicar na comunidade.

É gratuito;

Você não precisa pagar para utilizar o WordPress. Basta baixar e instalar o software no seu servidor, ou até mesmo localmente na sua máquina, e pronto. Você já pode começar a criar e mexer no seu site.

Além do software, existem vários recursos para ele como plugins e temas, totalmente gratuitos. A variedade de recursos gratuitos é muito grande.

Existe certa confusão entre WordPress.org e WordPress.com, mas a seguir falaremos sobre isso.

A curva de aprendizagem é menor se comparada com outras opções;

O WordPress é fácil de aprender. Seu painel é intuito e bem simples de utilizar. Inclusive o painel de administração do WordPress e também as interfaces para criar post e páginas são semelhantes a outros que utilizamos em nosso cotidiano.

Comunidade gigante;

Essa é uma dar partes mais legais. A comunidade do WordPress é muito grande no mundo inteiro. Aqui no Brasil temos uma das maiores comunidade do mundo. O nosso WordCamp SP já é o maior do mundo.

E uma comunidade grande significa que temos mais segurança, melhorias constantes e coisas novas sendo criadas a todo momento.

Maior número de Plugins (wordpress plugins);

Plugins são extensões que adicionam novas funcionalidades ao seu WordPress. Essas funcionalidades podem ser desde itens para acrescentar no seu site até mesmo artefatos para melhor a sua experiência de uso do sistema.

A quantidade de plugins que o WordPress tem é incomparável com qualquer outro CMS. Inclusive sempre costume dizer que caso não exista um para o WordPress provavelmente não exista para nenhum outro, devido a essa enormidade.

Maior número de Temas (WordPress Themes);

Tema WordPress nada mais é do que um modelo de site pronto para editar. Existem modelos Free (gratuitos) e Premium (pagos).

E também nesse quesito o WordPress ganha de lavada. Existem milhares de temas, free ou premium, para você fazer download.

É seguro;

Devido a todo esse volume de pessoas utilizando, é claro que o volume de ataque e tentativas de invasão são grandes. Porém, como já foi dito, a comunidade é gigante e por isso temos diversos plugins e atualizações para garantir a segurança do sistema.

Normalmente erros de segurança são devido a erro humano e não do software.

Tem muita coisa em português;

Graças a grande comunidade brasileira, temos muita coisa de WordPress em português. O próprio WordPress já tem como padrão uma instalação em português.

É otimizado para SEO;

Todo site precisa ser “encontrável”. Isso  independe do nicho, do tema, da ferramenta que você utiliza.  SEO significa otimização para buscadores, e o WordPress é bem-conceituado neste quesito.

Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Caso você não saiba o que é SEO, sugiro que depois leia este artigo.

Não precisa fazer do zero;

Com o WordPress você não precisa desenvolver do zero. Com temas e plugins abundantes, você consegue criar um site muito mais rápido.

Eu tenho um outro artigo onde falo sobre porque utilizar o WordPress, caso queira saber mais clique aqui.

O que você poderá fazer caso domine este CMS chamado WordPress?

Depende do objetivo. Se você pretende apenas trabalhar com conteúdo você poderá administrar todas as publicações do site através da construção de páginas, galeria de imagens, páginas de produtos, posts de blogs, entre outro tipos de conteúdo, e também executar agendamento e exclusão dos mesmos.

Aqui em meus projetos sempre que posso utilizo o WordPress. Os blogs Chief of Design e Designimador são feitos em WordPress. E não só eles, mas tudo o que envolve com página de eBooks, hangouts e etc.

Eu palestrei no WordCamp SP 2018 falando como o WordPress pode ser uma ótima ferramenta de marketing digital. Se quiser conferir, depois acesse esse link (clique aqui).

Com o WordPress você também poderá instalar funcionalidades através de instalação de plugins e gerenciar comentários, se ativada esta função no projeto, e até gerenciamento de contas de colaboradores do projeto.

Caso seu objetivo seja a construção de um site, você poderá usar de recursos próprios do WordPress para agilizar seu trabalho e até ativar funcionalidades interessantes na própria interface desta plataforma sem muitas dificuldades. Entretanto você potencializará os seus layouts caso possua conhecimentos em linguagens de marcação, estilização [** Dica: To falando do HTML & CSS  e o melhor é que temos um ebook pra isso, viu! É só clicar no banner que está aí algum lugar desta página :P]  e/ou programação.

Quais recursos o WordPress oferece?

Além das inúmeras funcionalidades que esta plataforma disponibiliza, através de seus temas e plugins, também possui suporte em uma das comunidades mais engajadas que podemos encontrar na web, o que possibilita a você encontrar muitas variedades de soluções para problemas diversos.

Porque você deve aprender a mexer nesta plataforma?

O aprendizado deste CMS é imprescindível nos dias de hoje porquê:

pelo fato do mercado exigir cada vez mais profissionais habilitados nesta plataforma, pela possibilidade de oferecer aos criativos que não lidam com programação uma forma de aplicar funcionalidades através de configurações intuitivas em seu painel de controle;porque possibilita a profissionais de front-end personalizar temas já existentes através de HTML e CSS e a desenvolvedores criarem temas do zero bastando ter acesso à documentação do WP;E o principal: como esse sistema possibilita o gerenciamento, seus clientes poderão realizar a atualização dos conteúdos dos sites sem depender de você, bastando que ele seja orientado com as ferramentas de publicação que o WordPress oferece.

Não confunda WordPress.ORG com WordPress.COM

É importante ressaltar que tudo que foi dito até agora foi sobre o WordPress.ORG.

O WordPress.ORG é um projeto que oferece um aplicativo gratuito cujos arquivos você tem a total liberdade para modificá-los. Para que este aplicativo funcione, e você possa mexer na plataforma para construir seu site, você precisa hospedá-lo em um servidor.

Em relação ao WordPress.COM se trata de uma plataforma online, isso quer dizer que você não precisa baixar arquivos de forma alguma para instalar em uma hospedagem. Todos os recursos já vem prontos em uma hospedagem própria da plataforma. Mas possui muitas limitações. Exemplo: para que você ative funcionalidades extras você é obrigado a adquirir planos pagos para isso. Para você ter uma ideia para apenas adicionar um domínio é precisa pagar um plano.

Já com o WordPress.ORG. não existem estas limitações em relação as customizações, e grande parte das funcionalidades que você instala através de plugins é gratuita.

E por onde começar com o WordPress?

Além de ficar atentos aos próximos conteúdos aqui no Chief que abordarão um pouco mais sobre o WP, sugiro fortemente que você aprenda a instalar o WordPress para que você possa conhecer a interface da administração deste CMS e até fazer pequenas experiências.

Você pode instalar o WordPress tanto local, ou seja, no seu computador, para poder testar como publicar na internet. Para publicar na web você precisa de hospedagem.

A seguir vou te mostrar como você pode instalar o WordPress na sua máquina. Para isso disponibilizo dois vídeos sobre instalação local do Wordpress.

Instalação XAMPP

Este é um vídeo que faz parte de um dos vários módulos do meu curso de Web Designer e que estou liberando para este artigo para você possa fazer pequenos testes aí na sua máquina. Nele ensino a instalar o XAMPP que é um servidor local que possibilita que você rode o WordPress em sua máquina sem a necessidade de contratar um serviço de hospedagem.

Instalação WordPress

E agora neste vídeo eu mostro como instalar o WordPress em seu servidor local (como já disse anteriormente, esse vídeo faz parte do meu treinamento de Web Designer ).

Instalação WordPress no Servidor

Agora, caso você tenha um serviço de hospedagem, você pode instalar o WordPress no seu servidor web. Dependendo da sua empresa de hospedagem a forma de instalação pode ser diferente. No exemplo a seguir mostraremos uma instalação em uma hospedagem que tem o Cpanel.

Plugins essenciais para você utilizar no seu WordPress.

W3 Total Cache

Um aspecto importante que devemos levar em consideração é a performance das páginas de nossos sites. Isso porque o tempo de carregamento pode determinar o sucesso de nosso projetos.

Um site que carrega lento pode fazer que visitantes desistam de navegar em seu site o que é extramente ruim porque seu projeto não conseguirá atingir seus objetivos. E ainda poderá ter consequências ruins porque cada desistência reflete no aumento de taxa de rejeição que não é bem-vista pelo Google.

Levando tudo isso em consideração é importante utilizar um plugin que melhore o desempenho de seu site WordPress como o W3 Total Cache.

Ele aumentará a velocidade de seu site, porque ele executa uma otimização em diferentes aspectos como compactação de HTML, CSS e Javascript, e execução de caching dos conteúdos e arquivos, diminuindo assim o tempo de carregamento das páginas.

Link para o plugin W3 Total Cache »

Autoptimize

Ainda se tratando em desempenho de sites o Autoptimize é um plugin que também possibilita armazenar cópias em cache e comprimir arquivos. Mas o grande atrativo dele é a possibilidade de otimizar Google Fonts, remover emojis desnecessários e outros extras que aumentará a velocidade de suas páginas.

Link para o plugin Autoptimize »

EEE Image Optimizer

Essa é outra ferramenta que também aumenta a velocidade das páginas só que desta vez através da otimização das imagens.

A compactação resultante do plugin EEE Image Optimizer utiliza algoritmos exclusivos para obter a máxima compactação mas mantendo as imagens sem perdas visuais.

Com este plugin você poderá otimizar a imagem quando você enviar ao seu site e também otimizar as imagens existentes na biblioteca de mídia.

Link para o plugin EEE Image Optimizer »

Yoast SEO

O Yoast SEO trabalha com diferentes aspectos para otimização. Já na configuração é possível:

Fazer verificação com ferramentas para Webmasters como o Google Search Console, Ferramentas de Webmasters do Bing, Alexa ou Yandex;Configurações para títulos e meta-descrições;Configurações de meta robots;Configurações para informar os buscadores sobre as contas de redes sociais associadas ao site;Gerar de forma simples um arquivo sitemap.xml, entre outros.

Mas o ponto forte da ferramenta é como ela auxilia na tarefa de otimizar um conteúdo em texto.

Ela vem com um recurso que orienta sobre a utilização da palavra-chave para partes específicas do editor de conteúdo dando sugestão e guiando para melhorias.

Outro ponto interessante é Snippet Preview. Onde este possível editar e visualizar como o resultado da página publicada pode aparecer nos resultados dos mecanismos de buscas.

Neste campo o Yoast alerta também sobre as melhores práticas informando os limites de inserção de caracteres para o título e meta-descrição.

Link para o plugin Yoast SEO »

UpdraftPlus

Possuir um site Worpdress leva a uma obrigação posterior que é possuir um sistema que gerencie backups. Portanto instalar um plugin que execute esta tarefa deve ser uma das primeiras coisas que você deve fazer após instalação do WordPress.

Um plugin que sugiro é o UpdraftPlus. Ele possibilita criar backups automatizados e agendados e com várias opções de locais para armazenamento dos arquivos como no Google Drive e Dropbox.

Além de backup o plugin faz restauração de sites.

Link para o plugin UpdraftPlus »

Contact Form 7

Contact Form 7 é um plugin que permite que você construa um simples e eficaz formulário de contato para seu site.

Vejo o nosso aqui.

O máximo que exigirá de você será um conhecimento bem básico de HTML e da sintaxe do próprio plugin (que não é nada aterrorizante).

Link para o plugin Contact Form 7 »

Disqus

Este é um plugin responsável por gerenciamento de comentários e pode substituir o sistema padrão do WordPress.

O bacana dele é que, além de ter uma visual agradável, existe a possibilidade de enriquecer os comentários com a ferramenta que permite que o usuário vote nos comentários dando positivo ou negativo.

E você pode classificar os comentários por ordem de relevância ordenando para o Disqus exibir os mais votados.

Outra funcionalidade interessante é de compartilhamento dos comentários.

Link para o plugin Disqus »

­

Really Simple SSL

O certificado SSL (Secure Socket Layer) é uma proteção para manter uma conexão segura com a internet. A tecnologia envolvida evita que qualquer dado transferido entre usuário e website fique exposto evitando assim também ataques maliciosos.

Verificamos que um site possui o certificado SSL quando na barra de endereço contém o cadeado verde. Também será notado que o protocolo é https.

O certificado mostra ao visitante que seu site é autêntico e confiável.

Sabendo disto tudo o que você precisa de uma ferramenta que te ajude a configurar seu site para ser executado em https. E é nessa hora que entra o plugin Really Simple SSL.

Este plugin ativa o SSL em seu site com simples passos.

Mas existem um porém. É que você precisa obter um certificado SSL. Este plugin somente detecta o SSL e possibilita sua ativação. Entretanto a simplicidade de configuração que este plugin oferece faz dele um recurso necessário.

Link para o plugin Really Simple SSL »

Dicas para você utilizar o WordPress

Agora vou te passar uma relação de dicas que vão te ajudar em diversos aspectos do gerenciamento do WordPress.

Algumas destas dicas vão te prevenir de possíveis dores de cabeça que possam surgir só pelo simples fato de você não ter um conhecimento prévio de processos comuns no WordPress como questões envolvendo segurança e desempenho, por exemplo. Então vamos a elas.

Manter o WordPress sempre atualizado

Um dos principais motivos de se adotar o WordPress é que ele disponibiliza atualizações constantes. E é de fundamental importância que você as execute sempre que o WordPress alertar que existem atualizações disponíveis.

Essas atualizações procuram fornecer novos recursos, melhorias, melhor performance nas novas versões e também consertar bugs e brejas de segurança. E é principalmente pela questão de segurança é que você deve executar as atualizações porque você está se precavendo que seu site seja alvo de ataques.

Um ponto positivo do WordPress é que existe uma grande e ativa comunidade por trás que constantemente está melhorando a codificação dos arquivos usados no núcleo do WordPress, nos temas, plugins e traduções e isso possibilita que sua instalação tenha acesso aos recursos recentemente otimizados.

E como você pode saber se existem atualizações para serem executadas na sua instalação? Na parte superior do Dashboard, toda vez que existir atualizações o WordPress indicará notificações. Para isto no painel de controle vá para o menu “Atualizações” que fica do lado esquerdo. Na tela de atualizações você será notificado sobre qual versão do WordPress seu site está usando e se necessita atualizar. Nesta mesma página você terá uma relação de plugins, temas e traduções que necessitam atualizações.

OBSERVAÇÃO IMPORTANTE! Certifique-se que antes de qualquer atualização do sistema você tenha um backup do seu WordPress.

Faça um backup do WordPress

Essa é a dica mais importante que vou te passar nesta relação. Para algumas alterações em sua instalação WordPress é indicadíssimo ter um backup. Isso porque se alguma coisa der errado como quebrar o site ou dados se perderem você poderá ficar tranquilo porque você tem uma cópia para restaurar seu site.

Lógico que se algo acontecer ao seu site você poderá ficar estressado, mas a coisa pode ficar pior se você não tiver efetuado um backup.

A comunidade WordPress disponibiliza alguns plugins que auxiliam na criação de backups com a possibilidade de você hospedar aos arquivos de sua instalação nas nuvens e também podem realizar backups automáticos e agendados.

No tópico sobre plugins deste artigo eu destaquei o UpdraftPlus que você pode ativar em seu site e que te auxiliará na tarefa de executar e gerenciar seus backups.

Usar o mínimo possível de plugins

Apesar de todo mundo saber que os plugins oferecem diversas funcionalidades que potencializam seu website o uso exagerado destes recursos podem ter o efeito colateral de aumentar o tempo de carregamento das páginas diminuindo a performance de um site.

Muitas vezes para seguir uma moda instalamos plugins com recursos que façam nosso site parecer “moderno” e seguir as tendências, mas o que temos mesmo que decidir e se tal recurso tem uma função realmente relevante para o projeto.

Importante mesmo é evitar de instalar plugins desnecessários e somente utilizar os plugins fundamentais para funcionamento do website.

Não utilize o usuário “admin” e crie uma senha forte

Se você não for rigoroso em escolher uma senha forte para proteger sua instalação WordPress isso pode comprometer a segurança do site.

Seu site WordPress pode ser alvo de um ataque de força bruta que consiste em tentativas de adivinhar dados de acesso combinando senha e nome de usuário.

Portanto senhas fracas e comuns, ou óbvias como data do nascimento têm mais chances de serem descobertas ainda mais quando você utiliza na instalação o padrão admin.

Mude o padrão admin para que este dado fique difícil de ser descoberto em um possível ataque. Com isso o invasor tem mais um percalço a percorrer.

Os grupos de usuários responsáveis pela administração do WordPress devem garantir uma senha forte porque o acesso a essas contas permite o controle total das funcionalidades do site.

O WordPress oferece um recurso nativo para que você possa gerir uma senha forte onde ele mede a força da senha. Mas cabe a você definir a senha forte porque ele não restringe a criação de senhas fracas.

Como sugestão você pode criar uma senha da seguinte forma:

Utilize uma combinação com letras maiúsculas e minúsculas;Utilize números;Utilize caracteres especiais como %#@&!;Garanta que sua senha tenha no mínimo 8 caracteres.

Utilize urls amigáveis

Url é a sigla de Uniform Resource Locator e quer dizer Localizador Padrão de Recursos. Corresponde ao endereço virtual de site, página ou arquivo. A url deste página que você lê é https://www.chiefofdesign.com.br/wordpress/

No caso desta página podemos notar que é a url é formada por:

um protocolo: https;o dominio do Chief of Design: www.chiefofdesign.com.br;e um recurso: /wordpress/

As urls amigáveis são urls de fácil compreensão para os usuários e também para os mecanismos de buscas.

Por padrão o WordPress utiliza um modelo não amigável de url como no exemplo a seguir:

www.seusite.com/?p=123

Esta url é de difícil compreensão tanto para os usuários quanto para os mecanismos de buscas porque é formado por caracteres que não descrevem sobre o assunto da página.

Mas existe uma configuração no WordPress chamada Links Permanentes que possibilita alterar este padrão para outras opções.

Dentre as opções eu indico que escolha a “Nome do post”. Ele possibilita uma url mais curta que é bastante indicada para se obter uma url amigável. Além de usar uma url curta é indicado também:

Usar hífen para separar palavras;Não usar acento e cedilhas (é, â, ã, ç);Preferir letras minúsculas porque são limpas visualmente;Procure inserir na url uma palavra-chave que resuma o assunto da página.

Exemplo de url com a as características citadas:

Arquitetura da Informação – Ciência para estruturar conteúdos

Configurado o links permanentes o sistema estará habilitado para você criar suas urls amigáveis. No campo logo abaixo do título na seção de edição de posts e páginas você pode criar sua url.

Agende seus posts para o futuro

Uma funcionalidade interessante do WordPress é o agendamento de postagens. Essa é uma mão na roda para que você administre melhor seu tempo.

Com o agendamento de postagens você não precisa estar presente na hora da publicação, basta que você no momento de criação da página ou post agende para o conteúdo ser publicado em uma data e horário no futuro que o sistema colocará o conteúdo no ar no horário programado.

Extra: Construtor de página e sites “Elementor WordPress”

Se não bastasse a infinidade de recursos que o WordPress oferece, nos últimos anos, a comunidade que acompanha este CMS trabalhou ainda mais duro para facilitar a construção de páginas e sites pelos usuários.

Com isso surgiram ferramentas chamadas de page-builders, ou construtores de páginas. Até o próprio WordPress mudou seu editor clássico para que os conteúdos pudessem ser construídos através de blocos que agilizam a tarefa. Eu falo do editor WordPress Gutenberg, que tem até artigo aqui no blog.

Surgiram muitos construtores no mercado, mas o que vem se destacando bastante é o Elementor. Com ele é possível criar páginas de sites em uma interface real-time e do tipo “drag&drop”, ou seja, clicando e arrastando.

O Elementor é plugin que está entre um dos mais populares na comunidade WordPress, e o que faz dele o o principal page-builder da plataforma. Para utilizar o Elementor, basta ter um site em WordPress. Caso você queira saber mais sobre essa ferramenta sugiro que leia este artigo.

 

Conclusão

O WordPress possibilita que você tenha uma certa independência para que possa oferecer sites dinâmicos sem a necessidade de terceirizar tarefas. Esta aposta pode ser interessantíssima porque a curva de aprendizagem pode ser muito mais curta do que aprender programação e os conhecimentos adquiridos possibilitam criar projetos de baixa, média e até, em alguns casos, de alta complexidade.

Espero que tenha gostado desse artigo.

Mais a frente falaremos mais sobre WordPress e como você pode utilizá-lo, bele?

E você? Já trabalha com o WordPress? O que você acha sobre ele?

Deixe a sua dica aí.  Você pode comentar abaixo!

Forte abraço!

Até mais!
The post O que é WordPress? Como funciona? Como começar?! appeared first on Chief of Design.

O que é WordPress? Como funciona? Como começar?!
Fonte: Chef of Design

O que faz um UI Designer? 20 perguntas e respostas sobre UI Design

7 de janeiro de 2021

O que faz um UI Designer? 20 perguntas e respostas sobre UI Design

Eae! Tudo bele?

UI Design. Este é um tema com dúvidas frequentes nos canais do Chief of Design. E eu não poderia ficar insensível aos pedidos de meus seguidores e decidi responder as dúvidas daqueles que estão iniciando e daqueles que ainda estão nas primeiras pesquisas sobre o que faz um UI Designer.

Separei as questões mais relevantes, algumas até frequentes para montar esse conteúdo.

Lógico que não é possível cobrir todos os aspectos em um só artigo, mas acredito que os principais, para quem é iniciante, está sendo abordado por aqui.

Então com você as 20 questões sobre UI Design, para iniciantes, respondidas.

Aproveite e confira! Espero muito que você encontre uma questão semelhante àquela dúvida que ainda pairando em sua mente.

Vamos para as questões?

Antes só quero te lembrar que nós temos o nosso próprio curso de UI Design, o UI EXPERT. 

No Curso UI EXPERT você aprende a criar interfaces digitais que proporcionam as melhores experiências aos usuários e que te trará maior visibilidade no mercado de trabalho.

Para saber mais sobre o Curso de UI Design, clique aqui, ou na imagem abaixo.

1 – O que faz um UI Designer?

UI Designer (Designer de interfaces) é o profissional responsável por projetar o layout e os elementos interativos destes.

Partindo do princípio que a área de UI design (Design de interface de usuário) estuda o meio pela qual existe uma interação entre o indivíduo e um dispositivo, software, ou aplicativo, a função do UI Designer é garantir que a interação seja bem-sucedida resultante de uma facilidade de uso e acesso à interface gráfica.

O UI Designer deve projetar interfaces claras e objetivas para que a utilização do usuário seja intuitiva e sem entraves.
2 – Como anda o mercado brasileiro para UI Designers?
O mercado favorece o UI Designer destacadamente pela crescente necessidade de criação de desenvolvimento de aplicativos móveis.

O Brasil, junto da índia e da Indonésia, está entre os mercados que mais executaram download no quarto trimestre de 2017 dos aplicativos do Google Play, trimestre esse que foi considerado de maior desempenho para download. Os downloads ultrapassaram a marca de 19 bilhões.

Segundo outra pesquisa, realizada pela App Annie, o Brasil ocupa o segundo lugar no ranking de países com maior número de apps utilizados por mês, mais de 40. E o mesmo estudo aponta que os brasileiros, em um período de 24 horas, abrem em média quase 10 aplicativos, colocando nosso país no topo da lista.

E não podemos esquecer também a demanda de UI Designers para criação de interfaces para web sites em um cenário onde temos 51,3 consumidores obrigando o empresariado a possuir uma presença online para divulgar seus produtos e serviços.
3 – Onde pode trabalhar um UI Designer?

O UI Designer pode atuar em todos tipos empresas que necessitam de desenvolver interfaces, principalmente quando se trata de interfaces digitais.

Podem ser tanto empresas que prestam serviços do tipo, como agências e escritórios de Design, startups, consultorias, empresas de TI, até empresas que tem setores apenas para cuidar das suas interfaces como bancos, ecommerces, entre outros.
4 – Quanto ganha um UI Designer?
Segundo a Love Mondays, plataforma que ajuda profissionais a encontrar a empresa ideal e a descobrir salários em mais de 100.000 empresas, o salário médio para UI Designer, baseado em 192 salários postados por funcionários na plataforma e que atuam nesta profissão, é de R$ 4.284,00 por mês.

Mais esse números podem variar por causa de fatores como a região, segmento da empresa entre outros. A própria Love Mondays alerta que o salário pode variar de R$ 824,00 a R$ 11.487,00.
5 – Existe algum requisito para começar a aprender sobre UI Design?
Não há um pré-requisito. Mas algumas coisas que você se identifica ou alguns comportamentos podem indicar que você pode se dar bem na área como: gostar de tecnologia, comunicação, design, criatividade, dar grande atenção aos detalhes e resolver problemas.

E se você acredita que pode se dar bem é quer saber onde estudar aqui no blog tem um artigo que pode te ajudar a escolher um bom curso de UI Designer.
6 – Vale pena ser UI Designer?
Sim. Principalmente se você se enquadra no perfil do tópico anterior que é algo que aumenta as chances de você gostar de Design de interfaces.

Gostar de algo é o que nos faz enfrentar os desafios diariamente.
7 – Onde encontramos UI Design?

Uma interface á a ponte visual entre um usuário (humano) e uma máquina, serviço, sistema, produto. O UI Design se aplicar principalmente a interfaces gráficas.

Por isso algumas pessoas podem alegar que UI Design trata de interfaces para sistemas virtuais encontrados principalmente em computadores, smartphones, vídeo-games e realidade virtual.

Porém, podemos encontrar uma interface em qualquer objeto projetado para disponibilizar um meio para interação com o usuário de forma eficaz.

Você pode encontrar UI Design, seja através de interface gráfica ou física, em painéis de controle em máquinas industriais, em equipamentos para área de saúde, sistemas automotivos e de aviação, eletrodomésticos e eletroeletrônicos, softwares de computadores e dispositivos móveis, aplicativos, websites, entre tantos.

Apesar dessa grande variedades, a maioria dos empregos para UI Designer são para desenvolvimento de interfaces de app e web.
8 – Qual a diferença entre UI e UX Designer?
Basicamente o que difere é que o UI Designer desenvolve interface e o UX Designer se preocupa em como o usuário vai se sentir ao interagir com a interface e se encontrará valor quando interagir com os produtos ou serviços de uma empresa.

UI Design e UX Design são áreas que se complementam e colaboram uma com a outra. UI Design possibilita que uma ideia se concretize na interface e que o usuário consiga aproveitar o que está sendo apresentado. E o UX Design faz com o seja apresentado na interface garante boas sensações de uso.

Eu tenho um vídeo onde falo especificamente sobre isso.

9 – Web Design e UI Design não são parecidos?
Sim, são parecidos em partes. Mas precisamos entender um pouco do perfil de cada para identificar as semelhanças

Um Web Designer pode executar peças como criação de banners, pequenas animações, e artes para redes sociais, design para aplicativos, entre outras.

Mas a tarefa principal de um Web Designer é criar websites, ponto.

Agora o que faz um UI Designer?

O UI Design faz a ligação entre o usuário e um dispositivo ou sistema. O UI Designer é responsável por projetar a interface que promove a essa ligação.

Existem diferentes tipos de interface em diferentes produtos. Imagine o display de um micro-ondas. Aquilo é uma interface. O Designer de interfaces pode projetar todo tipo de interface inclusive as digitais e para web, como os websites. E é por isso que o Web Design e o UI Design são “parecidos”.

Na verdade o Web Design é mais amplo e o UI Design é uma área do conhecimento abrangida pelo Web Design. Para entender melhor eu gravei um vídeo que explica melhor as diferenças entre as duas áreas. Veja a seguir:

10 – Por quais conteúdos eu devo começar a aprender?
Alguns conhecimentos podem te ajudar nos primeiros passos como os Fundamentos de Design, usabilidade, elementos da interface, anatomia de interfaces, prototipagem e procurar dominar algum software gráfico.
11 – É possível entrar na área sem realizar um curso especializado? Eu consigo aprender tudo sobre UI Design sozinho?
A internet é um bom recurso para você aprender e dar seus primeiros passos.

No Youtube você pode adquirir conhecimentos como autodidata sem gastar um centavo ao realizar buscas sobre “ui design” e “Design de interface do usuário”. Inclusive encontrará diversos vídeos do Chief of Design que falam sobre o assunto. Aconselho até que acompanhe nosso canal para saber mais clique neste link.

A mesma pesquisa você pode executar no Google. A comunidade web dispõe artigos em blogs que explicam sobre área.

O grande problema é que dá muito trabalho angariar conteúdo que estão espalhados. Sem contar que você não tem conhecimento prévio sobre diversos assuntos e fica difícil saber o que pesquisar quando nunca se viu falar na vida sobre determinado assunto, técnica ou ferramenta.

Para agrupar em um só lugar conteúdos que você levaria muito tempo pesquisando, para preencher lacunas que conteúdos do internet não cobrem e para atender pessoas que não tem como frequentar um curso presencial eu disponibilizo o UI EXPERT

Neste curso você vai aprender os principais conceitos de UI Design para interfaces digitais para iniciar a sua jornada na área. Além das aulas, ao vivo e gravadas, você terá suporte diretamente comigo.

Para saber mais sobre as próximas turmas do curso CLIQUE AQUI.
12 – Quais as principais ferramentas que um UI Designer precisa saber utilizar para se destacar na área?
Entre as principais ferramentas se destacam o Sketch App, (para Mac) o Abode XD, o InVison, Balsamiq e Axure para prototipagem, InVision Studio, Figma e Photoshop.
13 – É preciso saber desenhar?
Saber desenhar o básico ajuda. Você não precisa ser exatamente um ilustrador, um artista, mas conseguir criar traços no papel para expressar as ideias visualmente e se fazer se entender o mínimo é de grande valia.

Desenhar ajuda em alguns processos, mas não é mandatório.
14 – Quais as principais características de um bom UI Designer?
É uma pergunta difícil de responder porque em um grupo de bons UI Designers podem existir profissionais com características muitos diferentes. Sem contar que empregadores podem considerar que as competências do profissional têm um peso maior para definir que ele é bom em relação as características comportamentais.

Entretanto podemos relatar algumas propriedades da área que pode favorecer um ou outro perfil. Vamos a algumas:

Criatividade é uma característica que permeia toda a área de Design, portanto ser criativo colabora muito para que você seja considerado bom UI Designer.

Apesar de UI Design mexer com a criatividade esta é uma área que também preza por uma organização sistemática que visa garantir a melhor interação. Portanto em alguns momentos vale a pena o fato de ser metódico.

Um UI Designer precisa muito se relacionar com equipes em diferentes etapas do processo. Portanto além de ser bom comunicador na comunicação visual ele deve ser bom na comunicação verbal.

Pensar e agir com UI Design é dar grande atenção aos detalhes. Portanto ser detalhista é uma boa característica também.

O trabalho de UI Designer está todo centrado no usuário. Suas decisões de Design vão definir o bom resultado da interação.

Então ter empatia por quem vai interagir na interface projetada é um grande passo para que as coisas resultem bem. A empatia fará você enxergar todas as nuances do processo desde a pesquisa do público-alvo até a execução da interface.

Essas são algumas características importantes. Se você acha que outras características devem ser mencionadas, agradeço se você contribuir na seção de comentários com mais conteúdo para esse artigo.
15 – Qual dica você me daria para garantir uma boa execução de UI Design?
Existem uma relação de boas práticas para serem executadas, mas se for para escolher uma só eu te indicaria não querer inventar a roda. E o que eu quero dizer com isso?

Quero dizer que nem sempre você precisará criar uma solução nova porque existentes ótimos padrões para você adaptar no seu projeto. Se tratam de padrões familiares de UI.

Ao adaptar alguns destes padrões tirados de um ambiente similar você ganhará tempo e também a certeza de estar utilizando algo que já foi testado.

Você com certeza já interagiu com o ícone hambúrguer. Ele é um padrão que vem sendo bastante disseminado quando pensamos em mobile. A limitação de espaço existente em interfaces destinadas a dispositivos menores criou a necessidade de adotar esse padrão para suportar os tradicionais menus.

A melhor forma de encontrar padrões é pesquisando por onde o público-alvo do projeto interage a maior parte do tempo.

Pesquise elementos de interface em redes sociais, sites de notícias, sites de bancos, sites de universidades, aplicativos de mensagens instantânea, algum software específico, etc.
16 – Como manter a clareza nas interfaces?
Manter a clareza na interface é a qualidade de não inserir “ruídos”.

Uma boa forma de manter a clareza é evitar elementos que não deixam claro sua função. O usuário deve precisar daquele elemento, ele não deve ser um entrave.

Elementos necessários são sucintos e fazem sentido.

Eu tenho um artigo e vídeo aqui no blog onde falo sobre Gestalt (clique aqui para conferir). Acredito que tal conteúdo possa te ajudar nessa tarefa.
17 – O que é Style Guide?

O Style Guide determina quais as regras e padrões devem ser utilizadas em um sistema. Serve como guia para que as equipes de trabalhos estejam alinhadas ao propósito do projeto e que o produto final tenha consistência.

Ele estabelece um padrão visual e gera todos componentes necessários para interface.

Como isso você estabelece o padrão visual de componentes como cores, tipografia, botões, navegação, listas, formulários, entre outros.
18 – Não tenho experiência de trabalho com UI Design. O que fazer para ser contratado?
Parece óbvio. Mas você deve obter experiência. Você deve correr atrás dela.

Não. Você não procurará emprego e muito menos deve se preocupar em ganhar muito dinheiro agora. Tudo que você tem que fazer é se cadastrar em plataformas de trabalhos freelance e se candidatar a jobs que correspondem ao seu nível de habilidade atual.

Ao acumular jobs concluídos você, além de conquistar experiência, poderá criar um portfólio. Se você não sabe como criar um portfólio clique neste link e conheça nossa guia para construir um.

Com um portfólio em mãos você tem como comprovar uma certa experiência para disputar vagas. Porém pode acontecer de você ter se dado bem como freelancer e conquistados contatos que não queira mais um emprego.
19 – É possível trabalhar remotamente como UI Designer?
Sim. O trabalho remoto vem cada vez mais sendo adotado por grandes e pequenas empresas. Existem empresas que são totalmente remotas.
20 – Vale a pena migrar do Design Gráfico para o UI Design?
Vale a pena se você se vê encantado pela possibilidade de gerar resultados planejando interfaces. Também vale a pena porque a média salarial e as possibilidade de ganhos, financeiros e profissionais, são maiores.

O Design Gráfico é sim uma área que desempenha um papel muito importante. Mas pode ser que você se sente desmotivado agora. Pode se algo passageiro. Entretanto se você anda flertando com novas tecnologias sugiro que pesquise bastante que nem você está fazendo agora.

Leia bastante sobre assunto e converse com profissionais da área para que você comece a fazer uma migração de forma tranquila se esta vier a ser sua vontade.
Considerações finais
Neste artigo procurei abordar questões relevantes e recorrentes sobre UI Design. Pode ser que alguma dúvida que você possui não tenha sido abordada. Por isso peço que você utilize a seção de comentários e compartilhe conosco o seu pensamento.

Espero que as respostas sirvam para te dar um norte e te direcione de forma positiva as suas decisões. UI Design é a uma área que está em expansão e que vem despertando grande interesse de contratantes por isso procurar informação é questão valiosa para que não exista decepções com as possíveis escolhas.

Espero que você tenha gostado do artigo!

Compartilhe com seus amigos que queiram conhecer um pouco mais sobre a área e deixe seu comentário também.

E não deixe de conhecer o nosso Curso UI EXPERT que é focado para você aprender do zero até ao avançado em UI Design e migrar para uma área que valoriza o design.

Forte abraço!

Até mais!The post O que faz um UI Designer? 20 perguntas e respostas sobre UI Design appeared first on Chief of Design.

O que faz um UI Designer? 20 perguntas e respostas sobre UI Design
Fonte: Chef of Design

UX Design e UI Design – Qual a diferença entre eles?

5 de janeiro de 2021

UX Design e UI Design – Qual a diferença entre eles?

Eae, tudo bele?

Vamos falar sobre UX Design e UI Design. Essas duas áreas estão muito em alta e confundi-las é muito comum, principalmente para quem está iniciando. Por isso não fique acanhado caso você não saiba o que é ou as diferenças entre UX Design e UI Design.

Independente da nomenclatura, do nome, etc. O fato é que as duas áreas são importantes e as duas áreas tem grande sinergias. Apesar de diferentes e de tratarem de determinadas camadas dentro de um projeto, elas trabalham em conjunto.

E elas estão com bastante visibilidade ultimamente, principalmente porque designers e criativos em geral, enxergam nessas áreas possibilidades de melhores ganhos financeiros e reconhecimento profissional.

Por isso neste artigo vou passar para você o que é cada área, falar sobre as suas diferenças e também das coisas em comum que compartilham. Bele?

Nós aqui do Chief of Design temos o Curso UI EXPERT. Em nosso curso de UX/UI você aprende a criar interfaces digitais que proporcionam as melhores experiências aos usuários e que te trará maior visibilidade no mercado de trabalho.

Para saber mais sobre o Curso de UI Design, clique aqui, ou na imagem abaixo.

Então, vamos começar a brincadeira 😀

Neste artigo você vai aprender:

O que é UI Design.
O que é UX Design.
Quais as diferenças entre UX Design e UI Design.
Quais as semelhanças e sinergias entre UX Design e UI Design.
Vídeo UX Design e UI Design.

O que UI Design?
UI Design significa User Interface Design (Design de Interface do Usuário).

UI é área do Design que elabora, cria e planeja  o meio pela qual uma pessoa (chamado normalmente de usuário) interage e controla um determinado dispositivo. Esse dispositivo pode ser um sistema, software, produto, serviço, aplicativo, etc.

Essa interação e controle são feitas através de um interface. Essa interface pode ser composta por botões, menus e qualquer elemento que possibilite a interação entre o usuário e o dispositivo.

Imagem ilustrativa de um UI Designer prototipando um projeto.Por MIND AND I /Shutterstock
Portanto o profissional UI Designer vai utilizar de conhecimentos de diversas disciplinas para criar essa interface.

E nós lidamos como interfaces a todo momento. Apesar de sempre associarmos interfaces a telas digitais, aplicativos mobiles e websites. Interfaces existem antes de tais tecnologias existirem.

Um exemplo clássico disso seria o controle de uma televisão. O controle de uma TV é por onde interagimos com a aparelho, determinando qual canal queremos sintonizar, qual o volume mais adequado entre tantas outras funções disponíveis através da interação que temos com o controle remoto.

E um bom projeto de Design de Interface do Usuário, independente se seja o controle de uma TV ou um aplicativo web, é projetado de forma a antecipar as reais necessidades de utilização do usuário.

Uma boa interface é simples de aprender e é fácil de usar. A ideia principal da interface é que o usuário consiga realizar o que ele pode, quer e espera realizar. Tudo isso de modo simples, fácil e com uma boa experiência, a chamada “user-friendly”, ou seja, experiência amigável. Sobre experiência, veremos mais a frente.

E sobre UI Design eu tenho outros artigos, mais detalhados, sobre o assunto. Também tenho uma playlist no Youtube. Por isso vou encerrar por aqui e deixar esses links para depois você continuar os estudos sobre UI Design.

Seguem os artigos:

O que é User Interface Design:

https://www.chiefofdesign.com.br/ui-design/

10 Princípios fundamentais de design para um UI Designer:

https://www.chiefofdesign.com.br/ui-designer/

Web Design x UI Design

https://www.chiefofdesign.com.br/web-design-ou-ui-design/

Posto isso, agora vamos para o UX Design. A seguir falarei sobre UX Design antes de entendermos as diferenças entre eles. Vamos nessa?
O que é UX Design?
UX Design significa User Experience Design( Design de Experiência do Usuário).

UX lida com as emoções e experiências dos usuários. É parte do Design que pensa exclusivamente na relação do usuário com o produto ou serviço.

A meta do UX é  torna mais amigável ( olha o “user-friendly”, aqui de novo), natural e simples a experiência de uso de um determinado serviço ou produto.

Logo os UX Designers estudam e projetam com base no comportamento humano. E não só isso. Com base, essencialmente também, nos comportamentos do público usuário em questão.

Criativo Web Designer planejamento de aplicativos e desenvolvimento de layout modelo, quadro para o telefone móvel. Conceito de experiência do usuário (UX).Por MIND AND I /Shutterstock
O objetivo é oferecer um serviço que garanta uma boa experiência, gerando satisfação  e evitando frustrações no usuário. Projetar experiências que encantem e fidelizem clientes é o cenário mais do que ideal.

Portanto o UX Design está diretamente relacionado ao uso do serviço, a interação, e como isso afeta as emoções e experiências do usuário.

Existem um outro artigo onde falo um pouco mais sobre experiência do usuário. Você pode conferir clicando aqui.
Quais as diferenças entre UX Design e UI Design?
A principal diferença entre UX Design e UI Design no papel que cada um tem um projeto e como você já percebeu, apesar de UX Design e UI Design serem termos semelhantes, os significados são diferente.

O UI Design está mais conectado com camada física, tangível e prática do projeto. Afinal, a interface que será utilizada diretamente pelo usuário.

É nessa parte onde se cria e estiliza os botões, menus e todos os artefatos que tornaram possível essa utilização. E para isso o profissional UI Designer normalmente utiliza de ferramentas (quando falamos de interfaces digitais) como Sketch app, Adobe XD, Figma, entre outros.

Por outro lado, o UX Designer é profissional o que estuda e planeja como o usuário se sentirá ao usar interface. Então ao invés de focar na cor ou no formato do botão, ele irá pelo lado do projeto que pensa como serão as experiências e emoções ao interagir com aquela interface.

Tem sempre uma imagem que gosto de utiliza que mostra o UI Design como uma ponte que liga o que foi planejado pelo UX Design com o Usuário.

Então enquanto o UI Design cuida da interação da interface e usuário o UX Design cuida do lado emocional, sempre focando em como proporcionar a melhor experiência ao usuário.
Quais as semelhanças e sinergias entre UX Design e UI Design?
UI e UX Design tem muitas coisas em comum. Como diz a gíria do popular brasuca, “é tudo junto e misturado”.

É inconcebível pensar em um UI Designer projetar sem pensar na experiência do usuário, da mesma maneira não tem aplicar tudo que foi pensado no UX Design sem ajuda do UI. O UI design é o que torna viável essa experiências.

E podemos considerar a experiência do usuário como conjunto de fatores e o UI Design é um entre esses fatores.

Existe uma imagem desenvolvida por Dan Saffer (que apesar de ser de 2008 ainda é atual) que demonstra que UX  união de vários aspectos. Todos eles influenciarão e ajudarão a compor a experiência final do usuário.

Nele, inclusive, podemos ver outras áreas que são ligadas e estão relacionadas como Visual Design e Product Design.

Também temos o famoso guarda-chuva de UX que demonstra que UI é um fator para um projeto de UX Design.

Não tem como desligar as áreas. Até por isso os vários profissionais se apresentar como UX/UI Designer.

E também, mas metologias, tarefas e projetos como Design Sytem, Design Sprint e Design Thinking, ambos os lados podem participar e realizar em seus cotidianos.
Vídeo UX Design e UI Design – Qual a diferença entre eles?
Para sintetizar tudo o que foi escrito neste artigo e também para acrescentar mais itens importantes a essa questão, que eu gravei um vídeo exclusivo sobre o assunto falando sobre UX Design e UI Design e qual é a diferença entre eles.

Sugiro fortemente que assista o vídeo, pois ele é um complemento valioso de tudo o que foi apresentado até aqui.

Então é isso, Galucho! Se você gostou desse vídeo deixe o seu like e compartilhe com seus amigos que tiverem interesse 😀

Espero que esse vídeo tenha sido útil para você.

E caso não seja inscrito, se inscreva em nosso canal no Youtube [CLIQUE AQUI ]

Deixe a sua opinião, dúvida e experiência nos comentários aqui abaixo, bele? 😀

Até mais.

Forte abraço.The post UX Design e UI Design – Qual a diferença entre eles? appeared first on Chief of Design.

UX Design e UI Design – Qual a diferença entre eles?
Fonte: Chef of Design

O que é design digital? O que faz um designer digital?

17 de dezembro de 2019

O que é design digital? O que faz um designer digital?

Eae? Td bele!

Existem tantos nome e terminologias referentes ao Design, que vira e mexe temos que abordar sobre elas nos canais do Chief, na web, para esclarecer as dúvidas dos Galuchos. A terminologia da vez é o Design Digital.

Se você atua com criação e utiliza os fundamentos do design você verá que o Design Digital tem muita similaridade como por exemplo, o Design Gráfico e o Web Design.

E se você quer saber mais sobre a profissão de Designer Digital, neste artigo você encontrará as principais informações sobre esta profissão e poderá assim decidir se esse caminho que você quer seguir profissionalmente.

E neste artigo você saberá:

O que é Design Digital?;Diferenças e semelhanças entre o Design Digital e o Design Gráfico;O que faz um Designer Digital?;O Perfil de um Designer Digital;Conhecimentos fundamentais;O Mercado de trabalho;Quanto ganha um Designer Digital?;Precisa de diploma para ser Designer Digital?Quais outras opções de cursos?

O que é Design Digital?

Design Digital é um segmento do Design Visual em que o Designer projeta soluções funcionais para telas de dispositivos diversos.

Para que as soluções se tornem funcionais, nessas telas, o profissional da área utiliza-se da aplicação de conceitos e técnicas específicas para desenvolvimento de layout em telas e dos fundamentos de design necessários.

Entenda-se que o Design Digital tem como uma peculiaridade de fazer com que os layouts projetados funcionem, na maioria dos casos, em dispositivos de diferentes tamanhos. Hoje no mercado temos uma variedade de tamanhos de telas que vai desde telas dos Smartwatches, passando pelos smartphones e chegando até as Smart TVs.

Design Digital versus Design Gráfico

Existe muita similaridade entre o Design Gráfico e o Design Digital, isso porque ambos usam praticamente os mesmos fundamentos. O que diferencia é onde os fundamentos são aplicados, já que cada um deles trabalha em “plataformas” diferentes. Sendo assim, o Designer Gráfico atua em processos gráficos, impressão e podendo até criar peças digitais. O Designer Digital é mais específico para projetar para telas de dispositivos.

O que faz um Designer Digital?

O Designer Digital é o profissional especializado em programação visual que aplica-o em diversos meios digitais.

Ele utiliza recursos como imagens, textos e ilustrações que são distribuídos harmoniosamente aplicando-se os fundamentos do design necessários para expressar os objetivos de comunicação do projeto.

Com esses recursos em mãos esse profissional desempenha importante papel em tarefas que envolvam o planejamento e produção de comunicação visual para:

Sites;Interfaces digitais;Animação/Motion Design;eBooks;Editoração eletrônico;Social Media;Games.

Mas podendo também fazer:

Identidade visual;Peças gráficas;Direção de arte;UX;Arquitetura de informação;Outros.

Perfil de um Designer Digital

Os desafios encontrados em áreas correlacionados do Design são muitos parecidos e geralmente são focados em soluções de problemas, e na maioria dos casos, relacionados a pessoas.

Por isso acredito que as que as principais característica que te favorecem a ser um bom Designer Digital são a vontade de aprender, a empatia e gostar de resolver problemas de forma criativa.

Mas logicamente que existem outras características podem indicar se você tem o perfil para atuar na área. Dentre elas se destacam:

Gostar de artes e eventos culturais – Quanto maior é o seu repertório, mais abrangente de elementos visuais, mais a sua criatividade aflora e contribuí na composição de seus projetos. Portanto assistir filmes, ir em exposições, ler livros e revistas, e até analisar a composição gráfica destes podem aumentar seu repertório.

Ter bom senso estético – Você precisa saber julgar e decidir não só o que é belo, mas também agradável aos sentidos do ser humano.

Saber expressar ideias através do desenho – Isso não quer dizer que você precisa ser um exímio desenhista, não é isso. Basta que com alguns traços você consiga rascunhar uma ideia.

Gostar de tecnologia – Atualmente Design e tecnologia caminham juntos. Um Designer passa boa parte do tempo manuseando softwares gráficos e pesquisando referências na internet.

Saber trabalhar em equipe – Você pode até trabalhar de forma independente como freelancer, mas de qualquer forma em muitos projetos você precisará interagir com profissionais de outras áreas e equipes para debater sobre planejamento e outras questões.

Comprometimento com os resultados – Se comprometer com o que foi acordado garante que você entregue de acordo com os requisitos e dentro do prazo.

Conhecimentos fundamentais

Para que você possa entregar soluções que tragam resultados a seus clientes você precisa se munir de conhecimentos fundamentais. Vou apresentar alguns deles dividindo em duas categorias: os fundamentos e as ferramentas.

Fundamentos:

Me refiro aqui a fundamentos como proximidade, alinhamento, unidade, equilíbrio, formas, ergonomia, semiótica, gestalt, cor, tipografia, grids, diagramação,imagens, etc.

Ferramentas:

Fundamental também é dominar softwares diversos que vão desde editores gráficos, passando para editores de vídeo, até construtores de interfaces e editores de códigos. 

Destacamos o Photoshop, Illustrator, Corel Draw, InDesign, After Effects, Premiere, Figma, Adobe XD, Invision, Sketch e Sublime Text.

Mercado de trabalho – Onde trabalha um Designer Digital

Basicamente o Designer Digital atua com Web Design, Design para APPs, Animação Digital, Design de informação, Design de interação, Edição de vídeo, Social Media, Criação de Games, entre outros.

O Designer Digital é requisitado por empresas de comunicação e indústrias de diversos setores. Ele pode trabalhar tanto em Instituições públicas, privadas e do terceiro setor que demandem criação projetos de comunicação visual.

Ele pode atuar em:

agências de publicidade;empresas de TI;departamento de comunicação e marketing de empresas;escritórios e estúdios de design;produtoras de vídeo e cinema, emissoras de TV;produtoras de games e animações;startups;empresas que precisam de programação visual em geral.

Ele também pode atuar como freelancer pessoa física ou jurídica.

Quanto ganha um Designer Digital?

Segundo o site Glassdoor, plataforma que ajuda profissionais a encontrar a empresa ideal e a descobrir salários em mais de 100.000 empresas, o salário de um Designer Digital está entre R$ 5.000,00 a R$ 6.000,00.

Mas esse valor pode variar por causa de fatores como a região, segmento da empresa, sua experiência, entre outros.

Precisa de diploma para ser Designer Digital? Precisa ter Curso Superior?

Para que uma pessoa trabalhe como Designer Digital não é exigida a formação superior, pois a profissão ainda não é regulamentada. 

Portanto a experiência de mercado e um bom portfólio que comprove que você é capaz de executar as tarefas inerentes a área, podem ser (normalmente são) mais importantes e os suficientes para que você atue no mercado de trabalho.

Óbvio que um curso superior sempre terá um peso extra. Inclusive se você quiser saber mais sobre faculdade de Design Digital, sugiro pesquisar no Quero Bolsa.

O site Quero Bolsa disponibiliza bolsas com até 75% em cursos superior, tecnólogo ou bacharel ,e de pós-graduação em design.

Se você vai entrar na faculdade, antes de qualquer coisa sugiro fortemente que acesse agora o Quero Bolsa e veja se não tem nenhuma bolsa na faculdade que você deseja entrar. Eu mesmo usei o Quero Bolsa e foi muito útil na minha época. Não perca tempo! CLIQUE AQUI e saiba mais.

Quais outras opções de cursos o mercado oferece para mim?

Além do Curso Superior (Bacharelado e Tecnólogo), as outras opções de aprender sobre Design Digital são:

Cursos livres (presenciais): cursos presenciais de curta duração;Cursos online: cursos no formato EAD, onde você pode estudar de casa com um preço, comumente, mais barato. Aqui no Chief of Design nós possuímos o curso Web Designer PRO que apesar da nomenclatura, ele oferece um sua grade importantes conceitos e técnicas para quem quer atuar com Design Digital.Curso Técnico;Curso de Especialização, Pós-Graduação;Mestrado.

Material complementar

Para mais detalhes sobre a área de Design Digital eu disponibilizo a seguir uma material extra em vvídeo a seguir.

Considerações Finais

A área de Design Digital é uma área dinâmica que vai de encontro com as tecnologias mais modernas abrindo espaço para o profissional possa até se aventurar por ramificações do design como UX Design, UI Design, Web Design, Design de Games só para citar alguns.

Caso você queira contar com uma fonte de conteúdos que abrange conhecimentos fundamentais do Design Digital eu te indico conhecer o Curso Web Designer PRO onde você será apresentado a técnicas e fundamentos importantes para construção de interfaces para diferentes dispositivos.

⭐️Curso Web Designer PRO⭐️

Saiba mais ➡ https://www.webdesignercursos.com.br/

Então é isso, Galucho! Se você gostou desse artigo deixe o seu like e compartilhe com seus amigos eu tiverem interesse 😀

Deixe a sua opinião, dúvida e/ou experiência na área de Design Digital, nos comentários abaixo, bele? 😀

Até mais.

Forte abraço.
The post O que é design digital? O que faz um designer digital? appeared first on Chief of Design.

O que é design digital? O que faz um designer digital?
Fonte: Chef of Design

WordPress como Ferramenta de Marketing Digital

25 de outubro de 2018

WordPress como Ferramenta de Marketing Digital

Eae, tudo bele?
No dia 13/10/2018 eu palestrei no WordCamp2018. O tema da minha palestra foi: WordPress como Ferramenta de Marketing Digital: Como o WordPress pode te ajudar a alavancar o seu negócio?
O WordPress é uma ótima ferramenta para quem é empreendedor e nessa palestra eu mostrei como nós utilizamos esse CMS aqui no Chief of Design e também em outros projetos.
E a oportunidade de palestrar no WordCamp foi incrível. A comunidade aqui do Brasil, e principal a de São Paulo, é uma das maiores do mundo.
Assista abaixo a palestra que ministrei e veja como foi esse super evento de tecnologia. E caso queira os slides da palestra, você pode conferir aqui.
WordPress como ferramenta de marketing digital – Palestra WordCamp 2018

E já que falei tanto sobre WordPress na palestra, vou complementar este artigo com mais conteúdo, para você entender por completo entender como o WordPress pode ser uma ótima ferramenta de marketing digital ajudando a melhorar o seu negócio, vamos entender um pouco do que se trata esse CMS.
O que é o WordPress?

Caso você nunca tenha ouvido falar em WordPress saiba que ele é uma plataforma de Gerenciamento de conteúdo, ou para muitos o CMS (que tem na prática o mesmo significado). Esta a é a plataforma para publicação de conteúdo mais usada no mundo e engloba quase 70% do mercado que trabalham com CMSs.
O que você poderá fazer caso domine este CMS?

Depende do objetivo. Se você pretende apenas trabalhar com conteúdo você poderá administrar todas as publicações do site através da construção de páginas, galeria de imagens, páginas de produtos, posts de blogs, entre outro tipos de conteúdo, e também executar agendamento e exclusão dos mesmos.
Também poderá instalar funcionalidades através de instalação de plugins e gerenciar comentários, se ativada esta função no projeto, e até gerenciamento de contas de colaboradores do projeto.
Caso seu objetivo seja a construção de um site, você poderá usar de recursos próprios do WordPress para agilizar seu trabalho e até ativar funcionalidades interessantes na própria interface desta plataforma sem muitas dificuldades. Entretanto você potencializará os seus layouts caso possua conhecimentos em linguagens de marcação, estilização [** Dica: To falando do HTML & CSS  e o melhor é que temos um ebook pra isso, viu! é  clicar no banner que está aí algum lugar desta página :P]  e/ou programação.
Quais recursos o WordPress oferece?

Além das inúmeras funcionalidades que esta plataforma disponibiliza, através de seus temas e plugins, também possui suporte em uma das comunidades mais engajadas que podemos encontrar na web, o que possibilita a você encontrar muitas variedades de soluções para problemas diversos.
Porque você deve aprender a mexer nesta plataforma?
O aprendizado deste CMS é imprescindível nos dias de hoje porquê:

pelo fato do mercado exigir cada vez mais profissionais habilitados nesta plataforma, pela possibilidade de oferecer aos criativos que não lidam com programação uma forma de aplicar funcionalidades através de configurações intuitivas em seu painel de controle;
porque possibilita a profissionais de front-end personalizar temas já existentes através de HTML e CSS e a desenvolvedores criarem temas do zero bastando ter acesso à documentação do WP;
E o principal: como esse sistema possibilita o gerenciamento, seus clientes poderão realizar a atualização dos conteúdos dos sites sem depender de você, bastando que ele seja orientado com as ferramentas de publicação que o WordPress oferece.

Não confunda WordPress.ORG com WordPress.COM

É importante ressaltar que tudo que foi dito até agora foi sobre o WordPress.ORG.
O WordPress.ORG é um projeto que oferece um aplicativo gratuito cujos arquivos você tem a total liberdade para modificá-los. Para que este aplicativo funcione, e você possa mexer na plataforma para construir seu site, você precisa hospedá-lo em um servidor.
Em relação ao WordPress.COM se trata de uma plataforma online, isso quer dizer que você não precisa baixar arquivos de forma alguma para instalar em uma hospedagem. Todos os recursos já vem prontos em uma hospedagem própria da plataforma. Mas possui muitas limitações. Exemplo: para que você ative funcionalidades extras você é obrigado a adquirir planos pagos para isso. Para você ter uma ideia para apenas adicionar um domínio é precisa pagar um plano.
Já com o WordPress.ORG. não existem estas limitações em relação as customizações, e grande parte das funcionalidades que você instala através de plugins é gratuita.
Na palestra eu falo sobre motivos para você utilizar o WordPress e como você pode utilizar o WordPress para a criação de:

Blogs;
Landingpages;
Testes A/B;
Para conseguir tráfego via SEO;
Entre outros.

Além de todas essas possibilidades de criação, deixarei alguns desses motivos aqui em texto para você conferir.
WordPress é fácil para instalar, configurar, gerenciar e manter
Umas das questões que tenho que lidar é administração de tempo. Ah , como é complicado, viu!
Então lidar com uma ferramenta que traga facilidades é um dos pré-requisitos para escolha de um CMS.
Já naquele tempo, quando comecei a rascunhar as primeiras ideias sobre o Chief, ganhar tempo era uma prioridade, afinal só poderia mexer no projeto nos momentos de folga e dedicar o maior tempo com criação de conteúdo e o mínimo com gerenciamento.
Para quem for instalar o WordPress pela primeira vez pode se surpreender se espera por uma instalação complexa. Porque é simples e rápido.
Em questão de configuração e gerenciamento a curva de aprendizagem é curta. E o CMS avisa sobre a necessidade de atualizações que podem ser feitas a um clique.
Caso você queira saber como instalar o WordPress veja este artigo.
E dependendo da hospedagem que utilizar essa ação pode até ser mais simples com instaladores automáticos. Como a Hostnet, por exemplo que tem o seu próprio sistema de instalação focado em WordPress.
É de código aberto

Vista que o Chief era um projeto que estava começando, umas das premissas era atingir os primeiros objetivos com o mínimo de recursos possíveis, ou seja, com pouca audiência prevista nos primeiros meses não se justificava investir em ferramentas caras, servidor dedicado e no que se refere a gerenciador, logicamente, soluções pagas estavam fora de cogitação. Uma solução open source era o que eu buscava.
Pois bem. O WordPress é open source e livre de restrições comerciais e limitações. Você pode baixá-lo e subi-lo no servidor de hospedagem que você escolher e usar da forma que você bem entender.
Possui uma comunidade enorme

Esse lado positivo do WordPress eu enxerguei muito antes mesmo de passar em minha mente em construir um blog sobre conteúdos para Web. Foi quando tive a necessidade de construir um site dinâmico e não sabia por onde começar, que encontrei soluções práticas na grande comunidade que cria conteúdos sobre WordPress, e soube que a partir daí teria respostas para grande parte das minhas dúvidas.
Essa comunidade enorme é consequência de um enorme número de seguidores sedentos por conteúdo. Daí o resultado foi “zilhões” de sites que falam sobre o assunto, um fórum feito especialmente para dar suporte, diversos eventos presenciais sobre o tema pelo mundo e desenvolvedores que criam temas e plugins para o WordPress.
Sabendo disso antecipadamente tive a certeza que o Chief estaria bem amparado.
Lógico que tem muita coisa espalhada na web e que você tem que angariar com paciência, ou optar por treinamentos como o meu curso Web Designer Pro, que possui módulos organizados sobre esse assunto.
Além da comunidade Web, também existem eventos presenciais da comunidade como palestras, workshops e meetups. Inclusive o meu primeiro WordCamp foi o de 2016 aqui em São Paulo. Duvido você me encontrar na foto abaixo

E
Ele é amigável para os mecanismos de buscas
Ter um site “encontrável” é objetivo para qualquer projeto, independente da ferramenta que você desenvolve. Você pode criar um site estático somente com HTML e CSS, mas sua preocupação com SEO deve estar presente.
De nada adiantaria escolher um CMS para o Chief, por melhor que ele seja, que não fosse amigável aos mecanismos de buscas. E WordPress é bem-conceituado neste quesito.
Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Sem contar que você pode instalar uma funcionalidade através de um plugin gratuito chamado Yoast SEO que facilita e muito sua vida, provendo vários aspectos de SEO em seus sites.
Não abro mão deste plugin no Chief. Se você quiser saber mais sobre plugins importantes para o seu site em WordPress, sugiro que leia este outro artigo do aqui do blog.
WordPress é muito mais que um gerenciador para blogs
Já passou da época em que o Worpdress era um ótimo gerenciador de blog. Na verdade, ele é um CMS completo para todos tipos de sites. Basta a instalação de alguns plugins e você já tem uma loja virtual ou uma rede social.
Enquanto projetava o Chief of Design, vislumbrava o que mais um gerenciador de conteúdo poderia prover se eu quisesse oferecer de forma diferente os meus conteúdos. De repente poderia me ver com a necessidade de fornecer aos meus seguidores uma área de membros, poderia necessitar de algum recurso que me ajudasse a conquistar leads, etc.
Hoje em dia, boa parte destes recursos são realidades mesmo que através de plugins premium (pagos). O que faz que eu tenha uma melhor interação com meus seguidores além da interface do blog.
O WordPress possibilita a integração, desde que você adquira ferramentas corretas,desde criados de landingpages, áreas de membros até com ferramentas de e-mail marketing, por exemplo.
Interface de administração intuitiva

Está aí uma coisa que gosto muito no WordPress. A interface administrativa deste CMS é muito boa. O que faz que em pouco tempo usuários comuns possam gerenciar seus projetos.
A interface é intuitiva, fácil de usar e de acessar dados.
Acredito que esse é um os diferenciais do WordPress que você pode levar em consideração na hora de escolher um CMS.
Afinal, grande parte (ou praticamente tudo) das ações que um cliente realizará em um site dinâmico, construído por você, será na área administrativa. E o WordPress manda bem no que se refere ao Design de interface de usuário.
O WordPress possui ótimos temas modernos e responsivos

Existe uma gama de desenvolvedores que constroem sites adaptados para diferentes resoluções de telas. Isso já esperado quando comecei a descobrir o WordPress, tanto que quando comecei o Chief sabia que encontrar um bom tema responsivo não seria problema.
Claro que tendo conhecimentos em CSS, você poderá trabalhar ainda mais a responsividade de seus sites (sobre personalização vou falar mais à frente). Foi o que eu fiz no tema que o Chief usa atualmente.
O WordPress possui uma ferramenta de busca que possibilita encontrar diversos temas. Possui até filtro por características. Mas caso não encontre nos gratuitos o tema o ideal para  você, pode optar por temas pagos como os do site themeforest.
O WordPress possui plugins que são uma mão na roda

O WordPress foi criado para ser estendido. E esta forma de extensão é gerada pelos chamados plugins. A comunidade web aderiu a esta possibilidade e por isso que desenvolvedores em todo mundo criam funcionalidades extras, a todo tempo, que são adicionadas ao núcleo do gerenciador.
Pensou em uma funcionalidade para seu site? A chances de Worpdress ter um plugin que supre essa necessidade é grande.
Reconheço que outros CMSs, como o Drupal e o Joomla, dispõem de extensões como os plugin do Worpdress, mas a disponibilidade e variedade do WordPress é impressionante.
Existem alguns plugins que são tão bem classificados que dificilmente imagino o Chief sem alguns deles.
São plugins para SEO, segurança, performance, redes sociais, formulários, entre tantas funcionalidades que fico pensando o que seria de mim se tivesse que desenvolver tudo isso. Com poucos cliques você instala e ativa e, se precisar, realizar algumas configurações.
Obs.: Só não abuse no uso de plugins para não diminuir a performance de seus sites.
Altamente personalizável
A minha preocupação na hora de construir os meus projetos era se com apenas o domínio de HTML e CSS e fuçando na documentação do WordPress, seria possível personalizar um tema, que baixei na web, a partir do código inserindo campos e seções e personalizando o layout. E a resposta foi sim, tanto que visualmente o blog do Chief é muito diferente do tema original.
Esta personalização é feita através de temas filhos, assunto que poderemos abordar no futuro.
Se você manja de PHP você poderá ter um domínio ainda maior da personalização, pois grande porcentagem da parte funcional de um tema WordPress é formada por arquivos com extensão .php.
É possível também que você faça uma personalização mais abrangente se você dominar a criação de temas raiz ou a partir de um framework para ganhar mais tempo, como por exemplo o framework Odin, desenvolvido pela comunidade brasileira de WordPress.
Temas a partir do zero, temas a partir de frameworks e temas filhos são as formas que possibilitam um projeto altamente personalizável. Todavia ainda existe uma forma que possibilita uma menor de customização, que é através da customização do tema. Essa personalização varia de tema para tema e não mexe de forma efetiva com códigos.
Dependendo do tema é possível alterar a cor de fundo, a imagem de cabeçalho, inserir logo, inserir widgets e até mexer na tipografia.
Em comparação com os outros métodos citados anteriormente ele é bem inferior, porque não permite mexer de forma efetiva e profunda no layout.
 Por que você deveria usar WordPress em seus sites?
Acredito que você já tenha percebido o potencial do wordpress e que utilizá-lo é uma ótima escolha se precisas de sites dinâmicos.
O WordPress pode trazer boas vantagens como: facilidade de instalação e gerenciamento, uma comunidade disposta a oferecer os melhores conteúdos de suporte, um site otimizado para os mecanismos de buscas, funcionalidades extras e temas diversos e a possibilidade de customização. Tudo isso já seria suficiente para aderir a este CMS.
Considerações Finais
Como apresentei na palestra no WordCamp SP 2018, o WordPress pode ser uma ótima ferramenta em suas estratégias de marketing digital.
Se você trabalha com marketing e conteúdo, pode testar esse CMS, você não vai se arrepender. E quem sabe a gente se encontra em algum WordCamp, né?
Deixe o seu comentário ou dúvida abaixo. Fique à vontade!
Forte abraço.
Até Mais.
The post WordPress como Ferramenta de Marketing Digital appeared first on Chief of Design.

WordPress como Ferramenta de Marketing Digital
Fonte: Chef of Design

Andrei Gurgel – UXlab – Entrevista🎙 Na mesa do Chief

19 de outubro de 2018

Andrei Gurgel – UXlab – Entrevista🎙 Na mesa do Chief

Eae, tudo bele?
Hoje trago mais um super conteúdo para você. Fiz uma entrevista com o Andrei Gurgel do canal UXlab.
O Andrei é UX/UI Designer dono do canal UXlab, onde ele compartilha conteúdo sobre design de uma forma geral e, principalmente, UX Design.
Nesse bate-papo nós conversamos sobre UX Design, sobre o mercado, Design de Interface, Web Design e UX Design além de dicas para você iniciar na área, como estudar, quais livros pesquisar e etc.
O assunto UX Design está muito em voga, muitos designers gráficos, inclusive, veem no UX uma possibilidade de projeção profissional e melhores ganhos. E isso não é à toa, afinal UX é um assunto muito importante para qualquer empresa independente do serviço ou do produto.
E cada vez mais as empresas estão percebendo isso, por isso, estamos vendo cada vez mais vagas para UX Designers. Por isso sugiro fortemente que você assista o vídeo abaixo.
Então pega o café, se acomoda e curte o vídeo. Confira abaixo a entrevista completa:

Conheça o trabalho do Andrei Gurgel do UXlab:
Andrei Gurgel é Mestre em Design pela UFRN (2014) e trabalha como Designer com foco em interação desde 1997, desenvolvendo desde então diversos projetos de interfaces digitais para empresas no Brasil e no exterior.
Desde 2016, inspirado no seu dia-a-dia como Designer Freelancer, produz conteúdos relacionados ao Design para o canal UXlab no YouTube. Atualmente trabalha como Product Designer (UX e UI) na Toptal e é propagador da Cultura Remota.
Youtube: https://www.youtube.com.br/uxlab
Instagram: https://instagram.com/uxlab.cc
Twitter: https://twitter.com/andreigurgel
O que você achou do vídeo?
Se  gostou do vídeo deixe o seu comentário abaixo! Isso é muito importante para continuarmos com o nosso trabalho e melhorarmos cada vez mais.
Ajude nosso canal curtindo e compartilhando com seus amigos o vídeo.
CLIQUEI AQUI e se inscreva no Canal do Chief e fique por dentro das novidades.
Forte abraço.
Até Mais.
The post Andrei Gurgel – UXlab – Entrevista🎙 Na mesa do Chief appeared first on Chief of Design.

Andrei Gurgel – UXlab – Entrevista🎙 Na mesa do Chief
Fonte: Chef of Design

Jakeliny Gracielly – Entrevista🎙Na mesa do Chief

4 de outubro de 2018

Jakeliny Gracielly – Entrevista🎙Na mesa do Chief

Eae, tudo bele?
Hoje trago uma entrevista com a desenvolvedora Jakeliny Gracielly, do FCamara.
Além de desenvolvedora a Jake também é palestrante de tecnologia e participa da organização de Meetups como o Nerdzão, o NerdGirls e o WordPress SP.
Essa entrevista é diferente, pois foi gravada pessoalmente, AO VIVO literalmente, feito na empresa FCamara.
Nesse bate-papo nós conversamos sobre mercado de tecnologia, faculdade de tecnologia, posicionamento profissional entre outros assuntos. E também falamos sobre como é o mercado de tecnologia para mulheres. É fato que existem muito menos mulheres nesse segmento, por isso uma parte importante do vídeo é justamente sobre esse assunto.
Então senta, relaxa, pega um café e assista abaixo essa super entrevista.
Entrevista: David Arty e Jakeliny Gracielly

Conheça a Jakeliny Gracielly
Líder de desenvolvimento na FCamara e decodificadora da Matrix. Analista de sistemas e técnica em programação, trabalha há 5 anos em projetos de tecnologia e desenvolvimento. É co-organizadora de comunidades (WordPress São Paulo, Nerdzão e FC Tech), entusiasta de cyber security e inteligência artificial.
Siga a Jakeliny Gracielly:
Site: https://jakeliny.com.br/
Medium: https://medium.com/@jakeliny.gr
Twitter: https://twitter.com/jakelinygr
Instagram:
https://www.instagram.com/jakelinygracielly/
Gostou do vídeo? Eu gostei
Espero que o vídeo tenha sido útil para você, que você tenha gostado e que te ajude de alguma maneira, agregando conhecimento e informação para você seguir a sua trajetória profissional.
Aproveite que está aqui e deixe o seu comentário abaixo!
E não esqueça de ajudar o nosso canal curtindo e compartilhando com seus amigos o vídeo.
CLIQUEI AQUI e se inscreva no Canal do Chief e fique por dentro das novidades.
Forte abraço.
Até Mais.
The post Jakeliny Gracielly – Entrevista🎙Na mesa do Chief appeared first on Chief of Design.

Jakeliny Gracielly – Entrevista🎙Na mesa do Chief
Fonte: Chef of Design

Web designer vs Front-end

14 de setembro de 2018

Web designer vs Front-end

Eae, tudo bele?
Web designer vs Front-end? O que faz um Web Designer e um Front-End? Quais as diferenças e semelhanças?
Essa dúvida é bem recorrente para os iniciantes e muitos acabam confundindo cada área e o que cada profissional faz. Por isso gravei um vídeo (ao final deste artigo) sobre o tema. Mas antes de você~e assistir ao vídeo (não ouse sair deste artigo sem ver o nosso vídeo, viu!) eu explicarei aqui mesmo neste artigo com detalhes sobre cada tópico.
Vamos nessa?
O que faz um Web Designer?

De forma sucinta, um Web Designer é um profissional que executa design para web. Por isso para compreendermos melhor sua função temos que conhecer o conceito de web design. Veja a seguir:
“Web design é uma área que executa processos que envolvem o planejamento, a criação e a manutenção de interfaces para websites, aplicações web e interfaces digitais em geral, levando em conta a arquitetura de informações, a navegação, a usabilidade e demais aspectos que devem envolver fundamentos de Design.”
Logo um Web Designer planeja, cria e mantém interfaces digitais para web considerando aspectos importantes do Design.
Precisa ser Designer para trabalhar com Web Design?
Se formar Designer será um diferencial para quem pretende criar interfaces para web, porém não acredito ser o primeiro caminho que você deva tomar levando em conta que muitos bons profissionais nem possuem essa formação.
É possível, portanto, se tornar Web Designer sem cursar Design Gráfico. Basta que você utilize todos os meios possíveis para aprender os conceitos de Design.
Pessoas trabalhando, conversando e sorrindo em uma reunião no escritório Por Morrowind /Shutterstock
Web Design é uma área que deriva em suma do Design gráfico, lógico que com suas particularidades que se refere a aplicação para dispositivos web, mas os principais conceitos, como Teoria das cores, Tipografia, Gestalt, Grid, Imagens, entre outros, são presentes para essa área.
Então você tem diferentes possibilidades de aprender esses conceitos. Você pode aprender em:

cursos onlines ou presenciais,
lendo livros,
consultando a web,
em contato com outros profissionais,
em congressos e palestras, etc.

Mais tudo isso só será tão forte quanto cursar uma faculdade se você pôr em prática no dia-a-dia.
Vale ressaltar que um curso superior em Design sempre será bem-vindo. A questão é que ele somente não é o suficiente para te tornar um profissional da área e nem tão pouco um Web Designer de sucesso.
O que é um Front-end?
É um profissional que trabalha com HTML, CSS e JavaScript, basicamente. Ele trabalha com a parte que o usuário “vê “na tela. É a “parte da frente” do site. Ele é responsável pelo “meio de campo” entre o usuário e o Back-End.
Caso não saiba o que é Back-End, trata-se do desenvolvedor ( ou programador) . Ele trabalha com, por exemplo, PHP, ASP, Java, entre outros. O “dev” trabalha com a parte que o usuário ” não vê “na tela. É a “parte de trás” do site.
Web designer vs Front-end?
Como vimos o Web Designer cuida da criação da interface gráfica, já o Front-End da codificação que tornará possível que a interface gráfica, feita no Adobe XD, Sketch ou Photoshop, por exemplo, seja acessada e utilizada.
Um layout em algum programa gráfico, como o Adobe Photoshop, é algo estático. Trata-se apenas de uma imagem. Então para que aquela interface se torne realmente algo utilizável com possíveis ações pelo usuário (como clicar em um botão, por exemplo) quando é implementado com códigos. Esses códigos sãos, no mínimo, HTML e CSS.
O profissional que faz essa implementação é o Front-End. Logo para isso ele utilizará de linguagens web como HTML, CSS e Javascript.
Para CSS e JavaScript existem várias bibliotecas e frameworks que muitos profissionais se especializam como: Angular, Bootstrap, Jquery, Sass, VueJS, entre outros.
Portanto, cada profissional tem seu papel dentro de um projeto de uma interface gráfica. Tanto o Designer, que planejará e construirá uma interface a fim de facilitar a utilização do sistema (e não só facilitar, mas também deixar mais bonito, por que não?) o Front-End developer será o profissional responsável por tornar realidade(realidade virtual no caso rsrsr) as funcionalidades e o todo o layout planejado e estruturado pelo Designer.
São áreas que se complementam, pois toda interface gráfica (ou quase todas) precisa de um Design, mas para esse Design funcione ele precisa ser implementado no código. Portanto um depende do outro e vice e versa. É óbvio que um site pode ser feito apenas por um Front-End, mas falando de sites profissionais e com objetivos comerciais e de comunicação, o Design se faz muito importante. Existem pesquisas que apontam que pessoas saem do site caso o layout não seja agradável, pois pode transparecer que a empresa é desleixada, que não é confiável ou até mesmo que é uma empresa antiquada.
Caso esteja a fim de fazer um curso online sobre Web Design e que também tem matérias de front-end como CSS3, HTML,CSS Flebox e CSS grid layout, WordPress, entre outros, eu te indico o nosso curso de Web Design: o Web Designer PRO (clique aqui para saber mais).
O curso é 100% online. Os conteúdos são disponibilizados em uma plataforma 24 horas no ar, sendo que você pode assistir as aulas a qualquer hora e qualquer lugar que tenha um dispositivo com acesso a internet. O acesso é ilimitado, você pode ver e rever as aulas quantas vezes achar necessário.
Já são mais de 100 vídeo aulas na plataforma divididas em módulos. A grande maioria do conteúdo está disponível em vídeos e contempla aulas teóricas e práticas com exercícios e exposições de temas sobre web design e outros relacionados. São também disponibilizados materiais extras para download que complementam as vídeo-aulas.
Como complemento das aulas oferecemos tarefas específicas para que observar o processo de seu desenvolvimento criativo.
Também disponibilizamos na plataforma um campo para você expor suas dúvidas.
Então se quiser saber mais sobre o curso, é só acessar http://www.webdesignercursos.com.br/
Vídeo Web designer vs Front-end?
Abaixo segue o vídeo que gravei para falar sobre esse tema. Nele falo sobre o que cada profissional faz e as diferenças entre cada área. Assista e confira:

Então é isso, Galucho! Se você gostou desse vídeo deixe o seu like e compartilhe com seus amigos eu tiverem interesse
E não esqueça de se inscrever em nosso canal no Youtube [CLIQUE AQUI ]
Deixe a sua opinião, dúvida e/ou experiência na área de Web design, nos comentários abaixo, bele?
Até mais.
Forte abraço.
Até mais.
The post Web designer vs Front-end appeared first on Chief of Design.

Web designer vs Front-end
Fonte: Chef of Design

12345