Wallace Vianna

Idéias, opiniões e reflexões sobre design

[wallyvianna]

Interface é mais experiência do que uso

Wallace Vianna é designer

Fui abrir um aplicativo móvel pra editar fotos e... uma nova interface (design) e funções estavam lá. Saudades do tempo em que os programas (do PC) nos solicitavam fazer atualizações e havia a opção de usar uma versão mais velha. Agora as atualizações ocorrem sem aviso, tipo chegar em casa e ver as paredes pintadas, o piso trocado, móveis novos, sem ninguém avisar antes.

O programa é o Snapseed, um editor de arquivos de imagens do Google; não pinta, não escreve, mas edita a imagem por inteiro. O problema é que muita coisa importante se perdeu (a simplicidade) e outras tantas apareceram sem ninguém pedir (pegar fotos da rede social pra fazer colagens, tipo o que se faz com os Reels ou Stories).

O uso da interface de usuário ficou na frente da experiência de uso. Sempre que posso bato na tecla de que o programa aplicativo ideal é modular: você acrescenta ou retira funções, conforme sua necessidade e interesse.

Outra coisa que acho útil é o aplicativo ter versões pra ajudar a aprender através de tutoriais na web (quem já sofreu tendo que aprender a usar um recurso obscuro do Instagram ou Facebook entende a falta que um tutorial atualizado faz). Achar um tutorial da versão X e o aplicativo já estar na versão Z é um desserviço pra quem usa e pro criador, que deixam de fazer dinheiro por conta desse desencontro.

Por fim, a moda de mudar o visual do aplicativo pra sair da monotonia e "vender produto novo" podia ser trocada pela oferta de temas/skins novos e velhos - o usuário decide qual vai usar. Basta deixar a versão bem visível pra não gerar confusão.

Enfim: acho que se deveria dar ao usuário a opção de escolher como quer usar o produto, sem empurrar novidades que não foram pedidas nem desejadas por uns, mas atraindo novos consumidores em paralelo.

Em tempo: adorava o SnapSeed velho, duas versões atrás. O "expandir imagem" era o avesso de cortar, na horizontal e vertical, cada lado em separado, e a imagem não perdia qualidade no processo...

[wallyvianna]

Microsoft Outlook, Yahoo e gerenciamento de senhas

Wallace Vianna é designer

(Ou quando um sistema de proteção afasta usuários)

Uso mais de um serviço de e-mail gratuito justamente pra não ficar na mão quando um falha. Mas estou considerando abandonar de vez o Microsoft/MS Outlook e Yahoo Mail por conta do sistema de recuperação de senhas.

O MS Outlook tem um sistema de recuperação de senhas tão intrincado que realmente cumpre seu papel de afastar invasores.

A via crúcis começa no aplicativo MS Authenticator (que graças a Deus parece estar prestes a ser descontinuado), o qual intermedia/valida o acesso ao MS Outlook. Pra adicionar uma conta ali já é uma competição de Triathlon ou Iron Man, de tantas etapas. Se você mudar de celular e reinstalar o aplicativo o sofrimento se multiplica. Se esquecer a senha, pra recuperar o acesso à conta a dor aumenta exponencialmente.

O Yahoo mail é parecido, quase tão trabalhoso quanto o MS Outlook. É a famosa variação do mesmo tema - dificuldades iguais que seguem caminhos diferentes para o mesmo fim, que não vou detalhar aqui pra não ajudar pessoas mal intencionadas.

Essas dificuldades escondem na verdade sistemas imperfeitos, que pra funcionar bastariam cruzar 3 tipos de acesso diferentes - e-mail, telefone e aplicativo de mensagens instantâneas (Whatsapp?). Já comentei soluções criativas e efetivas para gerenciamento e recuperação de senhas aqui nesse blog, que essas empresas poderiam seguir.

Enfim, espero que a Microsoft e o Yahoo encontrem uma solução simples para seu gerenciamento de acesso e recuperação de contas, pois do jeito que está vão terminar por enviar usuários pros concorrentes...

[wallyvianna]

Design de serviços e UX

Wallace Vianna é designer.

Fazendo um projeto de design "peguei a visão" de que a melhor maneira de valorizar meu trabalho é entregando o que uma IA não entrega: nesse caso, detalhes na execução e trabalho intelectual.

Acessando um site de hospedagem de sites cheguei facilmente à conclusão de que o design faz toda a diferença quando a empresa não dá valor a isso. O site oferece carrinho de compras pros seus serviços, mas peca em diversos pontos:

o pagamento por PIX obrigatoriamente é com pagamento recorrente (não tem como desmarcar essa opção, só cancelar a compra antes da data de vencimento ou antes de 30 dias).

ao desistir de uma modalidade de pagamento (PIX) voltei ao carrinho e descobri que todos os dados digitados daquela compra não foram guardados num banco de dados da minha conta (eu estava logado!) e tive de refazer todo processo da compra, só pra gerar um boleto bancário (!).

pior que o carrinho de compras só o atendimento ou suporte, que é feito em boa parte por IA - respostas com contexto limitado.

Em resumo, se um design de serviços fosse desenvolvido para esse site, dando atenção ao entorno da forma de pagamento principal, a empresa ganharia mais clientes pois do jeito que está, quem chega não pensa em voltar.

Design de serviços (algo que inclui UX/Experiência do Usuário) num sistema de pagamentos é mais que um desenho bonito, é conceituar uma entrega além "da meta" - no exemplo acima, forçar um pagamento recorrente - é ter um sistema que facilite a vida do comprador.

[wallyvianna]

GloboPlay: UI e UX digna de nota

Wallace Vianna é designer e blogueiro.

Design de interfaces é feito de pequenos detalhes que, quando definidos através de pesquisa e análise, fazem toda a diferença.

A Rede Globo - e a maioria de suas concorrentes - tem aplicativo de celular com acesso a programação aberta e paga, todos muito ruins de se usar. Mas eis que a Globo Play lançou página da web com acesso a programação da TV aberta com uma interface das mais amigáveis.

Acessando o BBB 26 - programa ao vivo - pude voltar a assistir do início, pausar a exibição e voltar a assistir a transmissão, ao vivo. Parece coisa pouca mas são poucos aplicativos de streaming pra TV aberta que oferecem uma interface assim, até pra programas ao vivo.

A única critica que faria - resumo da programação pouco legível no celular - acabo tendo que relevar, pois interface digital móvel tem influência direta do navegador web, sistema operacional e aparelho usados (na minha análise usei o Google Chrome, Android e Xiaomi). Esse conjunto é que vai definir se o vídeo é ampliável, se haverá memória suficiente pra navegar na página ou se o navegador é compatível com o conteúdo.

Espero que a GloboPlay continue a oferecer UI/interface de usuário com uma UX/experiência de usuário satisfatória como essa, pra elevar a qualidade do streaming nacional e inspirar outras emissoras a fazer o mesmo.

[wallyvianna]

Hospedagens de site e falta de conformidade

Wallace Vianna é web designer

Imagem: MyLoview

As hospedagens de site em sua maioria usam o CPanel, um software que roda em Linux para administrar sites na web, o que padroniza muita coisa. O problema começa quando as hospedagens de site criam sua própria interface de gerenciamento de sites, seja para não ficar dependente de nenhum software pago como o CPanel, seja para oferecer serviços próprios ou complementares.

Antes de tudo quero dizer que a empresa que vou comentar aqui, na data desse post (novembro de 2025) possui um bom atendimento e bons serviços. O que critico aqui é a dobradinha UX/UI do site da empresa, que, infelizmente é uma coleção rara de soluções ou implementações ruins em design de sites num lugar só.

Logo ao acessar a administração de site da empresa uma URL/endereço é redirecionada para outra (pode ser uma questão de segurança, mas é algo indesejável do ponto de vista da navegação).

Ao acessar a administração do site, chamado Central do Usuário (nome fictício), um assistente de IA se oferece para resolver as dúvidas do usuário, usando linguagem natural, mas demora tanto para coletar informações no perfil inteiro que acaba sendo melhor fechar essa tela e procurar o que se deseja na base da tentativa e erro. Até porque cada solicitação/prompt demanda a IA coletar todas as informações novamente, do zero (!).

Por fim, as informações do suporte às vezes são ligeiramente diferentes das informações oferecidas pela IA desse site

O site oferece algumas opções em forma de links redundantes, uma vez que alguns assuntos fazem intersecção com outros. Justificado por um lado, mas denota uma arquitetura de informação pouco elaborada (?).

A página de suporte é mais um dos problemas desse painel administrativo: o formulário para abertura de ticket/mensagem de suporte técnico possui opções demais para serem selecionadas, sendo que as mais gerais ficam no fim da lista.

Felizmente há a opção de acessar o CPanel de administração de site, com uma interface conhecida e opções idem para quem trabalha nesse ramo (web design, desenvolvimento ou programação web, infraestrutura web).

Se fosse sugerir um design para essa "Central do usuário" - e para a maioria das empresas de hospedagem de sites, que tem páginas próprias para administração de sites - seria não reinventar a roda.

O próprio CPanel tem 2 interfaces ou designs para seu sistema, mas tudo fica dentro duma mesma arquitetura de informação. Então, criar interfaces semelhantes ao CPanel - no design ou na organização - seria condição sine qua non para que os usuários não se sintam tão perdidos ao utilizar um serviço de hospedagem de sites.

Usar recursos como breadcrumb trails (trilhas de migalhas de pão, onde as páginas navegadas oferecem uma sequência desses links, ordenados) para orientar a navegação; palavras e expressões simples; ajuda contextual (sem precisar sair da página) são apenas algumas coisas simples de se fazer em sites específicos como hospedagens de sites.

A Godaddy, uma empresa famosa nesse setor, por muitos anos ofereceu ao público um site com muitas deficiências de design e arquitetura de informação, mas vem fazendo melhorias graduais e está chegando a um site com usabilidade muito dentro do aceitável, além de oferecer um produto com design muito interessante no quesito simplicidade e facilidade de uso - não por acaso, um construtor de site.

Espero que esse post sirva como um alerta sobre o que deve ser evitado num site de hospedagem de sites e inspire o mercado a fazer sites com um design melhor, se baseando em bons exemplos e boas práticas.

[wallyvianna]

Design responsivo x adaptativo

Wallace Vianna é web designer

Imagem: Freepik

Falar em design responsivo hoje faz interseção com UI e UX, na medida em que a adaptação da interface do usuário (UI) melhora a experiência de navegação (UX). Mas parece que o design responsivo parou aí.

Responsividade hoje tem que estar ao lado do adaptativo: oferecer opções de uso tanto em telas estreitas (smartphones) quanto largas (PC de mesa). Por exemplo, o menu de opções do botão direito do mouse (Windows, Linux) não existe no meu programa de trabalho, quando acessado via celular.

Sei que vão dizer "então instala o aplicativo desse site" - se ele tiver app, claro. Mas a lista vai mais longe.

As teclas que modificam opções de uso das ferramentas, como Shift ou Alt, também normalmente não estão disponíveis na versão móvel. Alguns programas online ou aplicativos móveis resolvem isso bem, oferecendo essas opções direto na interface, mas isso não é regra geral. Já é hora do mercado repensar o design de interfaces com responsividade e adaptação, unificando as versões dos aplicativos desktop/de mesa e móvel, e no navegador de internet.

Hoje a solução que o mercado nos dá pra esse drama são os sites que oferecem uma ou mais ou ferramentas, em separado, para realizar uma tarefa. Normalmente esses sites de serviços online ou "uma-só-ferramenta" tem interface igual nos navegadores (móvel e desktop) e não são muitos diferentes nos aplicativos instalados nos celulares e PCs. Mas isso está longe de ser o ideal para trabalhos grandes, de longa duração ou em equipe.

Mais uma vez, o argumento de que "interfaces móveis são para pequenas tarefas" é algo relativo, uma vez que o número de celulares e tablets aumenta a cada dia; a redução do número de Lan Houses ou Cyber Cafés é o melhor argumento nesse caso. Interfaces e aparelhos móveis estão virando o novo padrão da indústria, e os exemplos são muitos: a máquina de cartão de crédito que diminuiu de tamanho até virar aplicativo de celular é o melhor exemplo, pois o celular hoje virou "canivete suíço digital", pois controla ar condicionado, TV, luz, porta de garagem e cada vez mais aparelhos do cotidiano.

Designers, vamos oferecer interfaces móveis melhores (leia-se: com a variedade de recursos de uma interface não-móvel) pois só assim o design de interfaces vai cumprir seu papel nessa década e nas seguintes.

[wallyvianna]

Simplicidade em interface de formulários

Wallace Vianna é webdesigner.

Muitas vezes o correto é tão simples que chega parecer óbvio ou bobagem comentar. Só não acaba sendo nenhum desses dois pois a maioria não faz esse "correto" ou "simples".

O formulário de login do site Santander Academy informa logo abaixo do campo senha, antes do usuário digitar, qual é o formato da senha de acesso, até porque nem todos os sites usam o mesmo padrão para senhas; e esse cuidado também facilita a lembrança.

Como mencionei, é uma coisa simples, mas o bom design é assim - funciona sem ser percebido.

[wallyvianna]

Precisamos de uma ISO 9000 para design de interfaces

Wallace Vianna é designer.

Imagem: Microsoft designer (IA)

Na data que redigi dessa postagem (janeiro de 2025), para se criar uma postagem no Linkedin devo usar o navegador web ou o aplicativo (ambos, móvel ou de mesa). Para publicar ou editar artigos eu tenho que usar o navegador web, de mesa ou móvel em modo de visualização de PC. Pra visualizar artigos o trabalho é semelhante: tenho que usar o navegador web (de mesa ou móvel em modo de PC), o app móvel ou o PC de mesa. No navegador móvel os recursos são cada vez mais limitados ou ocultos.

Se o aplicativo móvel estiver instalado, muitos links do navegador móvel são direcionados pro app móvel… que por sua vez não permite fazer tudo o que se precisa fazer, no Linkedin. E nada de exibir alerta "deseja abrir esse link no aplicativo ou navegador móvel?".

Pior é ter que anotar/decorar as urls mais acessadas ou somente acessíveis via navegador de mesa, para não abrir o aplicativo móvel (de carregamento mais lento) ou porque essa é a única maneira de ver a página desejada (no navegador web).

Existem outros exemplos de falta de consistência, em outras redes sociais igualmente famosas (Facebook, Instagram). Mas aparentemente as redes sociais novas parecem estar mais atentas a esse estado de coisas, o que nos faz imaginar se nas redes antigas as coisas permanecem erradas só porque o usuário já se acostumou com esse estado de coisas.

Isso ilustra bem a necessidade de uma ISO 9000, uma lista com diretrizes minimas para interfaces digitais.

Que venha logo!

[wallyvianna]

Quando o design ruim é uma estratégia

Wallace Vianna é web designer

Imagem: Freepik/Vector Juice

Interfaces web ruins normalmente são fruto de pouco conhecimento, dinheiro ou interesse no assunto. Mas às vezes o defeito é proposital.

Já acessei site que exibia informação secundária propositalmente sobre o conteúdo principal. O botão de "fechar" ficava exatamente sobre um anúncio do Google. Ao passar o cursor sobre o botão a informação secundária era oculta e o usuário clicava inadvertidamente na propaganda, gerando acesso ao conteúdo patrocinado e aumentando as estatísticas de acesso do site, indiretamente.

Estou com o anti-viírus Avira em meu PC. A propaganda intrusiva aparece sem tempo definido, mas agora ganhou uma atualização que coloca o botão de fechar no limite da tela, no topo superior direito, dificultando ao máximo fechar.

Essa solução de interface, baseada no conceito de bad engineering (ou resolver um problema criando outro) como sempre, mascara problemas maiores, não resolvidos adequadamente. Neste caso arrisco a dizer: (a) plano de negócios que não contempla faturamento baseado em software com versão gratuita e (b) interface que exibe propaganda de modo inadequado.

A lição que se tira daqui é que produto - software - não é apenas código. Envolve marketing, design de UX e UI e plano de negócios. A interface ruim é apenas a cereja do bolo.

[wallyvianna]

Design de interfaces: um longo caminho pela frente

Wallace Vianna é webdesigner

Até mesmo empresas que se tornaram famosas pelo bom design deixam a desejar. A Adobe, por exemplo, me surpreendeu quando recebi feedback de seu site, pela dificuldade de um conhecido achar um link de download, que enviei.

Nesta página de download do Adobe express (Acrobat) a versão mobile não exibe claramente o link de "baixar arquivo".

Página de download, versão móvel

Na visualização móvel deitada/horizontal, idem.

Página de download, versão móvel, deitada.

Na versão para navegador de mesa uma dica visual aparece, em resolução/largura grande ou média.

Página de download, versão para navegador de mesa/desktop.

Página de download, versão para navegador de mesa/desktop.

Lições que ficam:

O "mobile first" (desenvolver páginas web e interfaces a partir da interface menor ou mais simples) é importante hoje.

Ter um projeto de interface bem pensado (boas práticas?) ou testado (boas avaliações?) acaba sendo fundamental para o sucesso de interfaces.

[wallyvianna]

WIX: simplicidade em UI/interface de usuário

Wallace Vianna é webdesigner O WIX como a maioria dos construtores de sites - ou soluções fechadas de criação, hospedagem e publicação de sites, lojas online ou blogs - tem suas limitações, mas tem suas qualidades também.

O acesso ao site é de uma simplicidade que chega a ser inspirador para outros sites até mais famosos.

A ilustração a seguir mostra as 4 etapas de login (sem sair da mesma tela): - digitar o e-mail - digitar a senha - confirmar que não é um robô (sem imagens) - acessar o site via botão de fazer login

Reparem que ao contrário de outros sites com interface ruim, a validação da senha é feita antes de se confirmar se o usuário é ou não um robô. Se a senha estiver errada, você não perde tempo validando sua "identidade humana" (que por sinal, aqui é um processo bem rápido). E ao lado do login com e-mail há login com outros sites (Google, Facebook ou Apple) o que permite lembrar da senha de acesso mais rapidamente ainda.

Melhor só se o Wix oferecer métodos alternativos de acesso como números de acesso (que podem ser impressos), código via SMS ou abordagens como o Mercado Pago ou o disco virtual Mega.

[wallyvianna]

Interface de usuário: Office Docs

Wallace Vianna é webdesigner

Às vezes parece que faço propaganda de sites com interface ruim pra me promover como pessoa certa, mas eu faço propaganda de interfaces que merecem ser aplaudidas quando encontro; infelizmente as interfaces ruins são a maioria.

Na data deste post, o site do Office Docs - uma iniciativa de oferecer versão online de programas livres, de diversas áreas, gratuitos ou equivalentes aos pagos - merece aplausos no conceito, mas nota baixa na interface do site. O site do Office Docs é um compilado de quase tudo o que não se deve fazer numa interface pra programa aplicativo desktop ou móvel. Mas destaco um detalhe que só não é gritante pois é quase invisível (mas ilustra bem a falta de projeto para uma interface online).

A rede social Linkedin faz algo semelhante, ao ocultar opções do site na versão móvel, para agilizar o carregamento da página no navegador web (embora ofereça acesso completo ao site no aplicativo móvel). Mas não deixa nenhum elemento de interface visível e inoperante entre versões.

Espero que o Office Docs resolva esse problema o mais rápido possível, e promova uma reforma geral da sua interface de site para que possa ser minimamente utilizável por pessoas comuns.

[wallyvianna]

UI/interface de usuário: login

Wallace Vianna é webdesigner

Apesar de a internet (ou a informática) estar longe de uma padronização, existem convenções ou adesões que geram padrões de fato, como login com nome de usuário ou e-mail. Senhas com letras MAIÚSCULAS, minúsculas, números e caracteres especiais, com no mínimo 8 caracteres e no máximo 12. Pra simplificar isso, criou-se o login com validação multi-domínio. Você pode acessar o Tumblr usando login do Google ou Apple, p. ex.

O login do Google serve para diversos outros sites, facilitando a lembrança do e-mail e senha.

Os sites de empresas ligadas ao governo (CEF, Receita Federal, etc) seguem o mesmo raciocínio, todos acessíveis com login do site .GOV.BR.

Mas o site da agência virtual da Light parece ignorar essa convenção ou adesão do mercado e parece oferecer 2 tipos de login, um no site móvel outro no site desktop/de mesa. Na data deste post (espero que isso mude em breve) para fazer login no site móvel da Light você tem que digitar o CPF com números, pontos e traços (!) sem qualquer alerta sobre esse fato.

Site da Light, versão móvel

Coisa que não ocorre no site para PC, onde basta digitar os números.

Site da Light, versão para PC.

Nas décadas de 2000 e 2010 era comum se desenvolver 2 sites, um para micros de mesa, outro para celulares (de pois tablets). Parece que algo semelhante acontece com o site da Light, nesse momento.

Esperamos que isso seja corrigido em breve, pois o acesso móvel está superando o acesso em PCs, a cada dia.

Texto(s) relacionado(s) Interface para gerenciamento de senhas

[wallyvianna]

Premio Pior Interface de Usuário (UI/UX) 2024

Wallace Vianna é desenvolvedor web e web designer

Ainda estamos na pré-história do design de interfaces, pois nem as diretrizes mínimas do que deveria ser obrigatório são praticadas pelo mercado. Sei que perfeição não existe, outras redes sociais pisam na bola em quesitos diferentes, mas esse ano, uma rede social se destacou com louvor, para o pior. Nesse momento tenho que premiar o Instagram pela pior interface de usuário do ano, e cito os motivos: - Ele eliminou as guias (seção do Instagram para organizar os conteúdos) ignorando o tempo gasto pelos usuários para construir essas guias, sem migrar esse conteúdo nem oferecer uma alternativa equivalente. - Para incluir um conteúdo (publicação, stories) tenho de usar o aplicativo de celular; para remover tenho de usar o navegador web (!) - Há opções de uso diferentes em cada plataforma: aplicativo móvel (Instagram e Instagram Lite), versão para PC e navegador de PC.

- A rede social não tem ajuda/tutorial de uso, incluso. Uso o Instagram por sua relevância, mas darei pulos de alegria quando ele for vendido ou quando o responsável for outra pessoa, pois usar esta rede social é uma das piores experiências de uso que já tive de enfrentar. Semelhante ao finado Orkut.

[wallyvianna]

Google: UX e UI levados à sério

Wallace Vianna é web designer

O Google está mudando a interface de seus sites - que envolvem serviços do Google e negócios de terceiros - e por isso está (na data deste post), alertando os seus clientes, desse fato.

Isso é uma empresa que leva a sério seu negócio, sabendo que a experiência de seus usuários impacta no negócio que ela oferece. é o caso da UI/Interface de usuário, na tradução, que impacta na UX/Experiência de Usuário.

Esse fato lembra a parábola do pedreiro e da catedral (perguntaram a ao primeiro pedreiro oque ele fazia, e respondeu que "colocava um tijolo sobre o outro"; ao perguntar ao último pedreiro, ele respondeu que "estava fazendo uma catedral") - é a diferença entre ser um profissional (colocador de tijolos) e ter visão ampla do trabalho (construtor de catedrais).

Não vou citar sites que não atentam pra esse fato, pois são a maioria (e alguns bem famosos), mas fica aqui o bom exemplo, a ser seguido.

[wallyvianna]

Pluto TV: uma aula de design de interface

Wallace Vianna é web designer.

Na localidade onde moro a TV (digital) aberta era reduzida a 5 canais sendo 1 evangélico; agora se reduziu a 2 canais e pelo visto em breve não haverá mais TV aberta por aqui. Isso me levou a instalar aplicativos móveis de TV dos principais canais abertos e a procurar sites de streaming de filmes e seriados gratuitos (não necessariamente piratas) além do YouTube e Vimeo.

Os canais mais famosos e conhecidos foram uma decepção: acesso lento, interface confusa - isso quando a programação não carrega. Foi quando resolvi testar o app Pluto TV, que mesmo não sendo perfeito é muito bom e carrega melhor que a versão navegador web.

A interface é uma linha do tempo de diversos canais, sendo transmissão "ao vivo" (filmes e seriados), por demanda (catálogo de filmes que você escolhe quando assistir) ou por pesquisa - todos bem separados e claros.

Até a interface das opções tem suas diferenças pra você se situar de onde está assistindo; p. ex., na opção "por demanda" a exibição dos filmes é em tela cheia e no "ao vivo" pode-se assistir em tela de miniatura (pra navegar na listagem de programas), em tela dividida com a linha do tempo, ou em tela cheia.

Os anúncios (pagos) são poucos, rápidos e os anúncios da própria Pluto TV são tão bem feitos que lembram o melhor da TV de assinatura.

Não vou me deter sobre a grade de programação, pois o tema aqui é a interface e ela é um primor se formos comparar com os apps de TV aberta. A Pluto TV tem o melhor da TV por assinatura, sendo grátis.

Acho curioso a TV "aberta" estar copiando a TV "fechada" no seu formato (reprise de programas, vinhetas) e as mídias de TV aberta - apps móveis - serem tão ruins.

Outra coisa curiosa é o Pluto TV ter uma interface que lembra a Globo.com no seu início na internet, quando o Flash estava no seu auge, e hoje a mesma empresa ter um app móvel que não considero "bom".

Enfim, longa vida ao streaming gratuito, e uma lágrima pra TV aberta que parece estar morrendo nos municípios brasileiros, tal qual o rádio, pra dar lugar à internet.

[wallyvianna]

Design de interface pra conteúdos, páginas e equipamentos da web.

Wallace Vianna é web designer.

A tecnologia evolui mas os criadores de conteúdo não. Temos smartphones (telefones inteligentes ou celulares com computadores móveis?) cada vez maiores, que geram vídeos maiores mas as telas dos espectadores não crescem na mesma rapidez. Atire a primeira pedra quem nunca assistiu um vídeo cortado no topo ou base, no celular.

Acima: exemplos de conteúdo maior que o dispositivo ou equipamento de leitura: a imagem necessita de rolagem no navegador web (2 primeiras) ou aparece cortada no aplicativo de celular (última) mesmo com uma área vazia, sobrando no rodapé da tela pequena - o app não foi projetado pra telas pequenas pois aparentemente o designer de interface do app nunca usou uma tela pequena, na vida (?)....

Mas os UI designers (designers de interface, na tradução) também não colaboram. Falam de pesquisa, testes de uso, análises de usuário mas a mídia que exibe os vídeos vive cheia de ícones, links e textos que surgem sem aviso, dificultando ver o conteúdo de imagem postado pelos usuários das redes sociais.

Mas muitas vezes esse conteúdo que atrapalha a interface é ditado pelos donos das redes sociais, que precisam fazer dinheiro, claro, mas impedem de fazer as coisas certas (alertar usuários de mudanças na interface previamente; colocar alertas para criadores de conteúdo e leitores pra proporcionar melhor leitura) pois vêem seus negócios (páginas de redes sociais) mais como extensão de suas casas do que a segunda casa dos leitores. Esse modo de pensar infelizmente é regra do mercado, mas fazer o contrário poderia ser um diferencial pra concorrência.

Enfim: projetar interfaces digitais poderia ser algo até simples se o conceito, a base partisse de uma premissa simples: se o usuário mais simples ou em maior desvantagem puder usar, os outros poderão também.

Exemplos: se o usuário da rede social com a menor tela puder ver o vídeo postado com conforto, o usuário com o maior telão vai poder também.

Se o usuário obeso puder sentar na cadeira com conforto, o usuário magro também vai poder usar o mesmo mobiliário.

Na impossibilidade de atender esses requisitos, um alerta ou segunda opção devem ser oferecidos, para se tentar contornar o problema antes que aconteça.

Projetar interfaces pode exigir considerar muitas variáveis, mas o seu princípio - considerar situações minimas ou extremas de uso - sempre será algo permanente.