Posts

Desenvolvimento de Sites Curitiba - Conteúdo

Sabe como fazer para que o tempo de desenvolvimento de seu site fique otimizado e o resultado saia melhor do que o esperado? Planeje com antecedência o conteúdo do seu site. Funciona assim: quando uma empresa contrata o serviço para fazer um site, nós da Exacta temos que fazer um briefing levando em consideração os seguintes aspectos: layout (forma do site), menus, conteúdo textual e de imagens, navegabilidade etc. Então, para agilizar seu serviço e torna-lo o melhor possível (e antecipando as reuniões para definir o produto final), é importante que o cliente saiba de antemão o que deseja pôr ou não no site. Assim, otimizaremos o seu tempo e o produto ficará exatamente da forma como imagina. Nesse texto, vamos passar algumas dicas para planejamento em cada parte do desenvolvimento de seu site.

Layout

O layout é a “forma” do site, o design que será exibido quando o usuário digitar o nome da sua empresa na barra de endereços. Dependendo do tipo de site (mais informações, mais produtos etc), o layout terá mais ou menos menus e colunas, assim, o empregador tem que ter uma visão estratégica de quantos menus o site conterá. A ideia é que cada setor de especificidade da sua empresa contenha um menu. Por exemplo, se você tem uma loja de carros, os menus podem diferenciar os carros novos de seminovos, ou ainda dividir os automóveis pelas marcas que os distinguem. Dessa forma, os menus abrigam produtos específicos, facilitando também a navegabilidade do site para o seu cliente que nele entrará. A dica é desenhar o layout em uma folha de papel (ou mesmo no Paint do computador), para que seja formada uma visão conceitual do projeto.

Outra coisa muito importante é ter uma ideia de grupo de cores que serão usados no seu site. Nesse aspecto, geralmente se utiliza uma gama de tonalidades de acordo com o logotipo da empresa, e tons parecidos ou contrastantes. Ou seja, se o logotipo da sua empresa é azul e branco, e você deseja que o background (“plano de fundo”, em tradução livre) de seu site seja azul claro, o tom do texto a ser utilizado pode margear entre um amarelo, verde claro, branco e preto. Normalmente se utiliza o preto, pois é a cor de fonte mais utilizada e também a melhor lida pelas pessoas. A explicação para isso é que se a cor for muito contrastante com a cor de fundo, a fusão de tonalidades pode prejudicar a leitura do texto.

É por isso que, na maioria das vezes, utiliza-se um background branco e cores pretas, com os menus ostentando cores diferentes. Mas isso não é uma regra, pois determinados seguimentos prezam mais pelo apelo estético e conceitual do site, assim, é importante que o cliente tenha uma ideia das cores do site para trabalharmos sobre isso. Uma dica nessa parte é olhar o círculo cromático com as tonalidades e suas cores adjacentes e contrastantes, assim o cliente saberá escolher melhor suas cores.

Conteúdo textual e de imagens

A parte de conteúdo é a mais complexa em toda criação de sites, pois algumas vezes a empresa não tem o conteúdo que ela imagina para seu site ou tem material insuficiente para ser utilizado. Mas vamos falar primeiro do conteúdo textual. A empresa tem pouco conteúdo textual para o site quando ela cria menus que desconhece o conteúdo deles. Isso acontece quando a contratante faz uma projeção de um novo serviço ou produto a ser oferecido, mas acaba (por falta de tempo ou organização), não dispondo de muitas informações para fornecer no período de desenvolvimento. É importante, então, ter esse conteúdo de forma completa, acabada e revisada, sem erros de português.

Em outra ocasião, a empresa não tem o conteúdo que pensa dispor. Isso pode acontecer por dois motivos: ela está expandindo seus serviços e não tem nada pronto ainda sobre suas novas atividades; ou ela está surgindo e não tem seu leque de atividades consolidado. Nos dois casos o ideal é que a empresa trabalhe para desenvolver esse conteúdo textual, desde o mais básico (“Quem somos” ou “A Empresa” etc), até os mais específicos (serviços e atividades oferecidas). A falta desses materiais torna o site carente de informações básicas para a navegabilidade do usuário.

Quanto ao conteúdo de imagens é extremamente importante que a empresa tenha um banco de imagens (ou crie um), para que as fotos possam ser transferidas, redimensionadas e colocadas no novo site. Quanto às imagens, é preferível que elas sejam leves, sejam identificadas e não possuam imperfeições (rabiscos, mal enquadramento, datas escritas etc). O “peso” da imagem na internet é importante para acelerar o carregamento de seu site, ou seja, se seu site tem imagens muito pesadas, com muita resolução ou detalhes, o texto carregará, mas não toda a página. O resultado é que espaços em branco surgirão entre o texto ou em locais específicos, então o usuário que está acessando o site pode não gostar disso e, sem tempo, abandonar o site. Isso acontece porque a conexão mais lenta de alguns usuários dificulta o carregamento completo dele e, se a pessoa não tiver mais disponibilidade, ela acaba abandonando-o.

Munidos dessas informações prévias de layout, conteúdo textual e de imagens, o trabalho para desenvolvimento do site fica otimizado e preciso, pois terá muito mais chances de sair exatamente como o cliente imaginou. A outra grande característica é acelerar o próprio andamento do site, pois, com todo o material à disposição, fica mais rápido fazer as provas para que o cliente aprove o projeto.

 

Lojas virtuaisO comércio eletrônico, ou e-commerce, beneficiou-se da popularidade da internet e da evolução dos meios de pagamento online para se tornar uma ótima opção para empresários, novos ou experientes, que procuram expandir sua oferta de clientes. Assim, o país experimenta um alto índice de empresas que abrem suas portas para o mercado online junto com um crescimento vertiginoso no número de transações efetuadas somente pela internet. Em 2014, os dados apontam que 63 milhões de consumidores fizeram ao menos uma compra pela internet, 11,6 milhões a mais do que no ano anterior, e o valor médio da transação ficou em R$ 333,40. Em 2015, a projeção é animadora e instiga muitos empresários em abrir uma loja online, mas o novo desbravador desse campo tem que estar ciente de suas qualidades e dilemas por resolver.

Qualidades do comércio digital

– Você não precisa ter uma loja física – Essa talvez seja uma característica assertiva para que pequenas e médias empresas vendam seus produtos direto na internet, pois considerando o valor de imóveis e o capital inicial de um novo empreendimento, é uma ótima estratégia vender os produtos online, manter um capital de giro e criar uma reserva destinada à compra de um local físico para expansão e melhora do negócio;

– Aberta 24h por dia, 7 dias por semana – Outra característica que  agrada quem se aventura pelas lojas virtuais é o fato de ela não fechar as portas após o horário de trabalho ou em feriados. Ou seja, não importa que horas o seu cliente encontre seu link para comprar o seu produto, ele vai conseguir efetuar a compra e conseguir sua mercadoria. Esse fator é muito importante porque considera o teor dinâmico e aleatório dos clientes e da evolução tecnológica, pois usuários acessam lojas online enquanto estão nas mais diversas ocupações ao longo do dia, tudo através de um smarthphone ou tablet. Conectividade é uma lei;

– Não requer deslocamento do cliente – Assim como a característica anterior, o fato de não exigir o deslocamento do cliente para efetuar uma compra cria um fator positivo que transfere ao usuário um bem estar na hora de efetuar uma transação online. Dessa forma estamos dizendo ao cliente que “o seu tempo é precioso”, e criando um hábito para que ele acesse e compre em qualquer horário do dia ou da noite;

– Alto potencial de crescimento e lucro – O fato de as empresas migrarem para o comércio digital segue a tendência do aumento exponencial das transações nesse setor, afinal é um bolo ao qual todos os empresários querem um pedaço. O crescimento desse setor está ligado há 3 fatores principais: o cliente se sente seguro ao comprar online; o cliente consegue comparar marcas e lojas antes de efetuar a compra e se sente mais confortável por isso; mesmo as pessoas que não confiavam nesse comércio, começaram a utiliza-lo e divulgar boas experiências comprando online, o que demonstra um novo comportamento do consumidor. Com esses clientes satisfeitos por fazerem negócios online, eles optarão por utilizar esse serviço mais vezes, pois pensarão duas vezes antes de sair de casa para efetuar uma compra. Adicione isso à evolução tecnológica de smarthphones e tablets e entenderá o porque dos especialistas estarem otimistas com o comércio online;

Dilemas para quem aposta em Lojas Online

– Formas de pagamento – A primeira preocupação para quem abre uma loja online é quais formas de pagamento disponibilizarei para o meu cliente. Boleto bancário? Cartão de Crédito? Débito? A melhor opção, é claro, é oferecer todas elas, mas, dependendo do banco e da operadora de cartão utilizada, as taxas e o tempo exigido para receber o pagamento podem frustrar as expectativas de oferecer essa variedade. Assim, é mister investigar entre as operadoras de cartões e bancos as melhores opções ao contratar esses serviços.

– Frete para envio de produto – Após escolhida a(s) forma(s) de pagamento(s) e com a ideia de produtos que serão vendidos a questão do frete passa a ser outro ponto de questionamento. Os desafios mais comuns envolvem produtos que são muito largos ou altos (pois podem facilmente amassar ou envergar), e as mercadorias pequenas e frágeis. Nos dois casos, a espessura da embalagem e o tamanho dela tem que ser levados em consideração para que o envio, e os potenciais problemas de manuseio, não façam com o que o cliente receba um produto já machucado ou com ranhuras. Uma resposta rápida englobará o sistema de entrega dos Correios, mas essa não é uma regra, afinal dependendo do tipo e da embalagem da mercadoria um serviço terceirizado pode melhorar a experiência de quem recebe o produto em casa;

– Ter ou não ter estoque? – Essa pergunta também gera certo debate porque estoque também significa que a qualquer momento uma boa promoção pode alavancar a audiência online de sua empresa. Em paralelo, quem entra na sua loja online por causa de uma promoção pode muito bem navegar entre seus produtos e comprar outro que não tinha imaginado. Por outro lado, o fato de algumas lojas virtuais não terem sede física dificulta a formação de estoque, o que pode diminuir a chance de promoções. A dica é comparar as rentabilidades para com ou sem estoque alternando meses (se possível) entre uma ou outra estratégia. Entretanto, essa dica pode não ser válida para todos os setores do comércio, por isso é essencial uma boa pesquisa de mercado para justificar a formação ou não de estoque.

– Marketing e divulgação – Como o cliente encontrará a sua loja virtual? Felizmente, para essa questão, existem serviços de publicidade paga como o Google Adwords (a Exacta oferece essa consultoria), que fazem o seu produto chegar exatamente ao cliente que você procura. Entretanto, além disso, é essencial que o seu site seja otimizado (a Exacta oferece esse serviço) e esteja na primeira página do Google para ser mais visualizado por quem procura seu produto. Em adicional, variando de produto para produto, há estratégias de divulgação com foco em blogs de consumidores satisfeitos, blogs de análise de produtos, grupos de Facebook etc. Enfim, o marketing digital faz diferença na hora do seu site ser encontrado e deve ser um pilar a ser trabalhado ao desenvolver sua loja virtual.

Junto com essas qualidades e dilemas, é essencial um bom planejamento de mercado; o empresário de lojas virtuais tem que considerar as qualidades de seu produto, os diferenciais, e conhecer os hábitos de seus clientes para posicionar muito bem o seu serviço na internet.

 Se você tem perguntas sobre o tema fale com a Exacta que prestaremos a consultoria que você necessita.

 

Tutorial de uso do WordPressWordPress talvez seja o CMS (Content Management System), ou seja, Sistema para Gerenciamento de Conteúdos, mais utilizado no mundo graças à sua facilidade de uso, design atraente e seus recursos quase ilimitados. Esse aplicativo passou a ser conhecido no mundo em 2003 e, ano após ano, aperfeiçoou-se ganhando novas versões e mais usuários para agradar. Atualmente estamos na versão 4.1, também chamada de Dinah, e esse Tutorial ensinará como utilizar o WordPress para gerenciar o seu site ou blog. Leia atentamente e aprenda.

Início, Painel Central e Menus

Para utilizar o painel do WordPress, primeiro você tem que encontrar o “Admin” de seu endereço online. Geralmente o endereço para o painel administrativo do seu site estará no domínio “http://seusite.com.br/wp-admin”. Digite o endereço na sua barra do navegador e logo será conectado no portal de acesso ao seu site. Após colocar o login e a senha, surgirá o Painel Central de gerenciamento de seu site.

Tela de login do WordPress

Tela de login do WordPress (Clique para ampliar)

 

Vamos dividir o Painel Central em três partes distintas: a primeira, à esquerda, são os menus para uso; a segunda, no meio, traça um breve resumo do seu site/blog e mostra os últimos comentários que você recebeu; a terceira, à direita, exibe um atalho para criar rascunhos de seus posts e, logo abaixo, notícias sobre as últimas atualizações do WordPress. Assim, vamos entender inicialmente os menus à esquerda, são eles:

Posts: São as publicações de seu site/blog. Um post pode conter texto, imagens, som, vídeos e outras coisas. Em alguns casos os Posts podem ser traduzidos como “Artigos”;

Midia: Menu que abriga suas fotos e arquivos de vídeo. Há a possibilidade de criar “Bibliotecas” para facilitar o encontro de foto ou vídeo específico;

Pages (Páginas): As páginas são parecidas com os posts, mas com uma diferença primordial – as Páginas são estáticas, e os posts ficam em constante alternância. Assim, os links para as Páginas normalmente estão destacados em um site como menus. Para entender melhor imagine que em um site de notícias há um menu somente para notícias esportivas com o título de “Esporte”. Nesse caso, o “Esporte” é a página, e as notícias dentro dele são os Posts. Essa diferença é importante e será retomada logo em seguida.

Comments (Comentários): Aqui você encontra os comentários postados em seu site. É recomendável colocar que os administradores do blog/site vejam os comentários antes deles serem publicados, assim evita-se linguagem ofensiva tanto ao conteúdo quanto aos outros usuários online.

Appearance (Aparência): Esse menu permite ao usuário criar um ambiente de navegação customizado para o tema que escolheu. Assim, ele pode alterar a ordem de menus e otimizar suas ações;

Plugins: À semelhança dos aplicativos para smarthphones, os Plugins são funcionalidades específicas para ações que os usuários querem que seu site/blog execute. Sabe aquele relógio analógico que aparece no site de notícias? Ou o contador que exibe quantos usuários estão online naquele momento junto com você? Esses são exemplos de Plugins, e nesse menu de mesmo nome você pode desligar, ligar ou excluí-los de seu site/blog;

Users (Usuários): Nesse menu você pode habilitar outros usuários para que tenham acesso ao seu blog/site. O WordPress não permite que duas contas distintas acessem ou editem o mesmo conteúdo, assim, se o seu site/blog possuir mais de um colaborador e você entrar em determinado post que a outra pessoa está editando, você a desconectará automaticamente. Esse menu também edita as preferências individuais dos usuários, tais como Nome, Informações biográficas e contato. Posts no WordPress levam a assinatura de quem os publicou. Para criar um novo usuário basta clicar no menu “Usuários”, depois “Adicionar Novo” e depois seguir os passos indicados;

Tools (Ferramentas): São parecidos com os plugins, mas enquanto a maioria dos plugins é visível aos usuários do site/blog, as ferramentas possuem mais funcionalidades auxiliares, tais como otimizar o carregamento do site/blog, mostrar onde os usuários clicam, melhorar a funcionalidade de seu tema etc. Ou seja, as ferramentas contém propósitos mais direcionados ao administrador do site/blog do que ao visitante;

Settings (Configurações): No menu Configurações você edita todo o funcionamento de seu site/blog. É possível controlar tudo que é exibido, como títulos, palavras-chave, idiomas etc;

Collapse Menu (Recolher Menu): Recolhe os títulos dos menus à esquerda e exibe somente o ícone deles.

Divisões do Painel Central

Divisões do Painel Central (Clique para ampliar)

 

Edição e primeiras postagens

Após a familiaridade com os menus vamos pôr a mão na massa, ou seja, escrever. Mas como fazemos isso? Primeiro de tudo, vá no menu “Perfil” e edite suas informações para que as pessoas te conheçam. Nesse ponto você me pergunta: onde coloco a foto de perfil? Para resolver isso você deve se cadastrar no Gravatar (www.gravatar.com), que funciona como um site que une sua imagem ao seu perfil sempre que você escreve ou comenta em um blog/site que utilize o sistema WordPress (o que são muitos). No Gravatar também podemos colocar mais informações individuais. Configurado o Perfil, vamos acessar agora o primeiro menu à esquerda, Posts, e criar nossos artigos.

Clicando no menu Posts, a área de trabalho vai ser preenchida com os últimos posts de seu site. Se você estiver publicando seu primeiro material nada aparecerá, mas não se preocupe, pois em seguida você irá clicar em “Adicionar Novo” (no alto à esquerda) para criar seu primeiro post. Após clicado, surgirá a página de postagens em branco esperando suas informações, então vamos por partes.

Novo Post (Clique para ampliar)

Novo Post (Clique para ampliar)

Com o layout simples e funcional do WordPress fica fácil para prosseguir. Primeiro coloque o título no alto, e, na área em branco inferior, coloque o texto bruto para depois partir para a edição do mesmo. Para isso você estudará a barra de ferramentas textuais que estão logo acima da área de texto. Passe o mouse em cima dos ícones e logo o nome da função aparecerá. Assim, escolha a letra ideal, o tamanho, edite como desejar, e se o texto tiver fotos, clique no ícone com o desenho de uma câmera fotográfica para “Adicionar Mídia”, ou seja, colocar fotos ou vídeo. Clicando lá, abrirá uma janela para receber o arquivo que irá compor o texto que está escrevendo. Atenção para os submenus superiores e laterais dessa janela.

Aqui, os principais são os menus laterais, pois eles alteram a função dos menus superiores. Ou seja, a primeira opção “Inserir Mídia”, pergunta de onde virá seu arquivo e dará duas opções: o primeiro é para arquivos oriundos do seu computador; o segundo é o submenu “Biblioteca de mídia” que exibe os arquivos previamente utilizados por você. O segundo submenu lateral, “Criar Galeria”, também recebe seus arquivos, mas com o propósito de criar uma galeria para facilitar a posterior procura (algo recomendável para sites/blogs com muito conteúdo). O terceiro submenu lateral “Configurar Imagem Destacada”, serve para configurar uma imagem especial que será exibida como referência para o texto. Geralmente todos os temas de WordPress exibem uma imagem em miniatura que está presente no texto, essa é a Imagem Destacada. Utilize-a como uma imagem especial que chame o leitor ao texto. Ao colocar a imagem surgirá uma caixa lateral direita onde o usuário pode configurar uma legenda específica para a imagem, entre outras funcionalidades. Em seguida clique em “Inserir no Post” e a imagem surgirá em sua área de edição de texto.

Colocada a imagem, você pode usar as ferramentas de edição de “Alinhar à esquerda” e “Centralizar”, para editar sua imagem. Agora ponha seus olhos nas duas abas que aparecem à direita, “Visual” e “Texto”. A diferença entre elas é que em Visual você verá seu post à maneira que ele será exibido em seu site/blog; em Texto, você encontrará códigos HTML, que pode ser usado por usuários mais experientes para implementar comandos extras à edição textual. É por isso que ao clicar na aba Texto as ferramentas de edição de texto mudam, exibindo opções baseadas em comandos HTML. Assim, com o trabalho dessa parte finalizado, retorne à aba de Texto para configurar as tags de sua matéria.

Nesse ponto seu post já deve estar configurado com imagens, algumas palavras em negrito, itálico, enfim, editado como deseja, então falta agora configurar a categoria ao qual seu post pertence e as tags de importância para a matéria. Vamos aos poucos. No menu à direita, a primeira caixa mostra a informação “Publicar”, para confirmar suas alterações e publicar o texto no seu site/blog. Mas, antes disso temos que dizer ao WordPress em que categoria ele será exibido. Entenda as Categorias (a segunda caixa de diálogo no menu à direita), como os menus de seu site. Assim, quando você escolhe a categoria de seu post, você está dizendo ao WordPress em qual menu aquele post tem que ser exibido. Como naquele exemplo acima do site de notícias com conteúdo para esportes, ao escrever uma matéria sobre esportes, o administrador marcaria a opção “Esportes” no menu das Categorias e imediatamente o post será exibido no menu Esportes do site. Então marque as caixas ao lado das categorias e fixe seu post à Categoria adequada.

Visão à direita (Clique para ampliar)

Visão à direita (Clique para ampliar)

Abaixo da configuração de Categorias encontra-se a caixa onde serão registrados as tags para sua postagem. As tags podem ser compreendidas como palavras-chave que os buscadores se utilizam para encontrar suas matérias. Ou seja, além do conteúdo em si, os buscadores encontram mais fácil seu texto por causa das tags ligadas a ele. Por isso é de suma importância escolher boas tags para o seu post. Separe as tags entre vírgulas e coloque as palavras que você acredita serem as que melhor sintetizem seu texto. Dessa forma os mecanismos de busca darão mais relevância ao seu material e ele será mais encontrado por usuários que procuram o seu tema.

Opções de gerenciamento

Com o conhecimento de postagens, categorias e tags, o usuário de WordPress necessita apenas de experiência para melhorar suas publicações e conhecimentos sobre outras funções do gerenciador. Abaixo algumas delas:

– Quando você cria um post novo ou edita um anterior, você pode modificar o endereço do URL de seu post. Para isso, entre em edição e preste atenção no endereço pouco abaixo do título de seu post. Há um endereço com o nome de “Link Permanente” e em seguida a URL que exibe seu post. Assim, clicando no submenu “Editar” você pode modificar o endereço de seu post;

– Para editar a data de seus posts, vá até a caixa de “Publicar”, localizada à direita no menu de Posts e clique na palavra “Editar” que se encontra ao lado de uma data. Clique, altere a data e depois vá em “Ok” e depois “Atualizar” (logo abaixo) para salvar as alterações;

– Para colocar os comentários sobre aprovação do administrador vá até o menu “Posts”, clique em “Todos os Posts”, passe o mouse em cima do título e depois clique em “Edição Rápida”. Em seguida serão exibidas várias caixas de texto com indicações para edição de título, tags, categorias, tudo de forma sucinta. Abaixo das tags você encontrará um caixa de confirmação para “Permitir comentários”. Ao desmarcar isso os comentários irão primeiro para sua aprovação. Detalhe: esse tutorial é para WordPress 4.1, em outras versões o caminho varia. Para essa mesma função você pode clicar diretamente no menu “Comentários”, e acompanhar lá o feedback de seus usuários;

– A correta utilização dos menus de Plugins e Ferramentas envolvem ao usuário de WordPress certa pesquisa online. O motivo é que a todo o momento surgem novos plugins ou ferramentas que otimizam as funções do WordPress, assim, o administrador deve procurar listas na internet que melhor o auxiliem na escolha de plugins e ferramentas para seu site/blog. Para isso há várias listas na internet com as melhores indicações possíveis, entretanto é primordial que o plugin ou ferramenta já seja adaptado à versão que o usuário instalou em seu site/blog, para não haver incompatibilidade.

Lido e entendido esse tutorial, o usuário não terá problemas para gerenciar seu WordPress. Em adicional, com o uso, você adquirirá mais perícia para utilizar as ferramentas dessa plataforma. Não pare no ponto, estude e atualize-se, o WordPress não para.