4
respostas

Redesign no Adobe XD - Avaliem por favor

Olá pessoal, boa noite. Estou querendo entrar na área de UI/UX design. Fiz o curso do Adobe XD e fiquei empolgado pra começar a trabalhar no meu portfólio. Eu já tinha mexido com alguns protótipos antes mas nunca gostava da qualidade final, sempre parecia muito amador. Essa foi a primeira vez que me agradou.

https://www.behance.net/gallery/102637817/Fire-OS-redesign

Meu "Briefing" está no link junto com as imagens e um vídeo do protótipo. Ao fim tem um antes x depois

As mudanças no menu onde eu arrasto (por ex saindo do para você e indo para o multimida) deveriam ser como o movimento de passar o dedo no tablet como normalmente fazemos, mas não ficou muito natural no adobe XD

Por favor dêem feedbacks sinceros de pontos de melhoria pois quero realmente começar carreira nessa área

obrigado desde já!

4 respostas

Poxa, nenhum feedback de algum instrutor?

Bom dia Douglas, blz =D

Hehehe, normalmente em fóruns o tempo de resposta é um pouco longo mesmo, maus ^^

Então cara, acabei de olhar o seu projeto e vou para minhas considerações blz.

Primeiro, parabéns pela iniciativa e criação deste material, você já fez um material bem complexo =D, com interatividade e bem completo, de verdade parabéns.

Pontos que gostei:

  • Você ter visto uma problematica no layout e ter optado por uma solução mais limpa e com acessos rápidos.

  • Você ter inserido o fundo preto com transparencia delimita bem os ambientes e de ajuda bastante no problema da fonte branca com o fundo, é uma boa solução.

  • Gostei das animações quando você clica no menu e ele se destaca ficando em primeiro e com o destaque laranja.

  • Gostei da ideia inovadora na disposição do menu e dos elementos no layout.

Eu curti muito o layout como um todo, a dedicação com a animação, com as cores, e disposição dos elementos, mas isso também traz um problema que vou comentar abaixo:

Pontos que você deve observar:

O mesmo ponto que eu gostei da disposição do layout pode vir a se tornar um problema :(

O layout que você criou ficou legal dentro de um aparelho com essas dimensões. E quando você trazer este layout para um aparelho menor este layout se quebra por que ficaria pequeno demais, e não seria possível fazer layouts diferentes para aparelhos diferentes entende.

A ideia de quando criar um layout pensando em UX/UI você tem que levar em consideração também todos os tipos de usuários, aqueles que possuem um periférico menor e aquele que possui o maior. Como esses layouts devem se comportar quando rodar a tela por exemplo.

Também é muito importante ter uma visão do mercado, a maioria dos players como google e apple usam o menu das telas passando horizontalmente e não verticalmente, para baixo como no seu layout.

Não está errado fazer assim (até gostei ^^), mas você está indo contra uma tendencia de mercado de uma forma muito drástica, é uma mudança muito grande para ter uma aceitação de um público acostumado com algo.

Não estou falando para você não tentar inovar, eu gostei muito da ideia, só falo para você se perguntar:

  • Por que o mercado todo usa lateral?
  • Como eu posso mudar essa navegação lateral de maneira sutil para o usuário não estranhar algo que ele já utiliza?
  • Como eu vou vender essa ideia para a empresa aplicar isso no seu layout?
  • Por que eu estou fazendo esta escolha, é pelo layout? ou para o usuário?

Note que todas as minhas observações são coisas mais técnicas, perguntas que fogem apenas do layout criado, e sim no seu resultado.

O layout ficou legal, ficou bonito, funcional. Mas no momento que ele for implementado qual seria o resultado e dificuldades, este é o ponto crítico do projeto que queria lhe comentar para abrir os olhos quando criar a releitura.

Pode ficar feliz com o resultado viu, e você tem que se orgulhar de todo e qualquer resultado e perceber que existem pontos que podem melhorar.

Eu aconselho salvar este projeto, pegar outro para criar mais portifólio e ver a cada passo melhorias que você vem tendo nas suas criações.

Um grande abraço Douglas :) e bons estudos!!

Luiz, muito obrigado mesmo pelo feedback completo. Realmente, houve pontos que você citou que eu não havia pensando muito sobre, como a questão de quebrar padrões do mercado. Me fez lembrar da Microsoft com o Windows Phone hehe

Em relação as dimensões, eu fiz só pensando no Tablet mesmo, pois a Amazon não trabalha com smartphones. Minha ideia é seguir a Apple que possui um sistema exclusivo para o tablet, para evitar que ele vire um "celularzão". Na sua opinião ainda assim seria bom apresentar o protótipo nas duas versões?

Eu realmente não consegui chegar a uma conclusão do motivo da convenção de scroll lateral em relação a usabilidade além de seguir o padrão de mercado. Ainda penso que ícones maiores e com menos opções na tela facilita encontrar o que você quer, principalmente para usuários menos experientes e pessoas mais velhas. Você teria indicação de alguma leitura sobre o assunto?

Você me deu bastante insights bacanas. Irei aplicar em uma versão 2.0!!

Valeu

Que bom que meu feedback foi util man.

O protótipo de uma versão menor só é necessária a depender do projeto, eu abordei sobre isso pensando eu vários outros projetos além deste. Se por exemplo o periférico da amazon é basicamente este, você tem razão em apresentar apenas nesta dimensão.

O uso de um scroll lateral vem de muito teste com usuarios em aplicativos. O espaço em um celular ou tablet é bem reduzido, e um app não é um site que manda requisição e vai para outra página.

O usuario tem que sentir que está mudando de ambiente e com um scroll vertical parece que estou apenas continuando a leitura da mesma página, pegue uma referencia de leitura de um livro, eu leio a mesma página na vertical e para passar de pagina eu preciso virar a página horizontalmente.

Existe um artigo que explica como a quantidade de conteúdo influencia nos dois tipos de scroll artigo eu achei legal.

Mas é aquilo, não é uma regra, e questão de teste, seu sistema pode ter este tipo de rolagem, mas testar a respostas do seu usuario vai trazer muito mais confiança em aplicar este conceito.

Um abraço