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?