{"id":607,"date":"2016-07-01T00:34:43","date_gmt":"2016-07-01T03:34:43","guid":{"rendered":"http:\/\/2016.belohorizonte.wordcamp.org\/?post_type=wcb_session&#038;p=607"},"modified":"2016-07-09T13:24:39","modified_gmt":"2016-07-09T16:24:39","slug":"design-de-temas-para-woocommerce","status":"publish","type":"wcb_session","link":"https:\/\/belohorizonte.wordcamp.org\/2016\/session\/design-de-temas-para-woocommerce\/","title":{"rendered":"Design de temas para WooCommerce"},"content":{"rendered":"<p>Hoje, a maioria dos temas oferece suporte para WooCoommerce. Mas existe uma grande diferen\u00e7a entre suportar e ser feito para vender.<\/p>\n<p>Vamos explorar algumas das maiores quest\u00f5es sobre como desenhar temas para lojas virtuais que utilizam a maior plataforma de venda online do mundo: o WooCommerce.<\/p>\n<p>Como modelar uma boa interface utilizando a estrutura do plugin? O que pode ser alterado? Quais s\u00e3o as melhores op\u00e7\u00f5es de usabilidade? Como potencializar a convers\u00e3o atrav\u00e9s do design do tema?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2016.belohorizonte.wordcamp.org\/files\/2016\/07\/palestrante-anyssa-ferreira.jpg\" alt=\"palestrante-anyssa-ferreira\" width=\"820\" height=\"346\" class=\"alignnone size-full wp-image-890\" srcset=\"https:\/\/belohorizonte.wordcamp.org\/2016\/files\/2016\/07\/palestrante-anyssa-ferreira.jpg 820w, https:\/\/belohorizonte.wordcamp.org\/2016\/files\/2016\/07\/palestrante-anyssa-ferreira-300x127.jpg 300w, https:\/\/belohorizonte.wordcamp.org\/2016\/files\/2016\/07\/palestrante-anyssa-ferreira-768x324.jpg 768w, https:\/\/belohorizonte.wordcamp.org\/2016\/files\/2016\/07\/palestrante-anyssa-ferreira-500x211.jpg 500w, https:\/\/belohorizonte.wordcamp.org\/2016\/files\/2016\/07\/palestrante-anyssa-ferreira-624x263.jpg 624w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/p>\n<p><strong>1. Quais s\u00e3o as principais falhas cometidas por temas pagos que oferecem suporte ao WooCommerce?<\/strong><br \/>\nUma das principais falhas que s\u00e3o cometidas por temas premium s\u00e3o relacionadas ao fato de que esses temas oferecem um excesso de recursos, j\u00e1 que s\u00e3o feitos para servir a maior quantidade poss\u00edvel de fins. Assim, \u00e9 comum encontrar-mos os temas &#8220;multipurpose&#8221; (multiprop\u00f3sito), que servem para sites corporativos, portf\u00f3lios, e-commerce e outras coisas. O primeiro problema \u00e9 que, para isso, muitos temas acabam carregando muitos scripts, estilos CSS e outros elementos que nunca ser\u00e3o usados, prejudicando a performance. Na palestra, falarei sobre outro problema comum: como esta falta de &#8220;especializa\u00e7\u00e3o&#8221; de um tema pode prejudicar o objetivo principal do site, que \u00e9 vender.<\/p>\n<p><strong>2. O WooCommerce permite ao designer ir al\u00e9m da interface b\u00e1sica de um e-commerce?<\/strong><br \/>\nO <a href=\"https:\/\/woocommerce.com\/\" target=\"_blank\">WooCommerce<\/a> foi criado seguindo algumas regras de layout de e-commerces que j\u00e1 estavam estabelecidas na \u00e9poca. Por exemplo, a listagem de produtos em grid, o carrinho de compras em tabela, etc. Estas formas de exibi\u00e7\u00e3o s\u00e3o padr\u00e3o pois funcionam muito bem. Por\u00e9m, o plugin permite a personaliza\u00e7\u00e3o de todas estas estruturas. Basta que os designers e desenvolvedores conhe\u00e7am o funcionamento do WooCommerce para come\u00e7arem a explorar as possibilidades e irem al\u00e9m da personaliza\u00e7\u00e3o b\u00e1sica de CSS. Falaremos sobre estas possibilidades e como alterar totalmente o visual do plugin.<\/p>\n<p><strong>3. Por que quest\u00f5es de usabilidade e acessibilidade n\u00e3o devem ser deixadas de fora em um e-commerce? <\/strong><br \/>\nPor um \u00fanico e simples motivo: taxa de convers\u00e3o. Quanto melhor \u00e9 a usabilidade de um site, mais as sess\u00f5es s\u00e3o convertidas em vendas. E acessibilidade \u00e9 a base da usabilidade para pessoas que tem algum tipo de defici\u00eancia ou necessidade especial. Se um site n\u00e3o atende o usu\u00e1rio, ele simplesmente troca para outro e efetua a compra onde for melhor atendido, assim como nas lojas reais. Mostrarei exemplos e compara\u00e7\u00f5es sobre a import\u00e2ncia da usabilidade e acessibilidade para as lojas f\u00edsicas versus lojas virtuais.<\/p>\n<p><strong>Ainda n\u00e3o fez sua inscri\u00e7\u00e3o? <a href=\"http:\/\/2016.belohorizonte.wordcamp.org\/ingressos\/\" target=\"_blank\">Clique aqui<\/a> e se inscreva.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoje, a maioria dos temas oferece suporte para WooCoommerce. Mas existe uma grande diferen\u00e7a entre suportar e ser feito para vender. Vamos explorar algumas das maiores quest\u00f5es sobre como desenhar temas para lojas virtuais que utilizam a maior plataforma de venda online do mundo: o WooCommerce. Como modelar uma boa interface utilizando a estrutura do [&hellip;]<\/p>\n","protected":false},"author":3411954,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1469283300,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[566],"footnotes":""},"session_track":[164407],"session_category":[],"class_list":["post-607","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-auditorio"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7v89d-9N","session_date_time":{"date":"23\/07\/2016","time":"11:15"},"session_speakers":[{"id":"566","slug":"anyssa-ferreira","name":"Anyssa Ferreira","link":"https:\/\/belohorizonte.wordcamp.org\/2016\/speaker\/anyssa-ferreira\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/607\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/sessions\/607\/revisions\/895"}],"speakers":[{"embeddable":true,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/speakers\/566"}],"author":[{"embeddable":true,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wporg\/v1\/users\/anyssa"}],"wp:attachment":[{"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/session_track?post=607"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/belohorizonte.wordcamp.org\/2016\/wp-json\/wp\/v2\/session_category?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}