Recentemente trabalhei em um projeto onde utilizamos o Design Responsivo e resolvi tratar desse tema tão importante, e a sua importância se dá não pela tecnologia empregada, mas sim, pelo caminhar do desenvolvimento da Web. Quando falamos em Web a primeira coisa que nos vem a cabeça certamente é um computador e a internet…
Responsive Web Design – RWD
A palavra mágica para sites de e-Commerce!
GR?TIS! ? especial
Perigo do GR?TIS
GR?TIS! Estrat?gias
- Frete Gr?tis: ? dif?cil superestimar o apelo desta oferta. Muitas empresas de com?rcio eletr?nico tornaram padr?o, enquanto alguns usam como uma estrat?gia tempor?ria promocional;
- Troca Gr?tis: Possui um apelo adicional para outro elemento da psique humana: a avers?o ao risco;
- Produtos gr?tis ou upgrades: Existe um acess?rio barato que a maioria dos consumidores iria achar ?til? Uma atualiza??o, talvez? A extens?o de garantia? Pode ser mais eficaz vender um produto se ele estiver associado a um benef?cio GR?TIS! do que simplismente baixar o seu pre?o. As melhores ofertas gratuitas, s?o aqueles com um alto valor percebido. Se voc? j? tentou comprar um cabo HDMI em uma grande loja de eletr?nicos, voc? sabe que eles custam de R$ 30,00 a R$ 50,00, ou mais, apesar do custo de produ??o ser inferior a um d?lar ou dois. Um site de com?rcio eletr?nico inteligente poderia fazer um grande neg?cio em oferecer um produto como este gratuitamente na venda de um outro produto mais caro, acrescentando um grande valor aparente a compra.
UX – Modelos Mentais, Design Intuitivo?
É praticamente impossível tratar o tema de Usabilidade, Arquitetura de Informação e por fim UX, sem tratarmos dos aspectos psicológicos do ser humano. Mas, não quero vir aqui com terminologias e mais terminologias, o que procuro fazer é tentar “humanizar” o artigo para facilitar o seu entendimento e trazer a idéia para ser discutida….
Psicologia do UX Design – 2
Continuando ao post anterior sobre a Psicologia do UX Design. Estou escrevendo sobre esse tema porque como disse anteriormente, tenho feito pesquisas sobre o assunto. Algo que tem me chamado bastante a atenção é o fato do Redesign. Não o redesign que deve ser feito quando pegamos uma arte de outro designer, ou mesmo, aquele…
Lógica de programação com Scratch – Aula 4
Quarto vídeo da série de screencasts sobre lógica de programação com Scratch.
Este vídeo mostra como salvar e abrir um projeto, como controlar o teclado e como trabalhar com blocos de comandos condicionais.
Veja mais informações sobre a série neste outro post.
Posts relacionados
- Lógica de programação com Scratch – Aula 3“>Lógica de programação com Scratch – Aula 3 (0)
- Lógica de programação com Scratch – Aula 2“>Lógica de programação com Scratch – Aula 2 (0)
- Lógica de programação com Scratch – Aula 1“>Lógica de programação com Scratch – Aula 1 (0)
- Aulas de lógica de programação usando Scratch“>Aulas de lógica de programação usando Scratch (1)
- Livro: Google Android“>Livro: Google Android (0)
- CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application“>CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application (2)
- CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve“>CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve (7)
- Erro “bad line length character” no Git“>Erro “bad line length character” no Git (1)
- Precedência dos operadores em Ruby“>Precedência dos operadores em Ruby (0)
- Introdução ao jQuery“>Introdução ao jQuery (0)
© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us
Tags: aula, Desenvolvimento, lógica, programação, scratch
A DClick está em fase de expansão e procura profissional para o cargo de Arquiteto de Informação (Pleno e Sênior) para fazer parte do seu time de UX. Pessoas proativas, comprometidas e autodidatas são sempre bem aceitas em qualquer lugar e no time da DClick não é diferente. Pré-Requisitos – Ter no mínimo 2 anos…
Server-Side ActionScript no Flash Media Server
Poucos sabem mas o Flash Media Server(versão Interactive) possui uma linguagem de servidor chamada Server-Side ActionScript ou ActionScript Communications(extensão .asc). O que permite recurso poderosos em seus aplicativos multimídia muito além de um simples streaming.
Server-Side ActionScript é o nome que Adobe deu para o JavaScript 1.5, o Flash Media Server possui uma engine de JavaScript para compilar e executar os scripts.
O Server-Side ActionScript é parecido mas não idêntico ao ActionScript 1.0, mas ambos são baseado no ECMAScript(ECMA-262) edition 3 language specification. O Server-Side ActionScript roda sob a engine SpiderMonkey da Mozilla que consta no Flash Media Server enquanto que o ActionScript 1.0 roda sob o AVM1(ActionScript Virtual Machine 1) no Adobe Flash Player. O SpiderMonkey implementa o totalmente o ECMAScript enquanto que a AVM1 do Flash Player não. A grande diferença entre os dois é que o Server-Side ActionScript é case-sensitive.
Portanto para quem já tem conhecimento de JavaScript, pode reaproveita-lo para usar no Flash Media Server, é possível utilizar a maioria dos recursos e ainda contar com os recursos exclusivos do Flash Media Server.
Vamos os primeiros passos para utilizar o Server-Side ActionScript no Flash Media Server. Uma maneira de testar seus scripts é usando o fms_console localizado no caminho:
INSTALATION FOLDERAdobeFlash Media Server 4.5webrootswfsfms_adminConsole.swf
Se você tiver o Adobe Flash Professional, pode abrir esse arquivo diretamente apenas dando dois cliques, caso contrario, abra pelo navegador. Ao ser aberto, devemos ter uma tela como essa:
Basta entrar com o login e senha que você determinou no momento em que estava instalando o Flash Media Server que deveremos entrar para a seguinte tela:
Esse será seu melhor amigo ao desenvolver aplicativos com Flash/Flex e Flash Media Server. Por padrão, o Flash Media Server lê o seguinte diretorio:
INSTALATION FOLDERAdobeFlash Media Server 4.5applications
Esse caminho pode ser configurado modificando a linha “VHOST.APPSDIR” no seguinte arquivo:
INSTALATION FOLDERAdobeFlash Media Server 4.5conffms.ini
Criaremos um diretorio chamado “teste”, e dentro dele um arquivo chamando “main.asc” com o seguinte conteúdo:
-
// ActionScript Communications Document
-
trace(“init app…”);
Agora no console, carregaremos nossa aplicação criando uma nova instância dela selecionando no combobox:

Na tela seguinte, basta dar um “enter”.

Deveremos ter o resultado do nosso trace na caixa de texto como na imagem:
Uma recomendação que faço é que você limpe a tela antes de executar novamente o script main.asc, basta clicar no botão Clear Log(1) e depois em Reload Application(2):

Alguns exemplos do que pode ser usado com o Server-Side ActionScript
Constantes
-
// ActionScript Communications Document
-
trace(“init app…”);
-
const PI = 3.14;
-
trace(PI);
Expressões Regulares
-
// ActionScript Communications Document
-
trace(“init app…”);
-
myRe = /d(b+)d/g;
-
myArray = myRe.exec(“cdbbdbsbz”);
-
trace(myArray);
Funções
-
// ActionScript Communications Document
-
trace(“init app…”);
-
function teste()
-
-
return “to na funcao o/”;
-
-
trace(teste());
-
-
function factorial(n)
-
-
if ((n == 0)
-
}
-
trace(factorial(5));
Objetos
-
// ActionScript Communications Document
-
trace(“init app…”);
-
var obj = id:“teste”,data:2,status:“ONLINE”,type:“admin”
-
trace(obj);
-
for(s in obj)
-
-
trace(s +” – “+obj[s]);
-
Array
-
// ActionScript Communications Document
-
trace(“init app…”);
-
var arr = ["leo", "carol", "pam", "perla","carlinha"];
-
trace(arr);
-
function removeValueFromArray(arr, value)
-
-
var len = arr.length;
-
-
for(var i = len; i> -1; i–)
-
-
if(arr[i] === value)
-
-
arr.splice(i, 1);
-
-
}
-
return arr;
-
}
-
trace(removeValueFromArray(arr,“pam”));
Aviso importante, use esses recursos SOMENTE em ambiente de desenvolvimento. Em ambiente de produção, você derrubará todo mundo que estiver conectado ? sua aplicação.
![]()
Referência:
Documentação do Adobe Flash Media Server
Combine SEO e CRO para aumentar sua conversão
Muitos lojistas na Internet buscam descobrir qual a estrat?gia mais importante para melhorar suas taxas de convers?o: Search Engine Optimization (SEO) ou Conversion Rate Optimization (CRO). Mas ao contr?rio do se discute, SEO e CRO devem andar de m?os dadas e devem trabalhar juntos para que um site seja bem sucedido.
O que ? CRO?
Voc? reconhece esse termo? Otimiza??o taxa de convers?o (CRO) ? simplesmente focado em convers?o ao otimizar qualquer p?gina particular. Eu, pessoalmente, vejo isso como um desdobramento de Otimiza??o de Landing Page, Landing Page Optimization, (LPO) e ?s vezes ? visto como apenas uma outra maneira de dizer LPO.
Mas o que realmente define Sucesso para o Website?
Convers?o! A inten??o de converter um internauta casual da SERP para um visitante em seu site atrav?s do SEO, e converter esse visitante em um cliente atrav?s do CRO, ? claro que estas estrat?gias est?o intimamente ligadas.

Vamos come?ar pela defini??o das metas mais b?sicas de SEO e CRO. O objetivo do SEO ? conseguir ranking alto nos buscadores para as palavras-chave que mais se aproximam de uma consulta do usu?rio, e o objetivo do CRO ? aumentar o n?mero de visitantes que s?o convertidos em clientes. Estes s?o obviamente, defini??es simplificadas, mas desmonstram a estreita liga??o entre SEO e CRO e o papel que cada uma dessas estrat?gias desempenha para melhorar as taxas de convers?o.
Tanto o SEO e o CRO focam os visitantes do site. SEO quer encontrar perspectivas com base no que e onde eles est?o procurando e proporcionar uma raz?o para visitar o site, e o CRO quer criar a melhor experi?ncia de usu?rio poss?vel quando eles chegam. Para ter sucesso em ambos ? preciso entender a inten??o do usu?rio, o que tamb?m ir? ajudar a determinar a qualidade dos visitantes. Visitantes qualificados s?o muito mais propensos a estar pronto para fazer uma decis?o de compra do que os visitantes n?o qualificados, que s? est?o em busca de informa??es ou at? mesmo n?o tem consci?ncia de por que ele acabou naquela p?gina em especial.
Vamos dar uma olhada em como e por que SEO e CRO podem e devem trabalhar juntos para melhorar as taxas de convers?o.
Integrar SEO e CRO inclui:
- Estrat?gia no uso de palavras-chave. Antes que voc? possa otimizar uma p?gina para melhorar as taxas de convers?o, voc? deve entender a inten??o do visitante, e palavras-chave s?o a maneira mais f?cil e r?pido para obter esse entendimento. Uma p?gina de destino eficaz usa palavras-chave para permitir que os visitantes saibam que est?o no lugar certo, o que torna mais f?cil para eles ver o por que e como fazer uma compra;
- Focar um ?nico produto ou servi?o. Esta estrat?gia vai conseguir rankings melhores nos buscadores e melhores taxas de convers?o. Seus produtos e servi?os n?o devem competir uns com os outros nos buscadores. Mantenha-o simples. Os motores de busca querem saber exatamente o que uma p?gina ? e os visitantes querem encontrar o que procuravam;
- Ter um t?tulo, claro, relevante, atraente e palavras-chave. O t?tulo meta nas SERPs deve coincidir com o t?tulo da p?gina de destino, e devem incluir palavras-chaves e o principal benef?cio do produto;
- Teste. SEO e estrat?gias de CRO devem ser testadas para garantir um fluxo constante de visitantes mais qualificados para uma p?gina de destino mais amig?vel para o usu?rio.
Ao iniciar uma campanha de marketing online, CRO deve vir em primeiro lugar (a menos que seu site n?o esteja recebendo tr?fego suficiente para executar testes v?lidos). Uma vez que a p?gina de destino esteja otimizada para melhorar as taxas de convers?o, voc? pode desenvolver um programa de SEO que continuamente encontra e visitantes qualificados para o site. Pense em CRO como uma a??o de tampar buracos em um balde (website) antes de derramar mais ?gua (tr?fego desejado).
Para encerrar, sem CRO, todo esfor?o de SEO pode ser em v?o se os visitantes tiverem uma experi?ncia negativa quando chegaram no site. Mas sem SEO, CRO te dar? apenas uma p?gina otimizada sem visitantes.
N?o esque?a, para maximizar visitantes, melhorar as taxas de convers?o e aumentar a receita, SEO e CRO devem trabalhar juntos e em harmonia.
N?o est? satisfeito com os resultados atuais de seu Site ou eCommerce? Entre em contato.
Refer?ncias:
Lógica de programação com Scratch – Aula 3
Terceiro vídeo da série de screencasts sobre lógica de programação com Scratch.
Veja mais informações sobre a série neste outro post.
Posts relacionados
- Lógica de programação com Scratch – Aula 2“>Lógica de programação com Scratch – Aula 2 (0)
- Lógica de programação com Scratch – Aula 1“>Lógica de programação com Scratch – Aula 1 (0)
- Aulas de lógica de programação usando Scratch“>Aulas de lógica de programação usando Scratch (1)
- Precedência dos operadores em Ruby“>Precedência dos operadores em Ruby (0)
- Livro: Google Android“>Livro: Google Android (0)
- FlexReport com o Flex4!FlexReport with Flex4“>FlexReport com o Flex4!FlexReport with Flex4 (8)
- CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application“>CRUD com o RestfulX – aplicação funcionandoCRUD with RestfulX – live application (2)
- CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve“>CRUD com o RestfulX: Parte 1/2 – RetrieveCRUD with RestfulX: Part 1/2 – Retrieve (7)
- Screencast: desenvolvendo uma aplicação com RestfulX em menos de 5 minutos“>Screencast: desenvolvendo uma aplicação com RestfulX em menos de 5 minutos (8)
- GIT Cheat Sheet“>GIT Cheat Sheet (0)
© Elvis for Elvis Fernandes, 2012. |
Permalink |
Nenhum comentário |
Adicione ao
del.icio.us
Tags: aula, ensino, lógica, programação, scratch, screencast
Psicologia do UX Design – 1
Recentemente tenho postado sobre a Guideline do iOS, é conhecido o fato de que a Apple se preocupa bastante com a parte psicológica da Experiência do Usuário. Interessante é ver que depois do grande sucesso conseguido pela mesma através do iOS (iPhone e iPad), muitos dos seus concorrentes começaram a dar mais importância ao…















