{"id":26525,"date":"2018-04-18T12:00:51","date_gmt":"2018-04-18T15:00:51","guid":{"rendered":"https:\/\/www.kryzalis.com.br\/blog\/?p=26525"},"modified":"2018-04-18T10:33:05","modified_gmt":"2018-04-18T13:33:05","slug":"analisando-o-site-da-yahoo","status":"publish","type":"post","link":"https:\/\/www.kryzalis.com.br\/blog\/analisando-o-site-da-yahoo","title":{"rendered":"Analisando o site da Yahoo (hist\u00f3rica)"},"content":{"rendered":"<h2>Ol\u00e1, no v\u00eddeo de hoje iremos fazer uma an\u00e1lise do site do Yahoo.<\/h2>\n<p>Mas uma an\u00e1lise um pouco diferente: desde 1996 at\u00e9 2018 \u2013 a evolu\u00e7\u00e3o do site do Yahoo durante todos esses anos.<\/p>\n<p><center><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/CHhqceXRI1Q\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><\/p>\n<h3>1996<\/h3>\n<p>O primeiro ponto em evid\u00eancia \u00e9 que existiam pouqu\u00edssimas imagens e muito texto \u2013 o apelo visual quase n\u00e3o existia: fundo branco, link em <span style=\"color: #333399;\">azul<\/span> e textos simples em <strong>preto<\/strong>, imagens em cima (ao lado do logo do Yahoo) em <strong>baix\u00edssima<\/strong> qualidade, toda <em>p<\/em>i<em>x<\/em>a<em>d<\/em>a, com <strong>pouqu\u00edssimas<\/strong> <span style=\"color: #ffff00;\"><span style=\"color: #ebeb46;\">c<\/span><span style=\"color: #ff0000;\">o<\/span><\/span><span style=\"color: #3366ff;\">r<\/span><span style=\"color: #00ff00;\">e<\/span><span style=\"color: #ff00ff;\">s<\/span> \u2013 isso n\u00e3o era relaxo n\u00e3o, era a tecnologia <strong>dispon\u00edvel<\/strong> naquele momento, estamos falando de uma internet de 1996.<\/p>\n<p>\u00c9 um site muito <strong>antigo<\/strong>, um arquivo hist\u00f3rico do site do Yahoo.<\/p>\n<p>\u00c9 claro que se eu tentar fazer <strong>funcionar<\/strong> aqui, n\u00e3o ir\u00e1 acontecer, j\u00e1 que \u00e9 hist\u00f3rico.<\/p>\n<p>\u00c9 de l\u00e1 atr\u00e1s, quando o Yahoo estava dando seus <strong>primeiros<\/strong> passos.<\/p>\n<h3>2002<\/h3>\n<p>Aqui vemos o site dele em 2002.<\/p>\n<p>Constatamos uma <strong>brusca<\/strong> mudan\u00e7a: em 1996 v\u00edamos <strong>pouca<\/strong> imagem e <strong>pouco<\/strong> texto.<\/p>\n<p>J\u00e1 em 2002 vemos mais coisas: bastantes textos, <em>box<\/em>\u00a0com cores, muitas <strong>imagens<\/strong>, fotos.<\/p>\n<p>Al\u00e9m disso, a <strong>qualidade<\/strong> das imagens <strong>melhorou<\/strong> bastante em vista do que era.<\/p>\n<p>Atentemo-nos aos tra\u00e7os do <strong>logo<\/strong> do Yahoo \u2013 em 1996, era cheio de <em>p<\/em>i<em>x<\/em>e<em>l<\/em>s, todo <strong>quadradinho<\/strong>; em 2002 notamos tra\u00e7os mais <strong>retos<\/strong>.<\/p>\n<p>Isso ocorreu devido \u00e0 <strong>evolu\u00e7\u00e3o<\/strong> da <a href=\"https:\/\/www.kryzalis.com.br\/blog\/top-3-series-com-conteudo-de-tecnologia\">tecnologia<\/a> e da <a href=\"https:\/\/www.kryzalis.com.br\/blog\/investir-na-internet\">internet<\/a>, que foi ficando mais <strong>r\u00e1pida<\/strong>, mais pessoas foram <strong>atingidas<\/strong> \u2013 e com o Yahoo n\u00e3o foi diferente.<\/p>\n<p>Surge tamb\u00e9m o Yahoo Shopping, j\u00e1 vemos alguns <strong>servi\u00e7os<\/strong> e o Yahoo continua <strong>crescendo<\/strong>.<\/p>\n<p>\u00c9 poss\u00edvel notar que j\u00e1 existe servi\u00e7o de e-mail, Messenger, personalize (acredito que com a fun\u00e7\u00e3o de <strong>personalizar<\/strong> sua pr\u00f3pria conta).<\/p>\n<p>Aqui o Yahoo come\u00e7a a <strong>entregar<\/strong> mais servi\u00e7os ao usu\u00e1rio.<\/p>\n<h3>2008<\/h3>\n<p>Podemos ver uma mudan\u00e7a <strong>dr\u00e1stica<\/strong> na estrat\u00e9gia do Yahoo.<\/p>\n<p>Antes <strong>focado<\/strong> um pouco em tudo, desejando ser um <strong>portal<\/strong> de informa\u00e7\u00f5es e e-mail, agora resolve focar na <strong>busca<\/strong>.<\/p>\n<p>Perceba que ele <strong>retirou<\/strong> todas as informa\u00e7\u00f5es e p\u00f4s em total <strong>evid\u00eancia<\/strong> a busca.<\/p>\n<p>Acredito que come\u00e7ou a querer <strong>competir<\/strong> com os demais <strong>buscadores<\/strong> para dominar esse mercado.<\/p>\n<p>Por isso tudo foi <strong>retirado<\/strong> e houve uma aposta muito forte em seu <strong>layout<\/strong> para deixar a busca em <strong>foco<\/strong>.<\/p>\n<p>Iremos nos atentar logo \u00e0 frente que eles <strong>voltaram atr\u00e1s<\/strong> nessa decis\u00e3o.<\/p>\n<h3>2013<\/h3>\n<p>Voltaram atr\u00e1s e focaram no portal <strong>novamente<\/strong> \u2013 por isso o de 2013 assemelha-se muito mais ao de 2002 \u2013 de 11 anos antes.<\/p>\n<p>Passaram por um per\u00edodo, fizeram os testes, que pelo jeito n\u00e3o deram certo e modificaram <strong>novamente<\/strong> a <strong>estrat\u00e9gia<\/strong> da empresa, retornando ao portal, aparentemente seu <strong>foco<\/strong> desde o <strong>in\u00edcio<\/strong>.<\/p>\n<p>Se pegarmos o site desde 1996, era um estilo bem de <strong>portal<\/strong>: contando com algumas <strong>not\u00edcias<\/strong> (obviamente que com a tecnologia dispon\u00edvel na \u00e9poca).<\/p>\n<p>Voltando para 2013: vemos um <strong>layout<\/strong> bem legal, um visual bacana, o apoio de cores &#8211; o logo do Yahoo foi para <strong><span style=\"color: #8a3bd9;\">roxo<\/span><\/strong>.<\/p>\n<p>Voc\u00eas ir\u00e3o notar que esse logo sempre foi <strong><span style=\"color: #ff0000;\">vermelho<\/span><\/strong>.<\/p>\n<p>J\u00e1 aproximadamente em 2013 alterou para roxo e o<strong> apelo visual<\/strong> do site era em roxo: os \u00edcones, o fundo.<\/p>\n<p>Vemos que a internet melhorou <strong>bastante<\/strong>: j\u00e1 come\u00e7am a surgir <strong>v\u00eddeos<\/strong>, o Yahoo j\u00e1 conta com alguns, al\u00e9m da busca pelos mesmos.<\/p>\n<p>Isso mostra a <strong>evolu\u00e7\u00e3o<\/strong> e a import\u00e2ncia de estarmos <strong>acompanhando<\/strong> a tecnologia.<\/p>\n<p>Se seu site tem 5 anos, \u00e9 claro que as coisas l\u00e1 de tr\u00e1s j\u00e1 <strong>nem existem<\/strong> mais, est\u00e3o todas <strong>defasadas<\/strong> \u2013 j\u00e1 existem coisas <strong>novas<\/strong>.<\/p>\n<p>Voc\u00ea precisa estar constantemente <strong>atualizando<\/strong> seu site.<\/p>\n<p><strong>Por qu\u00ea?<\/strong><\/p>\n<p>A tecnologia <strong>n\u00e3o para.<\/strong><\/p>\n<p>E hoje em dia, as coisas mudam cada vez mais <strong>rapidamente<\/strong>.<\/p>\n<h3>2015<\/h3>\n<p>\u00c9 mais do mesmo.<\/p>\n<p>Podemos ver que houve sim uma melhora <strong>visual<\/strong> do site \u2013 o logotipo foi reformulado: aparentemente a cor e o <em>formato<\/em> foram alterados. As letras eram mais <strong>gordinhas<\/strong>, tinham tracinhos nas letras, que foram retirados e agora tudo est\u00e1 mais reto.<\/p>\n<p>Houve uma <strong>remodela\u00e7\u00e3o<\/strong> na marca.<\/p>\n<p>Isso tamb\u00e9m \u00e9 <strong>importante<\/strong>.<\/p>\n<p>Se seu logotipo tem mais de 5 ou 10 anos, muitas vezes \u00e9 interessante dar uma <strong>repaginada<\/strong> e uma remodelada no mesmo.<\/p>\n<p>N\u00e3o \u00e9 para fazer uma <strong>transforma\u00e7\u00e3o<\/strong> dr\u00e1stica: aqui no Yahoo houve uma <strong>mudan\u00e7a<\/strong>, mas n\u00e3o radical \u2013 nos faz lembrar do antigo.<\/p>\n<p>Quando houve a mudan\u00e7a de cor observada de 2008 para 2013, a mesma coisa: modificaram primeiro a <strong>cor<\/strong> e depois o <strong>formato<\/strong>.<\/p>\n<p>Houve uma <strong>repagina\u00e7\u00e3o<\/strong> no site, mas n\u00e3o alterou muita coisa: o foco ainda \u00e9 a not\u00edcia.<\/p>\n<p>E assim chegamos no site dos dias <strong>atuais<\/strong>.<\/p>\n<h3>2018<\/h3>\n<p><strong>O que mudou?<\/strong><\/p>\n<p>J\u00e1 estamos com a <strong>logomarca<\/strong> nova, o espa\u00e7o do monitor est\u00e1 sendo muito melhor <strong>aproveitado<\/strong>.<\/p>\n<p>Isso se deu devido \u00e0 <strong>mudan\u00e7a<\/strong> nos h\u00e1bitos de consumo: hoje as pessoas t\u00eam monitores maiores, automaticamente o site do Yahoo se adaptou a isso.<\/p>\n<p>Um outro ponto importante a ser considerado \u00e9 que nesse momento j\u00e1 est\u00e3o trabalhando com <a href=\"https:\/\/www.kryzalis.com.br\/blog\/como-vender-mais-com-marketing-e-propaganda\"><strong>publicidade<\/strong><\/a> externa: n\u00e3o vemos em nenhuma outra vers\u00e3o eles trabalhando com a mesma.<\/p>\n<p>Al\u00e9m disso percebemos a parte <strong>social<\/strong> do mesmo: a integra\u00e7\u00e3o com rede social e com o usu\u00e1rio.<\/p>\n<p>Coisas que n\u00e3o eram vistas em 2015.<\/p>\n<p>\u00c9 poss\u00edvel, hoje, compartilhar nas redes sociais, enviar por e-mail, coment\u00e1rios, deixar seu <em>like<\/em> na mat\u00e9ria.<\/p>\n<p>Essa \u00e9 a an\u00e1lise do site do Yahoo \u2013 uma an\u00e1lise mais <strong>hist\u00f3rica<\/strong>.<\/p>\n<p>Deixo aqui uma mensagem importante para voc\u00ea: se tem um <a href=\"https:\/\/www.kryzalis.com.br\/blog\/como-avaliar\">site<\/a>, d\u00ea uma olhada, veja se n\u00e3o est\u00e1 na hora de <strong>atualizar<\/strong> o mesmo, se j\u00e1 n\u00e3o est\u00e1 antigo.<\/p>\n<p>A <strong>tecnologia<\/strong> tem passado muito r\u00e1pido.<\/p>\n<p>Cuidado com a imagem <strong>transmitida<\/strong> por voc\u00ea ao seu p\u00fablico.<\/p>\n<p>Pode escolher transmitir a imagem de uma empresa <strong>moderna<\/strong>, que est\u00e1 constantemente se atualizando e trazendo o melhor; ou de uma <strong>abandonada<\/strong> no tempo.<\/p>\n<p>Se gostou desse v\u00eddeo, deixe seu curtir, seu \u201c<em>j\u00f3inha<\/em>\u201d, comente aqui se seu site est\u00e1 atualizado ou n\u00e3o e nos vemos num pr\u00f3ximo v\u00eddeo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quer ver como o site do Yahoo evoluiu desde 1996? Acompanhe a evolu\u00e7\u00e3o e saiba por que \u00e9 importante constantemente estar remodelando sua identidade visual.<\/p>\n","protected":false},"author":2,"featured_media":26527,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[67],"tags":[],"class_list":["post-26525","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-videos"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/26525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/comments?post=26525"}],"version-history":[{"count":4,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/26525\/revisions"}],"predecessor-version":[{"id":26531,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/26525\/revisions\/26531"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media\/26527"}],"wp:attachment":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media?parent=26525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/categories?post=26525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/tags?post=26525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}