• Save
Arquitetura de Informação em um E-commerce - Eduardo Shiota
Upcoming SlideShare
Loading in...5
×
 

Arquitetura de Informação em um E-commerce - Eduardo Shiota

on

  • 1,046 views

Apresentação por Eduardo Shiota, Front-end Engineer & Designer da Baby.com.br, no Congresso E-commerce Brasil Experiência do Cliente.

Apresentação por Eduardo Shiota, Front-end Engineer & Designer da Baby.com.br, no Congresso E-commerce Brasil Experiência do Cliente.

Statistics

Views

Total Views
1,046
Views on SlideShare
1,046
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Arquitetura de Informação em um E-commerce - Eduardo Shiota Arquitetura de Informação em um E-commerce - Eduardo Shiota Presentation Transcript

  • Analisando, adaptando e melhorando aArquitetura de Informaçãoem um e-commerce@shiota 2013
  • olá!Eduardo Shiotaslideshare.net/eshiotashiota@baby.com.br@shiota
  • front-end engineer@
  • = UX
  • O que é UX?
  • Arquitetura de InformaçãoDesignSEOAnálise de Produto
  • Engenharia deSoftwareQuality AssuranceAgile CoachSysOpsMarketingComercialFinanceiroSACLogísticaUXArquitetura de InformaçãoDesignSEOAnálise de Produto
  • User Experience não é umadisciplina, é um mindset.
  • O que é a Arquitetura deInformação?
  • estruturação, modelagem e fluxode informações emsistemas complexos
  • O que faz a Arquitetura deInformação?
  • Estudos com usuários
  • Classificação dasinformações
  • Fluxos de navegação
  • Padrões e metáforasde interface
  • SWAT HQStrategic Worldwide Applications and TechnologiesHome | About SWAT | Blog | Labs | Jobs | ContactSearch inside SWATsearchFollow us on Twitter »Twittermihswat The SWAT teamMetaprogramming: Ruby vs. Javascript:http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript #mkx -17 minutes agomihswat The SWAT teamAnd from the Nimbuzz blog: What theSkype/Nimbuzz Breakup Means To Youhttp://ht.ly/2YLEw #mkx - 3 hours agootaviofff Otavio FerreiraPragmatic approach to scaling out #scrumteams: http://goo.gl/71Pp #mkx #agile - 20Octmihswat The SWAT teamPrototype of an Open Web App Ecosystem:http://blog.mozilla.com/blog/2010/10/19/prototype-of-an-open-web-app-ecosystem/ #mkx -19 Octmihswat The SWAT teamPokens being sold at #teched. Has anyoneasked you to share Poken info yet or is the techstill too new? - 19 OctVisiit our Flickr page »FlickrSitemapTags· Home· About SWAT· Blog· Labs· Work @ SWAT· ContactFollow us#mihswat Africa AJAX android apple architecture book community confer-ence developers development facebook feedalizr html inter-net iphone Jacques van Niekerk Java Javascript John Kotsaftis Linux mediaMicrosoft mobile mobile banking mobile payment Naspers oo open source phpRafiq Phillips review scrum Search security Social Graph software spl SWATTwitter uml USSD web Web 2.0 zendconCopyright Lorem Ipsum dolor sit amet. Powered by Wordpress.About SWATThe teamWelcome to the blog of the Strategic Worldwide Applications and Technologies (SWAT) team ofNaspers/MIH – a Global Media Company.Naspers/MIH has one of the largest developing market investment portfolios in theInternet/Mobile space. You can see our investment portfolio here.The SWAT team is a global product development and Internet Strategy team, comprised of Inter-net Analysts, Product Specialists and Software Engineers. Together we form a think tank andexecution arm of the Internet division within Naspers, and this blog serves as our outlet for stra-tegic thoughts, technological idea sharing and general discussion both with the users of theproducts within Naspers/MIH Internet as well as other new WWW destinations.We encourage our team members as well as other Internet thinkers within our Group to writeblog posts and welcome feedback and debate from the wider community.Interested in working at SWAT? Give us a shout!You may find more about SWAT on our social profiles:Jacques van NiekerkCEOBeware of the young doctor andthe old barber. Most folks are about as happy asthey make up their minds to be.Good taste is the worst vice everinvented.Well, obviously we have a rapist inLiconln Park.When everyone is somebody, thenno ones anybody. An undefined problem has aninfinite number of solutions.When everyone is somebody, thenno ones anybody.A sailor without a destinationcannot hope for a favorable wind.An undefined problem has aninfinite number of solutions.We dont know who we are untilwe see what we can do. Scrum is what separates the menfrom the boys.Sometimes it is the quiet observerwho see the most. Walking is the best possibleexercise. Habituate yourself towalk very far.Leon CoetzeeCOODani ValentinBack-end developer Eduardo Shiota YasudaFront-end developerHeidi OckerSEM and GA evangelist Jeanne-Marié RouxSoftware engineerOtavio FerreiraSenior Developer and OO ExpertRafiq PhillipsSEO ExpertRafael DohmsPHP WarlockLeon MyburghPHP developerSteve FarrandViking of KitingZunaid ParkerIndustry AnalystTyrone VisagieArchitectProjects and experimentsVisit SWAT Labs »"Well, your honour," replied he, "I could not riskmyself, my men, or my little boat of scarcelytwenty tons on so long a voyage at this time ofyear. Besides, we could not reach Yokohama intime, for it is sixteen hundred and sixty milesfrom Hong Kong." "Only sixteen hundred," saidMr. Fogg.SWAT BlogMaybe a catchy tagline lorem ipsum?Search inside SWAT searchThe Web is Not Dead. Long Live the Web!11OCT2010by Eduardo Shiota Yasuda · PermalinkNo commentsAs mentioned in my previous post on An Event Apart, I especially enjoyed Jeff Veen’s talk onHow the Web Works. One of Veen’s last slides was controversial Wired’s September issue coverthat, with a deep red background and giant letters, proclaimed“The Web is dead”. Its mainarticle has since been a subject of long discussions around the Internet, some partially agree-ing, others entirely disagreeing. And Jeff, apologizing to his former employees, declared thatcouldn’t disagree more about Wired’s opinion.read more »tweet like2.548An Event Apart 201004OCT2010by Eduardo Shiota Yasuda · PermalinkNo commentsConsider the past 10 years and answer the question: What has changed?In technology, Windows 98 SE became Windows 7, Ubuntu helped spread Linux, and Mac OSX extended its users base. The mobile world exploded after the introduction of the iPhone.Web Design gained importance, social networks arose, and rich media found its way to themasses via YouTube. Google became the god of Internet, Apple gained a church of fanaticfollowers and a legion of enemies. Flash was born, became a symbol of the future, and todayis being stoned by HTML5 standards. Web became 2.0, and then people realized how wrongit is to give it a version number. The Web is dead. Long live the Internet. But it will reborn, assoon as people realize how wrong it is to claim its death.read more »tweet like2.548No commentstweet like2.548SES San Francisco 201027SEP2010by Rafiq Phillips · PermalinkDifficult choices had to be made at the Search Engine Strategies conference this year. As withSMX East last year, choosing which sessions to attend was extremely challenging for thisinhouse SEO as there were always simultaneous sessions that could have benefited morethan one company within the group.read more »About SWATNewsThe SWAT team is a multi-disciplinary globalproduct development and Internet Strategyteam. We form a think tank and execution armof the Internet division within Naspers, and thisblog is our outlet for sharing strategic thoughtsand technological concepts with you.· MIH Internet Talent Evenings· Lorem ipsum dolor sit amet· Another page created in WordpressCategories· Event (16)· Front-end development (4)· JavaScript (3)· PHP (10)· Scrum (10)· SEO (8)· SEM (10)· Software architecture (10)view more »No commentstweet like2.548The proliferation of mobile VoIP and thepotential effect on cell network operators17SEP2010by Zunaid Parker · PermalinkAdvancements in technology nearly always results in the development of new industries, butequally so, it also results in existing industries becoming preys of innovation.It is estimated that worldwide smartphone sales are to total 4.5bn units throughout 2010 to2015, so it is a common thought that most cell phone users will eventually own a smart-phone (soon to be 4G compatible).read more »No commentstweet like2.548How does an organization ensure thepeople in it are competent and empow-ered to do their job?15SEP2010by Steve Farrand · PermalinkThis is a wicked problem. I believe part of the answer is to train them, and keep training(growing) them.read more »Next1 2 3 ... 267Get to know our cutting-edge experimentsFollow us on Twitter »On Twitter...mihswat The SWAT teamMetaprogramming: Ruby vs. Javascript:http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript #mkx -17 minutes agomihswat The SWAT teamAnd from the Nimbuzz blog: What theSkype/Nimbuzz Breakup Means To Youhttp://ht.ly/2YLEw #mkx - 3 hours agootaviofff Otavio FerreiraPragmatic approach to scaling out #scrumteams: http://goo.gl/71Pp #mkx #agile - 20Octmihswat The SWAT teamPrototype of an Open Web App Ecosystem:http://blog.mozilla.com/blog/2010/10/19/prototype-of-an-open-web-app-ecosystem/ #mkx -19 Octmihswat The SWAT teamPokens being sold at #teched. Has anyoneasked you to share Poken info yet or is the techstill too new? - 19 OctVisiit our Flickr page »On Flickr...Home | About SWAT | Blog | Labs | Jobs | ContactSitemap Tags· Home· About SWAT· Blog· Labs· Work @ SWAT· ContactFollow us#mihswat Africa AJAX android apple architecture book community confer-ence developers development facebook feedalizr html inter-net iphone Jacques van Niekerk Java Javascript John Kotsaftis Linux mediaMicrosoft mobile mobile banking mobile payment Naspers oo open source phpRafiq Phillips review scrum Search security Social Graph software spl SWATTwitter uml USSD web Web 2.0 zendconCopyright Lorem Ipsum dolor sit amet. Powered by Wordpress.Archives· 2010 (34)· October (3)· September (5)· August (4)· July (4)· June (4)· May (3)· April (3)· March (3)· February (2)· January(3)· 2009 (34)SWAT LabsResearching the latest web technologiesHome | About SWAT | Blog | Labs | Jobs | ContactSearch inside SWATsearchFollow us on Twitter »Visit our Flickr page »mihswat The SWAT teamMetaprogramming: Ruby vs. Javascript:http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript #mkx - 17 minutes agomihswat The SWAT teamAnd from the Nimbuzz blog: What the Skype/Nimbuzz BreakupMeans To You http://ht.ly/2YLEw #mkx - 3 hours agootaviofff Otavio FerreiraPragmatic approach to scaling out #scrum teams:http://goo.gl/71Pp #mkx #agile - 20 Octmihswat The SWAT teamPrototype of an Open Web App Ecosystem:http://blog.mozilla.com/blog/2010/10/19/prototype-of-an-open-web-app-ecosystem/ #mkx - 19 Octmihswat The SWAT teamPokens being sold at #teched. Has anyone asked you to sharePoken info yet or is the tech still too new? - 19 OctSitemapTags· Home· About SWAT· Blog· Labs· Work @ SWAT· ContactFollow us#mihswat Africa AJAX android apple architecture book community confer-ence developers development facebook feedalizr html inter-net iphone Jacques van Niekerk Java Javascript John Kotsaftis Linux mediaMicrosoft mobile mobile banking mobile payment Naspers oo open source phpRafiq Phillips review scrum Search security Social Graph software spl SWATTwitter uml USSD web Web 2.0 zendconCopyright Lorem Ipsum dolor sit amet. Powered by Wordpress."Well, your honour," replied he, "I could not risk myself,my men, or my little boat of scarcely twenty tons on solong a voyage at this time of year. Besides, we could notreach Yokohama in time, for it is sixteen hundred andsixty miles from Hong Kong." "Only sixteen hundred,"said Mr. Fogg.Innovative projectsand experimentsShare My MapA social network with focus on creatingmaps and contributing to them.feedalizrCross-platform, desktop social mediaaggregator that consolidates the updatesfrom social networks.- Add places to any map- Comment and rate placesView more »View more info »Go to websitesocial graphExplore your social graph to discover socialclusters and photo friends on Facebook.View more info »Go to websitefind2followA minimalistic approach to finding peopleyou may like to follow on Twitter.View more info »Go to websiteGo to websiteSWAT on TwitterSWAT on FlickrSWAT HQStrategic Worldwide Applications and TechnologiesLatest blogpostView all posts »Home | About SWAT | Blog | Labs | Jobs | ContactSearch inside SWATsearchThe Web is Not Dead. Long Live the Web!by Eduardo Shiota Yasuda · 11/10/2010As mentioned in my previous post on An Event Apart, I especially enjoyed Jeff Veen’s talk on Howthe Web Works. One of Veen’s last slides was controversial Wired’s September issue cover that,with a deep red background and giant letters, proclaimed“The Web is dead”. Its main article hassince been a subject of long discussions around the Internet, some partially agreeing, othersentirely disagreeing. And Jeff, apologizing to his former employees, declared that couldn’t disa-gree more about Wired’s opinion."Well, your honour," replied he, "I could not riskmyself, my men, or my little boat of scarcelytwenty tons on so long a voyage at this time ofyear. Besides, we could not reach Yokohama intime, for it is sixteen hundred and sixty milesfrom Hong Kong." "Only sixteen hundred," saidMr. Fogg.Read full post »Follow us on Twitter »Visit our Flickr page »Visit SWAT Labs »About SWATAbout SWATExperimentsFeatured ProjectFeatured BlogpostThe SWAT team is a multi-disciplinary global productdevelopment and Internet Strategy team. View more »SWAT on Twittermihswat The SWAT teamMetaprogramming: Ruby vs. Javascript:http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript #mkx - 17 minutes agomihswat The SWAT teamAnd from the Nimbuzz blog: What the Skype/Nimbuzz BreakupMeans To You http://ht.ly/2YLEw #mkx - 3 hours agootaviofff Otavio FerreiraPragmatic approach to scaling out #scrum teams:http://goo.gl/71Pp #mkx #agile - 20 Octmihswat The SWAT teamPrototype of an Open Web App Ecosystem:http://blog.mozilla.com/blog/2010/10/19/prototype-of-an-open-web-app-ecosystem/ #mkx - 19 Octmihswat The SWAT teamPokens being sold at #teched. Has anyone asked you to sharePoken info yet or is the tech still too new? - 19 OctSWAT on FlickrExperimentsSitemap Tags· Home· About SWAT· Blog· Labs· Work @ SWAT· ContactFollow us#mihswat Africa AJAX android apple architecture book community confer-ence developers development facebook feedalizr html inter-net iphone Jacques van Niekerk Java Javascript John Kotsaftis Linux mediaMicrosoft mobile mobile banking mobile payment Naspers oo open source phpRafiq Phillips review scrum Search security Social Graph software spl SWATTwitter uml USSD web Web 2.0 zendconCopyright Lorem Ipsum dolor sit amet. Powered by Wordpress.
  • Análise de métricas ecomportamento
  • Information radiation
  • Como é o processo dedesenvolvimento na Baby?
  • Desenvolvimentoem camadas
  • Análise, adaptação,melhoria, lançamento
  • ideaçãoprototipaçãoimplementaçãotestes
  • Comunicaçãopróxima e constante
  • Arquitetura de Informação, Design, Análise eGestão de Produto, SEO, Engenharia deSoftware, e Quality Assurance emum único time
  • Backlog sempre visível
  • 2 histórias sempre preparadaspara o desenvolvimento
  • Arquitetura de Informaçãona preparação das histórias~adaptação~
  • Comunicar com as áreasafetadas pela história
  • Benchmark de patterns
  • Estudos com wireframese diagramas de fluxo
  • Situação 2: Aplicou o cupom e mudou a quantidade depoisEdit cart - versão A1. Mini cart1 item R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chicco1 un x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chicco1 un x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chicco1 un x R$ 3.490,00IR PARA O CAIXA >>2.1 Cart checkoutCarrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Revise e finalize seu pedidoFINALIZARSubtotal: R$ 3.490,00Frete: GrátisEntrega: 2 dias úteisTenho cupomTOTAL: R$ 3.490,00 (à vista)Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Revise e finalize seu pedidoFINALIZARSubtotal: R$ 3.490,00Frete: GrátisEntrega: 2 dias úteisTenho cupomTOTAL: R$ 3.490,00 (à vista)192.2 Cart checkoutatualizarSituação 2: Alterou a quantidade e não existe quantidade suficiente no estoque153532. Cart checkoutCarrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Revise e finalize seu pedidoFINALIZARSubtotal: R$ 3.490,00Frete: GrátisEntrega: 2 dias úteisTenho cupomTOTAL: R$ 3.490,00 (à vista)1953Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Carrinho Trio Living RedPassion até 15Kg Chiccoun x R$ 3.490,00Revise e finalize seu pedidoFINALIZARSubtotal: R$ 3.490,00Frete: GrátisEntrega: 2 dias úteisTenho cupomTOTAL: R$ 3.490,00 (à vista)539Nós temos apenas 9 desse produto noestoque, sugerimos essa quantidade.atualizarRegras- Não pode ser alterada a quantidade paranúmeros que não sejam inteiros, negativos,letras do alfabeto.- Se a quantidade colocada for igual a zero,o link exibido é o "remover"Ao clicarem confirmar,as infos sãoatualizadas eum fadeno numeroé aplicado comofeedback.Situação 1: Alterou a quantidade sem maiores problemas.Ao editar qualquervalor dentro docampo (diferentede zero), o linkconfirmar é exibido.Caso o usuárioclique em finalizar,ele deve confirmaro campo parapoder prosseguirapenas se aquantidade nãohouver em estoque
  • Arquitetura de Informaçãodurante o desenvolvimento~melhoria~
  • Compartilhamento dosartefatos com o time
  • Analista de SEO, AI e analistade produto participam doplanejamento técnico
  • Comunicação constantedurante o desenvolvimento
  • Toda feature nova édesenvolvida com teste A/B
  • Arquitetura de Informaçãopós-deploy~lançamento e análise~
  • Análise do impacto do releasenas métricas e comportamento
  • Levantamento de novas hipótesese repriorização do backlog
  • UX reports
  • E quanto ao futuro?
  • Focus groups, user testing,personas, clusters decomportamento
  • UX é um mindset
  • AI é um information radiator
  • Lançar, analisar,adaptar, melhorar
  • No fim das contas, oque mais importa...
  • obrigado!Eduardo Shiotaslideshare.net/eshiotashiota@baby.com.br@shiota
  • Fonte das imagens:http://www.flickr.com/photos/inquiettudes/5573156267/in/photostream/http://googleforstudents.blogspot.com.br/2011/06/help-improve-google-products-by.htmlhttp://annaandblue.blogspot.com.br/2011/08/aloha-summer-birthday-dessert-table.htmlhttp://davidwalsh.name/crazyegghttp://365psd.com/day/2-63/http://www.flickr.com/photos/yandle/3857000967/lightbox/