Redesenho do navegador móvel

Mohamed Siddique em Notável – The Journal Blog Siga 30 de junho · 4 min ler

M obile Phones são usados para navegar pela maioria de nós, pois é útil e é facilmente utilizável. Quase em todos os navegadores de dispositivos móveis, o posicionamento da barra de endereço está no topo. Este é um estilo onipresente quando se trata de qualquer aplicativo de pesquisa e navegador não é uma exceção a isso.

Como a citação deste poeta americano,

“Duas estradas divergiram em uma floresta, e eu – eu tomei a menos percorrida, E isso fez toda a diferença.” – Robert Frost.

A Microsoft também fez algo diferente ao introduzir o design da barra de endereços inferior em seu navegador móvel para telefones com Windows. Mas esse não era o mesmo caso com o navegador de borda lançado para Android e iOS, já que eles tinham a barra de endereços superior.

Alvo

Redesenhar o navegador Edge com design de barra de endereços inferior sem remover as funcionalidades existentes e facilitar a navegação em telefones com tela grande também.

Problema

Somos treinados para esperar a barra de pesquisa no topo, já que qualquer outra aplicação tem isso. Nunca foi uma UX ruim até que telefones de tela grande fossem lançados. Muitas pessoas acham difícil chegar ao topo da tela à medida que o tamanho da tela aumenta (vamos lá, é uma tarefa cansativa :-P). Portanto, precisamos de um melhor design UX.

Pesquisa

1. Pesquisa Online

Realizei uma pesquisa on-line sobre onde o usuário gostaria de ter a barra de endereço e 48% dos usuários queriam que a barra de endereço estivesse na parte inferior, pois é fácil alcançá-la. Muitas empresas também começaram a redesenhar suas aplicações para resolver este problema

2. Entrevistas cara a cara

Entrevistas cara a cara também foram realizadas com algumas pessoas e mais de 40% das pessoas aceitaram que eles acham muito difícil chegar ao topo do telefone para a barra de navegação.

Solução proposta

Segundo as estatísticas, mais de 40% dos usuários mantêm seus dispositivos móveis em uma mão.

https://medium.com/@Draward/mobile-reachability-rules-of-thumb-ce37dd0cd3ad

Além disso, enquanto as pessoas seguram o dispositivo em uma mão, elas são usadas para operar somente usando o polegar e o polegar para serem alcançados facilmente na parte inferior e no meio da tela, não na parte superior.

https://medium.com/@Draward/mobile-reachability-rules-of-thumb-ce37dd0cd3ad

Assim, na solução proposta, a barra de endereços foi movida para a parte inferior para acessibilidade.

Barra de endereços inferior

A barra de pesquisa do mecanismo de pesquisa fica bem no meio da tela e é facilmente acessada. Os resultados da pesquisa exibidos serão exibidos abaixo disso. A barra de endereços é colocada na parte inferior, acima da barra de guias, que pode ser acessada facilmente mesmo com telefones grandes.

Opção de modo de tela cheia é fornecida para quando o usuário deseja usar o PWA Apps, eles terão a sensação de usar um aplicativo do que realizando no navegador. Além disso, o menu de opções está na parte inferior, para que seja facilmente acessado com o uso de uma mão.

Conclusão

Fazer algo diferente é sempre emocionante. Trazer a barra de endereços para o final da página fornecerá uma experiência incrível no navegador para dispositivos móveis.

Felicidades! ?

Confira a interface do usuário completa aqui: https://dribbble.com/shots/6672991-Edge-Browser-redesign

Blogs médios: https://medium.com/@siddijafr

Obrigado pelas palmas ?? se você gostou deste artigo. Isso me ajuda a escrever mais blogs. Deixe cair suas opiniões e qualquer feedback para que eu possa melhorar?