WEBDESIGN 2014-02Resumo

RENATO MELO - 2014

REGISTRANDO UM SITE+ EXERCÍCIO DE HTML5

Registro.brPortal oficial de domínios do Brasil.Domínios para pessoas físicas e jurídicas.

Para os BuscadoresDomínios do Brasil também contam pontos no ranking dos motores de busca

PesquiseAntes de registrar, você pode pesquisar se o domínio já existe. Senão, busque alternativas que estejam disponíveis.

Faça seu cadastrocomo usuário e registro do domínio

Quanto custa?R$ 30 no primeiro anoR$ 27 para os restantes

O pagamento é feito via boleto ou cartão de crédito

O domínio só garante seu endereço. Você precisa de uma hospedagem para armazenar seus arquivos.

E O REGISTRO.BR PEDIRÁ O DNSÉ o equipamento responsável por permitirque seu domínio esteja ativo na internet. Éum endereço fornecido pelo seu provedor.

CONTRATE HOSPEDAGEM EM LINUXHospedagens em Linux são ideais para trabalhar com banco de dados (php). Uma hospedagem em Windows é boa somente para a linguagem da microsoft: ASP.net

E como meu site vai pro ar? Como eu mando meus arquivos?

Você transfere os arquivos via FTP

Pode ser feito no site da sua hospedagem, via windows explorer ou de um programa

Filezilla: o mais usado

Você precisa de:Endereço do FTPUsuárioSenha

O UX e Usabilidade

“Você deve começar com a experiência do usuário e depois ir para a tecnologia”

A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON.

AMAZON

AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE,

GOOGLE

INTERNET ONTEM

Anúncios Sites Institucionais

INTERNET HOJE

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

USUÁRIO TEM QUE POSSUIR UMA EXPERIÊNCIA POSITIVA EM TODOS OS CANAIS

O QUE PRECISA SER PENSADO

CONTEXTO

USUÁRIOCONTEÚDO

LEMBRE-SE: O FOCO É NAS PESSOAS!

CHECKLIST DO UX

TAMANHO DA TELA

CONECTIVIDADE

OBJETIVOS DO USUÁRIO

AMBIENTES DO USUÁRIO

CAPACIDADE DO USUÁRIO

MODELO ANTIGO

IDEIADESENVOLVIMENTO

LANÇAMENTO

MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE

MODELO NOVO

IDEIADESENVOLVIMENTO

LANÇAMENTO

VALIDAÇÃO

ITERAÇÃO

MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE

NÃO SE PODE MELHORAR O QUE NÃO SE MEDE

TESTES

1) FEEDBACK

até 0,1s: ideia de continuidade

até 1s: delay percebido, mas ok

depois de 10s: o usuário muda de tarefa.

2) PÁGINAS DE ERRO

O usuário deve saber o que está acontecendo em uma linguagem fácil.

O usuário deve saber que a culpa não foi dele.

O usuário deve conseguir voltar para o site.

Nome:

Endereço:

Telefone 1:

Celular:

Telefone da Mãe:

CPF:

RG:

Nome do Cachorro:

Estado Civil:

3) FORMULÁRIO

3) FORMULÁRIO

Nome:

Endereço:

CEP:

CPF:

Telefone:

Renato Melo

Rua dos Bobos, número zero

01234-000

12345678900

48 6666-6666

Houve um erro no preenchimento do formulário.

Onde?Não use espaços ou hifens no telefone. Utilize somente números.

13 6666-6666

4) CAIXA DE BUSCA

5) ETAPAS DO SEU SITE

1. Escolhas dos produtos

2. Cadastro ou login

3. Entrega e embalagem

4. Pagamento

Laboratório

Medir performance (tempo, número de

erros)

Produção acadêmica (maior “aceitação” científica para teses,

artigos e dissertações)

Estudos permanentes com equipe dedicada

(Globo, Nokia)

Ambiente do Usuário

Obter feedback rápido

Projetos com recursos reduzidos

Testar conceitos e interfaces em fases iniciais de design

Conversão1 – Ser encontrado

2 – Online 24h, não importa

quando e onde

3 – Design claro e objetivo

4 – CONTEÚDO

5 - CONTEÚDO

6 - CONVERSÃO

ConversãoFazer seu usuário agir da forma

desejada e mensurável

DESIGN PARA O FACEBOOK: Aula 1 - Post

PRIMEIRA DICA E REGRA DE OURO DO FACEBOOK:

SÓ USE IMAGENS EM PNG!

IMAGEM PARA POST

As imagens são encaixadas numa espécie de “box invisível”, com altura máxima de 394px e largura máxima de 470px. Se a imagem estiver no tamanho errado, ela ficará com espaço branco (foto).

O tamanho ideal é 650x545 pixels. Para imagens com melhor definição, você pode ampliar o tamanho mantendo a mesma escala.

Na hora de postar um link, a imagem terá medida de 246x470 px

Link de vídeos ou páginas que tenham imagens menores do que 246x470px serão exibidas como miniaturas de 150x150px.

POST: A IMPORTÂNCIA DA

FOTO

Publicações com foto!Chamam atenção e aumentam em 180% as chances de engajamento.

O número de cliques na foto é o maior índice de

engajamento.

PADRÃO DE IMAGENSPARA ANÚNCIOS NO FACEBOOK

FOTOS PROIBIDAS:LOGOS E MENÇÕES AO FACEBOOK (LIKE, ETC)NUDEZ E FOTOS VIOLENTASBELEZA PERFEITA (EMAGRECER)

POST PATROCINADO

O Facebook permite apenas 20% de texto, por isso construa uma grade com linha guia, criando 25 quadrados. Assim, apenas 5 poderão conter texto.

O Facebook permite apenas 20% de texto, por isso construa uma grade com linha guia, criando 25 quadrados. Assim, apenas 5 poderão conter texto.

ANÚNCIOS

Anúncios para curtir página: 1200x444 pxAnúncios para visitas no site: 1200x630 px

COMO MONTAR UMHOME OFFICE

Meu primeiro JOB vai nascer!

Quanto cobro?

1º O que o cliente quer?

Solução para o problema dele

Um site horrível!

Prazo: OntemPreço

Barato, pois o sobrinho sabe fazer um igual

Atendimento

Tratar o cliente como a mãe dele o trataria

Não fale grego e facilite a

comunicação

Como cobrar?

Por insumo (fotos, páginas)

1)Prefira estipular um valor para a identidade visual.

2)Só depois, estipule um valor por página.

Como cobrar?

Preço Fechado

1)Entendeu o que o cliente quer.

2)Notou que o cliente não trará grandes problemas ou já conhece o cliente.

Como cobrar?

Preço por Hora

1)Fazer o Mapa do Site

2)Calcular seus custos

3)Calcular quanto tempo irá levar

MONTANDOO MEU HOME OFFICE

Custos Fixos

InternetLuzTelefone

Custos Variáveis

DomínioHospedagemBanco de ImagemProfissional Extra

Custos Variáveis

Não esqueça dos extras:

-Pizza para comer rápido pois o prazo está curto

-Café para manter acordado, etc

Patrimônio

ComputadorLivroSoftwareCursos

Quer ganhar quanto?

Salário13ºFériasDias da semana trabalhados

VALOR HORA – Iniciando:

Valor Hora

Custo + patrimônio R$ 2,22

Mão de obra (salário base de R$2.500,00)

R$ 14,57

Valor Hora R$ 16,79

LUCRO HORA:

Valor Hora

Custo + patrimônio R$ 2,22

Mão de obra (salário base de R$2.500,00)

R$ 14,57

Valor Hora R$ 16,79

Lucro de 30% R$ 21,83

Ajustes Tempo:

Valor Hora

Custo + patrimônio R$ 2,22

Mão de obra (salário base de R$2.500,00)

R$ 14,57

Valor Hora R$ 16,79

Lucro de 30% R$ 21,83

20% para e-mails, estudos, etc

R$ 26,19

Ajustes Cliente:

Valor Hora

Valor Hora R$ 16,79

Lucro de 30% R$ 21,83

20% para e-mails, estudos, etc

R$ 26,19

10% margem de erro R$ 28,81

10% margem de choro R$ 31,68

Ajustes para Tipo de Cliente:

Cliente Valor Hora

Pequeno comércio

R$ 633,60

PME 50% R$ 950,40

Grandes Empresas

250%R$ 3326,40

COMOSE ORGANIZAR

Família, família.Negócios à parte.

Faça um lugar só seu, como

quartinho de empregada.

Não trabalhe de pijama.

Não trabalhe no mesmo cômodo

onde dorme.

Instale uma linha telefônica própria

Faça o seu horário de almoço!

Não fique ocioso: invista em projetos e na sua carreira.

Crie ou faça parte de um blog.

Marque reuniões em cafés ou no local do cliente.

Administre seus gastos.