Ecommerce Group || Tag Archive || design de persuasão	EG SA
A concepção da "Web bem temperada" parte V
Tagsa-para-outra-alguma-formabem-concebidosdesign de persuasãoe-commerceelemento-visuallutou-comnas-vezesnaturais-quepara-outra-parecido-comtexto-pequeno Cuidado com os lobos
Nos sistemas de afinação naturais que antecederam a padronização de temperamento, as notas dos intervalos de out-of-tune que foram tocadas simultaneamente produzia um som áspero, parecido com um uivo. Alguns músicos deram um nome para isso: eles chamam de "lobo".
Aplicando esta ideia ao design de interface, podemos pensar no lobo como um elemento visual ou interativo projetado para uma experiência do usuário que se decompõe de alguma forma, quando transposta para outra. Pense nas vezes que você lutou com o toque em um pequeno link feito para um cursor de mouse, ou teve que ler um texto pequeno em uma tela móvel, ou, em um dispositivo sensível ao toque. Lobos na UI.
Estes artigos apresentam links que são projetados para a interação com um mouse. Ao visualizar em um dispositivo móvel touchscreen, sua usabilidade é muito prejudicada.
A New York Magazine oferece menus drop-down de navegação úteis e bem concebidos - mas só se você estiver usando um mouse.
Entenda o conceito da "Web bem temperada" parte III
Publicado em Design de Persuasão, E-business Design, E-commerce
Tagsbostondesigndesign de persuasãodiv-draggablencia-universal-puramente-estiluser experience Desenho Universal Via Design Responsivo
Embora grande parte da discussão sobre design responsivo tende a se concentrar em técnicas de resposta, a resposta em si nunca é o objetivo. É um meio para um fim. O projeto responde a fim de fazer outra coisa. Que poderia ser o fornecimento de conteúdos diferentes, para servir de imagens de banda baixa, ou para adaptar o layout para melhor apresentação em telas menores. Essa outra questão poderia também ter um objetivo de fornecer uma experiência universal para um grande número de dispositivos diferentes.
Andando pelos trilhos do projeto até chegar ao design de experiência universal, estamos propensos a passar por alguma alteração de temperamento também. Um grande exemplo disso – e um excelente exemplo de design responsivo em geral – é o site do The Boston Globe.
O Boston Globe é um brilhante exemplo de design de resposta em um site de grande escala
Esta estratégia permitiu um design único que se adapta a qualquer dispositivo que o leitor possa usar para ler The Boston Globe (mesmo o Newton da Apple!). Mas isso não era apenas um feito de engenharia de front-end. Acompanhando por consultas de mídia e JavaScript era um projeto simples e maleável e passível à adaptação.
Este é um projeto temperado. Enquanto o minimalismo pode ser puramente estilístico, suspeita-se que, se fosse um projeto somente desktop, teríamos visto mais brilho e embelezamento. Não teria que aperfeiçoar a experiência de um contexto de uso único. Mas ao invés disso, os designers fizeram trade-offs para produzir algo que pudesse ser transposto para todos os ambientes possíveis – algo que poderia jogar em todas as 12 chaves.
Entenda o conceito da "Web bem temperada" parte II
Tagsa-lacuna-entrea-para-experia-que-emboraa-uma-variedadecssdesign de persuasãotela-diferentesuser experience Provavelmente o mais empolgante no desenvolvimento em Web design nos últimos anos tem sido a mudança para projetar vários dispositivos. Não é mais apenas sobre como funciona um site em dois navegadores diferentes, mas sobre como ele funciona em vários dispositivos com características completamente diferentes: os tamanhos de tela diferentes, capacidades diferentes, contextos de uso diferentes, interfaces diferentes.
Embora o design específico do dispositivo de websites nos permita criar projetos sob medida para experiências diversas, ainda haverá momentos em que teremos que tomar decisões universais – e quando o fazemos, a metáfora de temperamento bem pode ser útil.
A aplicação deste conceito para o design da interface do usuário é simples: a fim de proporcionar uma boa experiência para uma variedade de dispositivos, temos que permitir que as imperfeições ocorram em interfaces individuais.
Um exemplo comum de bom temperamento em ação é o efeito que as interfaces de toque tiveram em projetos de website.
Como um dispositivo apontador, um dedo, sendo muito maior do que um mouse, requer um alvo maior do que tocar o que é exigido por um cursor do mouse. Assim, para garantir a usabilidade, elementos interativos precisam ser maiores. Como estes elementos interativos, outras coisas precisam aumentar de tamanho para manter o equilíbrio. Isto leva a uma estética caracterizada por margens generosas e estofamento.
O novo design do Gmail tem bastante espaço em branco e estofamento extra em botões, mesmo que seja um projeto desktop
O aumento da popularidade do iPad, que preencheu a lacuna entre as interfaces de toque e tamanhos de tela de desktop, foi o que acelerou a influência de touchscreens em design de interface de desktop. Se você olhar para redesigns recentes dos principais produtos, como Gmail e Twitter ou navegar em galerias CSS, você verá que o design na web está começando a parecer um pouco diferente. Há mais espaço em branco, botões tem mais estofo, coisas em geral se sentem maiores. É claro, outros fatores estão em jogo, como o aumento constante tamanhos de tela desktop.
Nós permitimos que para um ligeiro desvio da norma, numa só experiência, a fim de melhor apoiar todas as experiências possíveis.
É importante notar que fazer uma interface de toque-amigável desta forma também resulta em uma interface que pode ser mais útil para usuários de mouse e-desktop. Um botão que é mais fácil de tocar muitas vezes é mais fácil para clicar. Ao errar na direção da usabilidade, que recebe o bônus de melhor desempenho do projeto em seu contexto de mesa original.
No próximo post, saiba que embora grande parte da discussão sobre design de resposta tende a se concentrar em técnicas de capacidade de resposta, a capacidade de resposta em si nunca é o objetivo. É um meio para um fim. O projeto responde a fim de fazer outra coisa.
Assumindo a liderança em sua Agência de Design VII
Tagscriação de layoutdesigndesign de experienciadesign de persuasãogirardjason-friedjeremy-girardlayoutseu-carrinhousabilidadevelhos-tempos No sétimo post da série "Assumindo a liderança em sua Agência de Design", você irá saber como aumentar o seu conhecimento não só na área de design, mas em outras áreas, como por exemplo, gestão de pessoas.
Profissionais da web são eternos aprendizes. As constantes mudanças da indústria nos obrigam a estar constantemente aprendendo, se quisermos manter nossas habilidades atuais. A mudança para um posto de liderança não elimina esta necessidade, ela simplesmente é adicionada ao tipo de aprendizagem que você deve fazer.
Além de livros sobre HTML, CSS ou diretores de design, sua estante deve conter títulos sobre gestão de outras pessoas ou gestão de uma empresa. Jeremy Girard, autor deste texto, recentemente, adicionou alguns títulos que não estão relacionados à concepção da Web, incluindo o livro Rework, escrito por Jason Fried e David Heinemeier Hasson, Delivering Happiness, por Tony Hsieh e Redesigning Leadership, de John Maeda, citado anteriormente nesta série.
Talvez ir a uma biblioteca local e ficar mais atento à seção de gestão de líder, irá ajudá-lo a tropeçar naquele livro que seus colegas lhe recomendaram nos bons e velhos tempos
Seu papel como diretor é um papel duplo. Você precisa gerenciar e liderar, mas você também precisa ser atual e relevante no seu conjunto de habilidades em web design. Isto deve ser refletido no seu aprendizado. Da próxima vez que você olhar para os livros de web design, adicione alguns títulos ao seu carrinho, que pouco ou nada têm a ver com manipulação de pixels e mais a ver com gestão de pessoas.
Formação de líderes em uma equipe de design II
Tagsa-mais-fortea-que-voca-vez-quecssdesign de persuasãoencontra-podeestiver-fazendooutros-resolvamrhode-islandsobressaiu-nos Dando seguimento a série de posts sobre como assumir a liderança nas agências de design, você ficará sabendo um pouco mais sobre como fazer com que outras pessoas resolvam problemas por si mesmas.
Normalmente, alguém que passou do cargo de web designer para um cargo de direção fez isso porque se sobressaiu nos aspectos técnicos do trabalho (design, HTML, CSS, etc) e também pela capacidade de resolver problemas. Por solucionarem problemas qualificadamente, é fácil para um diretor querer resolver os problemas dos que estão supervisionando, ao invés de incentivá-los a resolver os problemas por si mesmos. O conceito de "leading by doing" nem sempre é a melhor solução. O Presidente da Rhode Island School of Design, John Maeda, diz que este conceito está mais claro em seu livro Leadership Redesigning:
"Leading by doing deixa de ser líder quando estiver fazendo mais do que liderando".
Para alguém que está acostumado a arregaçar as mangas e sujar as mãos para resolver um problema (como HTML e CSS) pode realmente chegar em suas mãos, esta lição de outros líderes resolverem os problemas por si mesmos.
Como permitir que outros resolvam os problemas por si mesmos? Simples – basta que você confie neles. A solução que se encontra pode não ser o que você teria escolhido fazer, mas pode ser necessária. O resultado é que você vai ajudá-los a chegar a esse resultado final!
Esse aprendizado vai ser útil na próxima vez que eles tiverem que resolver um problema semelhante, levando os outros a encontrar soluções por si mesmos, sempre que possível. Se realmente houver confiança ao longo do caminho, você vai fazer com que toda sua equipe fique ainda mais forte e ficará livre para fazer outros trabalhos importantes que fazem parte do seu novo papel como diretor.
Formação de líderes em uma equipe de design
Tagscssdesign de persuasãoembora-existamgirardjeremy-girardjuntamente-comltimos-anos-muitas-vezesoutros-recursosque-aprendeuwebdesign-para Chega um ponto na carreira de muitos webdesigners, em que a progressão lógica da carreira é assumir uma posição de liderança. Sendo lógico ou não, quando um designer "assume" este tipo de posição, muitas vezes há uma outra "suposição" acontecendo ao mesmo tempo – a proficiência de assistente em HTML e CSS, juntamente com um número de anos no mercado, prepara alguém para assumir um papel de liderança. Mas este, é claro, nem sempre o caso.
De acordo com o diretor de desenvolvimento para web, Jeremy Girard, ao longo dos últimos anos, muitos designers têm passado por esta situação, se deslocando, por exemplo, de webdesign para a direção de criação. "Durante esta transição, virei-me para os blogs e outros recursos que eu tinha encontrado útil na minha carreira a esse ponto, à procura de dicas e lições que iria me ajudar no meu novo papel. Logo percebi foi que, embora existam inúmeros artigos para ajudar você a se tornar o HTML acima e CSS assistente, existem preciosas que poucos lidar com a mudança do designer para o diretor", ressalta Girard.
Neste artigo, que será dividido em 8 subitens, o autor irá falar de algumas das lições que aprendeu ao longo destes últimos anos. "Estas não são verdades absolutas e muitas dessas lições são de senso comum, mas essas são as lições que me ajudaram ao longo do caminho", comenta. Fique atento aos próximos posts e acompanhe as matérias.
Assumindo a liderança em sua Agência de Design III
Tagscontribuir-paradesigndesign de persuasãoe-commercegrandes-doresmantendo-umamuitas-vezesreceba-reclamaseja-positivo-sua-equipe- No terceiro post da série "Assumindo a liderança em sua Agência de Design", você saberá um pouco mais sobre como filtrar as frustrações do dia a dia e não deixar a negatividade atrapalhar o andamento da equipe.
Não há espaço para Negatividade
Se você tiver subido para uma posição de liderança em uma organização, é muito provável que você receba reclamações do resto da equipe em várias ocasiões, sobretudo, no que diz respeito ao feedback do cliente em relação a prazos de projetos ou orçamentos. Isso tem que parar.
Sua equipe é o seu reflexo. Se você estiver frustrado e reclamando muito, eles estarão frustrados e também irão reclamar. Se, no entanto, você se depara com uma situação ruim e faz o melhor possível para resolvê-la, mantendo uma atitude positiva, você irá contribuir para manter sua equipe motivada. Quando as queixas vêm, não as ignore, trate-as de frente e apazigue a situação.
Agora, isso não quer dizer que você não vai ficar frustrado às vezes. Uncle Ben pode ter dito a Pedro que "com grande poder vem grande responsabilidade", mas ele não conseguiu acrescentar que, com grande responsabilidade também vêm grandes dores de cabeça. Você vai ficar frustrado e precisará se livrar desse sentimento. Você deve ser racional e manter a calma, suas frustrações próprias, muitas vezes, podem ser difusas no processo. Se você precisa desabafar, lembre-se de nunca fazer isso na frente de sua equipe. O humor deles depende do seu, portanto, seja positivo.
Aperfeiçoando a experiência de comprar na Web
Tagsa-com-quea-comparar-comoa-empresa-perdea-sua-presendesign de persuasãoe-commerceexperiência do usuáriogoogle-placesmicrosoftseus-principaisuser experience A criação de sites e lojas virtuais é fácil comparada à criação de uma experiência que satisfaça os usuários-alvo.
No caminho tradicional de uma compra, uma empresa perde clientes em potencial quando eles se movem para mais perto da compra. Enquanto isso é natural e esperado, melhorar a experiência do usuário pode reduzir essa perda através da remoção de barreiras desnecessárias ao fazer compras online.
As diretrizes, técnicas e práticas a seguir abordadas visam os problemas comuns na experiência do usuário em sites de E-commerce. Melhorar a experiência do usuário exige uma boa compreensão de seus usuários e seus objetivos no site.
Faça com que seja fácil dos consumidores acharem o seu site usando uma combinação de táticas de marketing online e off-line. Analytics mostrará como os usuários estão chegando ao site. Porém, o que esses relatórios não irão lhe mostrar são as oportunidades perdidas, como também clientes terminando em sites de seus concorrentes ao invés do seu, por causa das pesquisas de palavras-chave realizadas por eles.
• Analise o seu site e os sites de seus principais concorrentes para comparar como está seu desempenho na busca de termos usados pelos seus principais consumidores e para identificar áreas para otimização.
• Se o seu negócio é vender num mercado competitivo, aumente os seus esforços em SEO comprando palavras-chave relevantes para colocar ao lado dos resultados de buscas, usando serviços como o Google AdWords e o Microsoft adCenter.
• Crie páginas virtuais de negócios como o Google Places, Bing Business Portal e Yahoo Local – estas páginas estarão em destaque nos resultados de buscas e em serviços de localização de redes sociais. Além do seu nome comercial, você pode acrescentar endereço físico, número de telefone, URL do site e horários de atendimento.
• Utilize campanhas de e-mail para atrair novos consumidores e antigos consumidores de volta para o seu site. Em um estudo recente da Forrester, os varejistas indicaram que o e-mail marketing apresenta um maior retorno em investimento (ROI).
• Crie, entre ou apoie comunidades e mídias sociais relacionadas aos seus produtos ou aos problemas que visam os seus produtos.
• Vá onde estão seus consumidores. Atualmente, isso incluí redes sociais. Crie perfis em redes sociais, promova interação entre os usuários e a empresa, além de disponibilizar descontos e promoções especiais.
• Use uma URL pequena, simples e intuitiva, além de uma segura grafia alternativa. Desse modo os usuários poderão chegar ao seu site mesmo que esqueçam uma letra.
• Aumente a visibilidade em resultados de buscas utilizando técnicas de SEO, incluindo escolher as palavras-chave corretas e criando palavras-chave ricas, sites parceiros, títulos, tags e conteúdos.
Gatilhos persuasivos no Web Design – Parte III
Publicado em BioStore, Design de Persuasão, E-commerce, TouchPoints
Tagsa-agir-sobrea-querer-algumabiostoredemonstra-quedesign de persuasãoimg-classingressos-paramais-propensasprova social Continuando o assunto dos posts anteriores, sobre Retribuição, Comprometimento e Prova Social, o post de hoje irá abordar as outras principais armas de influência utilizadas na persuasão – a Autoridade e a Escassez.
"Estamos mais propensos a agir sobre a informação quando ela é comunicada por um especialista."
Esse princípio é sobre influenciar um comportamento através da credibilidade. As pessoas são mais propensas a tomar uma medida se a mensagem vem de uma fonte confiável. É isso que impulsiona as pessoas a dar um RT no Twitter.
"Arquitetos de persuasão" exploram esse princípio fornecendo brilhantes testemunhos em seus sites. Se for um site de E-commerce terão ícones altamente visíveis mostrando que o site é seguro e confiável. Se o site possui um fórum, eles vão dar às pessoas a oportunidade de avaliar respostas, usuários ou tópicos.
Esse princípio nos demonstra que as pessoas estão mais propensas a querer alguma coisa quando eles pensam que isso só está disponível por um período limitado de tempo ou está em escassez. Isso não é somente sobre o medo de perder alguma coisa (um tipo de prova social reversa). Na verdade, escassez faz com que as coisas pareçam ser mais valiosas.
"Arquitetos de persuasão" usam esse princípio revelando escassez no design da interface. Pode ser um item ou uma roupa do seu tamanho que está esgotando, ingressos para o teatro que estão acabando ou convites para o lançamento de um produto. Eles sabem que a escassez gerará uma maior demanda.
No próximo post do blog Design de Persuasão, confira as demais armas de influência – Molde e Saliência.