No post de hoje quero me dirigir a você que está iniciando ou pensando em colocar um comércio eletrônico. Desde já quero salientar que a criação de um e-commerce inspira tanto cuidado quanto a abertura de uma empresa física. Um plano de negócio bem definido, com suas análises SOWT, Plano de Marketing, definição dos quatro Ps (Preço, Praça, Produto e Promoção), logística, entre outros pontos também são importantes. 

Umas das primeiras preocupações que se vê é: o que fazer para atrair visitas ao “meu site”? Então, facilmente ouvimos falar sobre as inúmeras ações de marketing digital no intuito de atrair visitas ao site e conseqüentemente aumentar exponencialmente as chances de vendas. Podemos citar algumas delas, tais como: SEO, SEM, Mídias Sociais, CPC, etc. Todas estas ações possuem um custo, investimento para sua realização, mas não é sobre elas que pretendo falar hoje.

Já se depararam com a experiência de ser bombardeados por inúmeras divulgações de uma empresa off line e se sentir atraído por ela, mas ao visitar a loja se espantou pela má organização dos produtos, da informação e do atendimento? Pois bem, como disse no começo, lojas virtuais não são diferentes. Do que adianta atrair tantas visitas ao seu site e não apresentar o que tem a oferecer de forma clara e simples?

Para se conseguir este objetivo de tornar toda a informação no seu site clara e objetiva é preciso ter definido princípios e diretrizes de usabilidade em seu projeto de e-commerce. Para Preece, usabilidade é geralmente considerada como o fator que assegura que um produto ou sistema seja fácil de usar, eficiente e agradável – da perspectiva do usuário. Krug complementa ao dizer que é assegurar-se que os usuários possam usar os produtos (ou sistema) para o propósito desejado sem ficarem frustrados ou insatisfeitos. O grande guru da usabilidade, Nielsen, juntamente com Loranger, reforça a definição como um atributo de qualidade relacionado à facilidade do uso de um produto. Os aspectos e diretrizes da usabilidade é assunto para outro post, mas é preciso entender o objetivo dela para enfatizar o que desejo falar.

Vimos o objetivo da usabilidade do lado do usuário, no objetivo de beneficiá-lo e tornar sua experiência na navegação mais satisfatória e assertiva. Porém, quem deseja atuar com comércio eletrônico precisa enxergar também a usabilidade do outro lado da moeda. Isto mesmo! Um site mal projetado, com usabilidade falha, torna os custos do comércio eletrônico mais elevados, visto que as plataformas de e-commerce cobram por Pageview, ou seja, por cada página visualizada. Se o seu site não estiver bem estruturado de forma a tornar a navegação simples e clara, permitindo ao usuário encontrar sem muito esforço o que deseja, seus custos com Pageview tendem a ser mais elevados do que poderiam ser. Assim, como no comércio off-line, o on-line deve ter definido meios de se conseguir um belo faturamento bem como evitar desperdícios de verbas.

Alguns Plays de comércio eletrônico ainda pecam no quesito usabilidade, o que acarreta prejuízos derivados de dois lados. Um pela desistência do usuário ao se sentir frustrado com a navegação e abandonar o site depois de muito procurar o que acarreta perda de vendas e, segundo, o aumento dos custos gerenciais da plataforma de e-commerce causados pelo auto índice de Pageview.

Inclua em seu plano de negócio digital a implementação de técnicas de usabilidade e aumente suas chances de conversão e reduza com ela os custos de Pageview.

// = 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Netscape6/”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Gecko”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}

var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;

function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent(“onmousemove”, zoominto_dragGo);
document.attachEvent(“onmouseup”, zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener(“mousemove”, zoominto_dragGo, true);
document.addEventListener(“mouseup”, zoominto_dragStop, true);
event.preventDefault();
}
}

function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x – dragObj.cursorStartX + “px”;
dragObj.elNode.style.top = dragObj.elStartTop + y – dragObj.cursorStartY + “px”;
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}

function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent(“onmousemove”, zoominto_dragGo);
document.detachEvent(“onmouseup”, zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener(“mousemove”, zoominto_dragGo, true);
document.removeEventListener(“mouseup”, zoominto_dragStop, true);
}
}

function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}

function zoominto_addElement(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.setAttribute(“title”, “”);
newdiv.style.position = “absolute”;
newdiv.style.display = “none”;
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
}
}

function zoominto_addmyelems(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}

function zoominto_initializelements() {

zoominto_addElement(“plugpanel”, “ZoomInto: Pictures, Images and Photos “);
zoominto_addmyelems(“plugincheck_0909″, ”

“);
}

function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}

function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX – Xwidth) / 2;
var topOffset = scrolledY + (centerY – Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = “absolute”;
r.top = topOffset + “px”;
r.left = leftOffset + “px”;
r.display = “block”;
}

function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = “visible”;
document.getElementById(layerid).style.display = “block”;
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById(“plugin_btn_activate”).focus();
}

function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = “hidden”;
document.getElementById(layerid).style.display = “none”;
}

function zoom_getValidString(){

return “&isValidviewer=1″;// all things are valid

}

function zoominto_showflash(zoomres) {

try{
if(zoomres == undefined)
zoomres=”600×442”;

zoomarr=zoomres.split(“x”,2)
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “block”;
divimgplayer.style.visibility = “visible”;

//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, “div_plugin_img_player”);
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, “div_plugin_img_player”);
// zoominto_setImage();

zoominto_changeobject(document.getElementById(“plugpanel”).title,zoomres);

} catch (e) {
}

}

function zoominto_closeflash() {
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “none”;
divimgplayer.style.visibility = “hidden”;
}

function hidezoomicon(){
document.getElementById(“plugpanel”).style.visibility = “hidden”;

}

function getMouseX( e ) {

return e.pageX

|| ( e.clientX + ( document.documentElement.scrollLeft

|| document.body.scrollLeft ) );

}

function getMouseY( e ) {

return e.pageY

|| ( e.clientY + ( document.documentElement.scrollTop

|| document.body.scrollTop ) );

}

function dhtmlLoadScript(url)
{
var e = document.createElement(“script”);
e.src = url;
e.type=”text/javascript”;
// document.getElementByTagName(“head”)[0].appendChild(e);

document.getElementById(“addiv”).appendChild(e);
}

function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();

zoomintoheavyImage.src = imgsrc

var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;

}
function plugin_run() {

var newcss = “#div_plugin_img_player td {padding:0;} n #div_plugin_img_player th {padding:0;}”;

if (‘v’==’v’) /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement(‘style’); tag.type = ‘text/css’; document.getElementsByTagName(‘head’)[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance==’string’) /* webkit only */ ? ‘innerText’ : ‘innerHTML’] = newcss;
}

var image = document.getElementsByTagName(“img”);
var totimgLength=image.length;

zoominto_initializelements();

for (var i = 0; i 50 && zoomarrdim[1] > 60) {

image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);

document.getElementById(“plugpanel”).style.display = “block”;document.getElementById(“plugpanel”).style.visibility = “visible”;document.getElementById(“plugpanel”).style.left = imgvals[0] + “px”;document.getElementById(“plugpanel”).style.top = imgvals[1] + “px”;document.getElementById(“plugpanel”).title = this.src;};
image[i].onmouseout = function (evt) {

imgvals = zoominto_GetElementPostion(this);

strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];

tmpcurx=evt.pageX;
tmpcury=evt.pageY;

if(tmpcurx > strx && tmpcurx stry && tmpcury < endy ){

l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";

}

};

}// End of Condition Image smaller

if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}

}
}

function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x 1 && match[1] != “”) {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == ” “) {
output += “+”;
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += “%” + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}

function Closeiepluginpanel() {
closeflash();
}

function logme(txtstr) {
// try {
//alert(txtstr);
return "";

}

function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image

imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())

escimgName_bfr=escape(imgName_bfr);

trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)

playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;

adwidth=468;//playerwidth -10 ;//768;
adheight=60;

document.getElementById("div_plugin_img_player").innerHTML = "

Default115%125%

n”;

document.getElementById(‘resselect’).value=zoomres;

}

// ]]>

ZoomInto: Pictures, Images and Photos

FAÇA PARTE DO PROJETO

O Implantando Marketing visa a união dos profissionais das áreas de Marketing e Comunicação Empresarial e busca formas de divulgação e crescimento dessas áreas através da Implantação de Departamentos de Marketing e Comunicação em pequenas e médias empresas. Para isso, compartilhamos experiências e conhecimentos necessários aos profissionais e empreendedores que querem se beneficiar dessa Implantação. Envie o seu currículo e escolha um dos núcleos do projeto.

Leave a Reply