24 outubro 2019

Michelly Oliveira

Diferença UX e UI

 



Mas não é tudo a mesma coisa? Talvez seja, ou será que não?
A confusão entre as áreas de UX e UI é muito comum por uma questão de nomenclatura e porque estão profundamente ligadas por processos de trabalho e conhecimentos que são comuns entre elas.

USER INTERFACE – UI

Para entender essa diferença, é preciso saber que UI ou interface do usuário é por onde o usuário interage com o seu produto, todas as partes “físicas” que possibilitam que uma determinada ação de seu produto seja realizada.
A interface do usuário (UI) é responsável pela parte visual de um projeto, por onde o usuário interage com um determinado aplicativo, programa de computador, rede social, site ou até mesmo algum produto físico. É tudo aquilo que é perceptível visualmente em alguma plataforma e leva o usuário a uma interação positiva. Pode ser um botão, um menu diferente ou até mesmo um som.
O papel de um profissional de UI é guiar o usuário de forma simples, ao invés de complicar sua experiência criando um labirinto. Sendo assim, ele deve recomendar uma ação específica ao invés de mostrar várias com a mesma finalidade, deixar o caminho do usuário mais fácil para desfazer alguma interação, deixar bem claro o que pode ser clicado e selecionado, utilizar mais contraste do que similaridade e utilizar menos campos de preenchimento nos formulários, por exemplo.

USER EXPERIENCE – UX

Já UX ou experiência do usuário é a parte emocional, o quão amigável essa interação pode ser e os sentimentos que ele tem ao realiza-la.  Ela engloba toda a estratégia de design e desenvolvimento de um produto, como sua usabilidade, seu conteúdo e a arquitetura de informação.
É uma ciência que pensa exclusivamente na relação de um produto com o usuário, buscando torná-la mais natural e simples. A experiência do usuário (UX), abrange todos os pontos de contato entre a empresa e o consumidor, desde o anúncio que o levou até o website, até a embalagem em que a camiseta foi entregue, o produto em si, o atendimento por telefone, as interações nas redes sociais da marca, entre outros elementos. A experiência, neste caso, inclui valores afetivos que compõem a percepção do usuário, em relação à marca.
O UX design pode ser responsável por evitar 80% dos erros e por auxiliar de forma direta o trabalho de SEO do website. Ele também é responsável por um aumento de 80% nos KPIs. (key performance indicators, ou Indicadores-chave da performance do projeto). E, no caso de E-Commerces, adaptar a plataforma para dispositivos móveis com base na experiência do usuário pode gerar um aumento de até 70% nas vendas.

Ou seja, para que o seu produto possa causar uma boa impressão é importante que toda a jornada do usuário, hierarquia de informação e todos os pontos de contato tenham sido pensados com muito cuidado pelo UX Designer e que o UI Designer consiga apresentar essas informações de maneira clara e visualmente interessante.
Mas, se ainda há dúvidas pairando sobre a sua cabeça, talvez essa imagem possa ajudar:


QUAL O MOTIVO DESSA CONFUSÃO?

O motivo que é responsável pela maioria das dúvidas que as pessoas têm em relação às duas áreas, está relacionado à falta de compreensão dos processos que são destinados a cada uma delas. Não vou me ater aos processos específicos, pois temos dois posts aqui no blog que falam sobre cada especialidade de UX e UI
Uma imagem muito comum quando falamos da diferença entre UI e UX é um modelo criado por Dan Saffer, que deixa bem clara a relação de qual área pertence à outra.

Mas o que você precisa saber é que UX abrange processos como pesquisa, análise de dados, entrevistas com usuários, testes de usabilidade e também fazem parte deles o design de interface e o visual design que são processos de UI.
Se ainda tiver dúvidas sobre as áreas de UX e UI ou se tiver informações a acrescentar, manda pra gente.
Até a próxima!






Fonte: https://www.raffcom.com.br/blog/qual-a-diferenca-entre-ux-e-ui/

23 outubro 2019

Michelly Oliveira

WordPress pede credenciais FTP para atualizar

 



Tive esse problema recentemente e ao procurar a solução, consegui resolver o problema seguindo as informações abaixo:
Não é a primeira vez que me acontece numa instalação de WordPress ao atualizar um plugin ou o próprio WordPress, através do painel de administração do WordPress, pedir dados de acesso FTP.
A mensagem de erro exata é a seguinte:
Para executar a ação solicitada, o WordPress precisa de aceder ao seu servidor. Por favor insira as suas credenciais de FTP para continuar. Se não se lembra das suas credenciais, deverá contactar o seu serviço de alojamento web.
O primeiro passo para resolver é verificar se o utilizador que corre o servidor Web (Apache, IIS, Nginx etc…) tem permissões de escrita nas pastas do WordPress.
No entanto este problema geralmente fica resolvido quando adicionamos a linha seguinte no wp-config.php:
define('FS_METHOD', 'direct');
Pode ser colocado em qualquer lugar do ficheiro desde que fique acima da linha:
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
Fonte: https://antoniocampos.net/2018/03/15/wordpress-pede-credenciais-ftp-ao-atualizar/

29 agosto 2019

Michelly Oliveira

Bitbucket: Unauthorized - Fatal: Could not read from remote repository

 



Recentemente estava tentando sincronizar meu repositório local com o remoto, no Bitbucket (https://bitbucket.org), utilizando o Sourcetree (https://www.sourcetreeapp.com/) via HTTPS e, por algum motivo ainda não identificado, o mesmo ficou abrindo o alerta de preenchimento de senha infinitas vezes, mesmo já estando conectado e inserindo a senha correta.

Fui então tentar a conexão via SSH. Criei a chave, inseri no Sourcetree e também no repositório do Bitbucket, conforme próprio tutorial do Bitbucket.

Finalmente consegui baixar o repositório remoto para a pasta local (pull), mas ao tentar sincronizar o local com o remoto (push) me apareceu o famigerado:
Can't git push to Bitbucket: Unauthorized - fatal: Could not read from remote repository 
Voltando a novas pesquisas de como resolver esse problema, acabei descobrindo que a chave SSH não deve ser inserida no repositório, mas sim no usuário. Pois a chave inserida no repositório dá acesso apenas à leitura do mesmo.

Dessa forma, resolvi escrever esse pequeno tutorial de como fazer Sourcetree e Bitbucket funcionarem utilizando o acesso SSH.

Aqui irei descrever como:
  1. Criar a chave SSH
  2. Inserir a chave SSH no Sourcetree
  3. Inserir a chave SSH no Usuário do Bitbucket.

Os ambientes/sistemas utilizados neste tutorial foram: Windows 10, Sourcetree ver.: 3.2.6 com o Putty Key Generator Release 0.70.2-Sourcetree e o Bitbucket cuja última release foi em 13/08/2019.

Passo 1 - Criar Chave SSH

O primeiro passo é  a criação do par de chaves SSH. Caso você já possua um par de chaves, passe para o segundo passo (Inserir Chave SSH no Sourcetree).

  1. No Sourcetree, acesse a opção do menu "Tools -> Create or import SSH Keys"
  2. No aplicativo que abrir (Putty Key Generator), clique no botão "Generate", será exibida uma barra de progresso. Para que a criação da chave seja mais rápida e efetiva, movimente o mouse aleatoriamente enquanto a barra é preenchida.
  3. No campo "Key passphrase" insira uma senha para este par de chaves (guarde a senha com cuidado, a utilizaremos futuramente).
  4. No campo "Confirm passphrase" insira a mesma senha do campo anterior.
  5. Após a criação da chave, clique no botão "Save public key", para salvar em um local seguro a chave pública criada.
  6. Após salvar a chave pública, clique no botão "Save private key", para salva a chave privada criada.

Finalizamos a criação do par de chaves, agora vamos inserir a chave SSH no Sourcetree.

Passo 2 - Inserir Chave SSH no Sourcetree

Após a criação do par de chaves, ou caso você já tenha uma chave, é chegado o momento de inserir a chave no Sourcetree.

  1. No Sourcetree, acesse a opção do menu "Tools -> Launch SSH Agent..."
  2. Caso já exista alguma chave cadastrada, será solicitada a senha da mesma. Caso contrário, será exibida a janela do aplicativo Pageant Key List. 
  3. No Pageant Key List, clique no botão "Addkey".
  4. Será aberta uma janela do Explorer para que você selecione a chave privada salva no passo 1. Selecione o arquivo.
  5. Insira a senha do par de chaves. Feche a janela no botão  "Close"

Pronto, agora vamos inserir a chave SSH no Bitbucket.

Passo 3 - Inserir Chave SSH no Bitbucket

Agora vamos para o passo final que é inserir a chave no Bitbucket. Meu Bitbucket está em inglês, ok.

  1. No Bitbucket, acesse seu perfil de usuário. Clique no seu avatar (foto) que encontra-se no canto inferior esquerdo e selecione a opção "View Profile".
  2. No menu lateral que aparece na nova tela, clique em "Settings".
  3. No novo menu lateral da tela Settings, selecione "SSH keys" que encontra-se na categoria "Security".
  4. Na nova tela, clique no botão "Add key".
  5. No modal que abrir, insira um nome para a sua chave, no campo "Label"
  6. Depois, copie do program a Putty Key Generator (Passo 1) o conteúdo do campo "Key" e cole no campo "Key" do modal do Bitbucket.
  7. Finalize clicando no botão "Add key".
  8. A lista de chaves sera atualizada.

Não esqueça ou perca a senha da chave SSH, ela será necessária quando for dar PUSH nos projetos que utilizam a chave.

 Assim finalizamos o processo para fazer com que o Sourcetree utilize SSH para realizarmos a sincronização de nossos repositórios.



© Copyright 2016 Michelly's Blog. Designed by Bloggertheme9 | Distributed By Gooyaabi Templates. Powered by Blogger.