Esse é um daqueles lançamentos que a gente devia ter anunciado há alguns meses, mas vocês sabem que somos chatos. Gostamos de desenvolver nossos próprios recursos e interfaces. Alguns leitores pediram várias vezes para instalarmos um plugin como o WP Touch, mas não, a gente resolveu desenvolver a parada do zero.
Esse é o estilo Tecnoblog de fazer as coisas. 
Sem mais delongas, eis a novíssima interface mobile do TB:
Se você acessou esse post do seu smartphone, já deve estar visualizando a nossa interface mobile. Isso porque o nosso sistema já cuida do redirecionamento, baseando-se no dispositivo pelo qual você carregou o TB. Repare que, para facilitar as coisas, a url da interface mobile também é diferente do site normal: http://m.tecnoblog.net.
E se você estiver no seu smart, mas mesmo assim quiser ver a versão full do site, é só rolar a tela até o rodapé da página e clicar no link “Versão desktop”. Simples assim!
Além disso, vários recursos do TB convencional também estão disponíveis na interface mobile. A começar pela nossa barra de destaques, turbinada com o recurso de swipe. O TB Login também foi adaptado para a telinha, assim você pode comentar nos posts utilizando a sua conta.
Sim, nada de perder pontos só porque o site carregou em uma interface minimalista. 
A cereja no topo do bolo fica por conta da página de posts mais populares. Tocando naquele passarinho que aparece no canto superior direito da tela, você visualiza os dez posts mais retuitados do TB nas últimas 24 horas. Isso será especialmente útil quando você estiver sem tempo, ou com preguiça para navegar entre os nossos últimos posts. Basta clicar alí para ter acesso às principais notícias do dia, de acordo com os nossos próprios leitores.
Qualquer bug, por favor nos reportem. Testamos a interface em vários sistemas, aparelhos e emuladores, mas desenvolver para o mundo mobile não é tão simples quanto desenvolver para desktops. São muitos tamanhos de telas e versões de sistemas operacionais!
E se você é um usuário de iPhone/iPod Touch, saiba que preparamos tudo na resolução do Retina Display. Não se esqueça de adicionar o ícone do TB na sua home screen, assim você confere os últimos posts do blog em apenas um clique.
É isso galerinha, bora virar o negócio do avesso de tanto usar!
Assine pelo iTunes
Assine pelo Feed
Funcionando lindo e maravilhoso aqui. http://twitpic.com/3xi5mz
ADOREI a versão mobile do TB, testei no meu iPad e ela ficou simplesmente perfeita. Equipe tá de parabéns!!!
Gente que lindo
Ficou muito boa mesmo, valeu a pena esperar, aliás, excelente recurso dos posts mais populares no twitter.
Só acho que poderiam ter habilitado o WP touch provisóriamente enquanto essa versão própria não saia. Enfim, parabéns pelo excelente trabalho, o uso da franquia do 3G com certeza vai reduzir a partir deste mês.
Demorou mas veio.
Está excelente. Parabéns.
Perfeito.
Agora só falta um app para iOS.
Acho que a idéia de lançar a página versão mobile é justamente para atender a todas plataformas.
Amigo, eu prefio um webapp do que um app para blogs…
O horário dos comentários está com 2 horas de diferença na versão Mobile, Thiago.
Mobilon, é necessário acessar o m.tecnoblog.net para ver a versão móvel? Aqui não redirecionou acessando pelo domínio principal.
(Do browser padrão do Android).
Realmente ficou muito bem desenvolvida. Parabéns.
Gostaria de fazer 2 observações.
1. no meu iPhone ele não entra automático na versão mobile quando digito http://tecnoblog.net, cai na versão normal, não que seja um problema para mim, apenas para avisar.
2. Não tem como salvar os dados quando comento? digitar em teclados pequenos/tela é mais complicado que no teclado do computador, ou seja, se pudermos economizar digitação seria melhor, pelo que notei testando agora toda vez que comentei tive que digitar meus dados de nome/email/url.
Novamente, está muito bom mesmo, somente esses detalhes que notei.
Realmente digitando tecnoblog.net, cai na página normal. Mas fora isso, sem problemas. Minha info de login dica salva aqui no Symbian =)
Aqui eu clico em Login, pede autorização no twitter, eu autorizo, volta para a página de editar perfil no wordpress.
Volto a tentar acessar o post e ele não está logado, tento acessar da mesma forma e o processo todo se repete.
Se entro na versão web normal, está logado.
Vix, agora ficou estranho de vez, cliquei em sair aqui no Safari do OSX mesmo e não consigo matar o login, continua sempre logado.
Ia testar logar pelo twitter por aqui.
testei novamente agora, continua sem poder deslogar.
Mesmo problema.
Estou no macbook, acessando a versão mobile agora, loga, autoriza twitter, volta para o post, mas não está logado.
+1
LOL! A tempos espero isso. Ficou lindo na tela retina do meu iPod. Parabéns
Ok, suporte ao Retina Display. Tem meu respeito.
Perfeito! Funcionando 100% no Symbian^3 =)
Mãe, to no print! Gostei da interface, bastante amigavel e personalidade. Parabéns!
Queria dizer personalizada
Ficou excelente.
Uéé que isso? Acertou o celular, mas não faz sentido nenhum esse “Mobile Safari” sendo que o Magic tem Android.
Tem umas coisas pra aparar, como quando você clica num campo e o conteúdo não é limpo e tem que ser apagado na mão.
Aparece como Safari pq o browser padrão do Android é feito em Webkit, assim como o navegador da Apple. O Chrome também é, o RockMelt também, mas ambos possuem uma “assinatura” diferente da padrão do Webkit, por isso o site identifica eles corretamente.
Sobre o navegador é pq ambos usam o mesmo WebKit, pelo que entendi…
Mas, podia ser mudado de Safari para WebKit, já que hoje nem de longe o Safari é o único Mobile com ele…
Humilhou! Ê orgulho.
Minhas sugestões únicas são:
O ícone do twitter não representa bem os mais populares, mesmo que seja por RT, a percepção é diferente. Parece que é para enviar o post para o twitter. Eu sugiro um pódio ou coisa parecida, se quiser eu desenho
Acho que deveria haver um botão para comentar no final dos comentários, ancorado ao formulário. Muitas pessoas costumam ler o que foi comentado antes de postar.
No mais, digo que o TB com essa está oficialmente praticando bullying na concorrência. Hehehe.
Concordo, o formulário deveria estar no final, estranhei isso mesmo mas achei que eu estava sendo muito chato e nem comentei, mas já que alguém levantou a bola.
Também achei que era pra postar no twitter
É isso é verdade um troféuzinho seria mais intuitivo.
“praticando bullying na concorrência” – Não podia ser mais especifico. hahaha. Concordo plenamente.
Sensacional!
Sou leitor há algum tempo do blog e me irritava um pouco em ter que ficar ajustando o zoom pra ler os artigos no meu Milestone.
Ainda não vi uma versão mobile tão interessante em nenhum outro blog, tá muito melhor que Gizmodo, Engadget e etc.
Parabéns!
ALÔ GALVÃO, FILMARAM EU! HAHAH
Mas bem, sobre a interface, parece boa, não tenho como testar porque estou sem smartphone atualmente, mas em breve…
Só tive um pequeno problema: hoje mais cedo, ao entrar no site, fui redirecionado para o site mobile, sendo que estava no desktop.
Essa foi uma situação pontual, Leonardo. Já foi resolvida.
Foi não. To na versão mobile agora, mesmo usando o pc, não ta entrando na versão normal!!!
No Opera Mobile do Symbian tá bugadin.
Aqui tá entrando normal no Opera e no navegador padrão do Symbian. Só um problema no contraste do link dos comentários.
A bugação do Opera Mobile consta no tamanho, que não está ocupando a tela inteira. Tá meio que… cortado: http://cl.ly/4Rpg.
Fora que, como vi nos comentários acima, não tá redirecionando. Tem que acessar diretamente pelo link mobile.
Por que depois de carregar a página dá outra carregadinha? E volta para o topo quando clico para mostrar os comentários?
Acreditam que tem rolagem horizontal pra conseguir ler o texto todo?
Vocês não fizeram um site móvel, fizeram um site pra iOS / Webkit…
Eu costumo ler os posts do blog através do link do twitter ao qual o acesso a maior parte do meu iPhone e este era sem duvida o recurso que eu mais desejava no site. A interface ficou linda parabéns pelo trabalho. Terei com certeza mais prazer de acessar o tecnoblog pelo meu celular.
Acabei de ver, ao enviar o comentario pela WebView dentro do app do Twitter for iPhone ele pegou meu usuario como se fosse um mozilla. Além do que foi dito anteriormente eu recomendo que você ao publicar um comentario façam isso por ajax. Afinal é ruim a pagina dar refresh logo após você ter postado o comentario.
Se eles esperam que funcione em mais aparelhos, principalmente não iOS e Android, NÃO utilizem ajax
Li a notícia aqui e corri pro Milestone. Ficou show!
Carregando rápido e super organizado.
Congrats, povo.
Ficou chick parabens..@@!!!!
olha, o site tá bem bonito assim enh! Tirando esse tema meio iOS cof cof (androidfag)
O tecnoblog.net entrando direto na versão mobile tanto no navegador padrão do Symbian quanto no Opera, tu funcionando direito. Só tenho como ressalva a cor da fonte e o contraste de alguns links. O “exibir comentários”, por exemplo, está quase invisível no navegador padrão. Mas de resto tudo funcionando bem e rápido. Esse problema da cor e do contraste das fontes é só no Symbian?
Gente, que coisa linda.
Muito boa a vesão mobile, funfou direitinho no Dolphin do Android, no Opera Mobile dá pau no contraste do link de comentários. Só senti falta de ver de qual sistema/navegador o povo posta, mas a interface mobile tá show!!!
Só notei um bug na hora das postagens, duas horas de atraso.
Ah, pelo Twitter eu loguei de boa no Android. Tecnoblog tá de parabéns. =]
True.
Confirmo oq ele diz, acabei de postar e está ” 2 horas atrás ” heheh
Tive problemas pra logar pelo Facebook, redireciona para a página inicial e não loga.
Simplesmente incrível! Tecnoblog sempre inovando!
Ficou excelente. Rodando perfeitamente no iPhone! Parabéns a todos da equipe.
Gostei.
Ficou legal no meu smartphone
Testei em um feature phone que tenho da Samsung que roda aplicativos em Java e usando tanto o navegador nativo como o Opera ficou muito bom.
No Android, pelo Skyfire (configurado para assinar como mobile – dá pra configurar ele como mobile ou como desktop), tá indo, inclusive quando digito a url normal, ele me redireciona pro mobile. Mas pelo Dolphin, não.
Sério mesmo? O Dolphin funfou de boa no meu Android, redirecionou certinho pro mobile…
Muito bom layout!
So tenho algumas sugestoes:
-No empilhamento de Notícias, colocar o > à direita centralizado verticalmente.
-No lugar do Twitter, colocar uma pagina “Mais” onde teria como logar (e editar perfil), selecao de outras categorias (as abas do header) e a listagem dos mais retuitados;
-colocar Standalone para quando add à homescreen, para o Safari ocupar menos espaco;
-Colocando standalone, o botao “Home” vira voltar com history.back(-1) e a logo do TB passa a ser link para a Home (como a usabilidade na web é – ou deveria ser – por padrao)
-ao clicar em outra imagem da galeria, colocar um loading como overlay no thumb da imagem pois acessando por 3G, eu cliquei nas imagens e achei que o JS tinha dado pal pois fiquei sem FeedBack da acao;
- footer azul ter no minimo 45 px de altura como manda no manual da Apple para usabilidade (no safari os links estao muito perto do toolbar de baixo);
-paginar comments e colocar o form de comentar depois dos comentario para manter o padrao visual adotado no site;
-fazendo o topico acima, colocar entre o post e os comentarios um anchor com jump direto para o form apos os comments. E colocar o login junto do form sem o Modal (so uma div com display:none e usar toggle(); ta bom) pq ele faz subir a pagina.
- no form de comentario, ou aumentá-lo ou usar JS que faz crescer à medida que digita. Voces nao sabem o quanto é ruim fazer scroll dentro de um textarea no iOS
- com esse tanto de border-radius e esse look n feel, o target parece ser só iOS (pq Android tem uma usabilidade um pouco diferente né).. Mas to nem ai, ta lindao no meu iPhone4 xD
Gente, é só minha opinião como mero Mobile web designer… Sem flames =(
#bjometwitta
@RaphaelDDL
E traduzir o “Click here to cancel reply”…
Perfeito, haha
Agora traduz tudo pra nós meros usuários
Nossa ficou muito bom! Vcs fizeram um ótimo trabalho, estou usando a nova interface agora e achei que ficou 10!
Adorei!! vcs são ótimos! ja coloquei o ícone do TB na minha home do ipod, o ícone ficou lindo com a retina display! vcs são demais! parabens!!
Muito legal, agora tenho o Tecnoblog também no blog
Ficou show de bola!
Parabéns, ficou muito foda!
Adorei! Ano passado perguntei pelo twitter se num tinha e me respondeu que “Ainda não!” Valeu a pena!
Como já comentei em outros posts, parabéns
Ficou show!
No Milestone 2 ele nao entrou na interface mobile automaticamente…
Sofri um pouco pra logar via twitter. Mas consegui. Queso ver se vou ter que logar sempte. Mas de resto… show de buela
Só falta add os thumbs up/down na interface mobile \o
é aquilo, interface móvel precisa simplificar, talvez até coloquem, mas eu acredito que quanto mais puder subtrair para agilizar a navegação e reduzir a quantidade de dados necessária para carregar a página melhor para nós e a franquia do 3G agradece.
No meu Nokia 5530 ficou um pouco grande, mas está bom.
O canto direito da tela fico em branco, ele não usa a tela toda no meu 5530 tb…
SE foi desenvolvida do 0 pq varias coisas estao em ingles? nao que seja um problema, só curiosidade.
Coisas tipo o “Click here to cancel reply”? Isso é gerado pelo WordPress, que utilizamos em inglês…
Alguma previsão de quando vou poder deslogar do tecnoblog?
Sim, mas dá pra traduzir numa boa.
Dá, mas isso não tem nada a ver com o fato de a gente ter desenvolvido o tema do zero…
O motor do blog é wordpress em inglês, o que eles fizeram foi a interface mobile do zero.
Ficou d+, um dos melhores que eu ja vi…
Vcs fizeram um otimo trabalho, ficou perfeito no meu milestone!
Parabéns! Ficou excelente!
Muito bom, mais um diferencial do TB =D !! Parabens !
Só uma dúvida, ao acessar do desktop ele está carregando direto na página mobile, era para ser assim mesmo ?
Era um bug, mas já arrumamos!
Excelente galera, parabéns a todos os envolvidos.
Testei no meu Nokia 5800 (@ Symbian S60 v5) com o Opera Mobile e o navegador nativo, se saindo bem em ambos, com posts e comentários.
Não ficou com a largura adequada (é mais estreito que iPhone), então na home fica um pouco sobrando e tem que rolar, e se deixar em paisagem, falta site e sobra tela, mas fora isso, como os navegadores auto-ajustam o texto para caber (já dentro de um post), fica ótimo.
A franquia de dados de muita gente agradece
Great job!
100% no meu HTC Desire, parabéns!
Fomos surpreendidos novamente.
Ficou muito bom, redondinho!
No meu Android ficou excelente!
Graças ao TB Mobile lá se vai a bateria do telemóvel
Demorou mas ficou muito boa!
Nossa, agora quando eu acesso o pelo meu ANDROID, tenho a impressão que estou usando um iPhone. Muito tosco isso. Continuarei a usar o interface tradicional mesmo. Essa parcialidade me mata =/
Todo blog/canal de notícias devia perceber que o esquema é fazer uma versão mobile decente do site, e não apps – como vários vêm fazendo.
No mais, parabéns aê!