A grande importância da elaboração de projetos e prototipação de interfaces. by Gustavo Maciel Resende https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji Esse mural descreve alguns pontos importantes e que merecem extrema visibilidade dentro da elaboração de projetos e protótipos direcionados a interface e usabilidade. en-us 2022-04-23 22:03:57 UTC 2022-05-08 00:26:13 UTC hello@padlet.com https://padlet.net/icons/png/1f5a5.png Mais afinal, o que são projetos e prototipação de interfaces? gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154901413   Projetos e prototipação de interfaces são os termos usados dentro do contexto computacional, centrado na criação e elaboração de interfaces e suas respectivas usabilidades, que se referem a criação de "esboços e rascunhos" perante os requisitos do usuário e do projeto do software em geral. 
  Esses esboços e rascunhos, devem ser cuidadosamente preparados, seguindo uma metodologia centrada no usuário, além de questões relacionadas a design, para que seja representado de forma fiel, como será a parte visual do projeto de software. Vale também ressaltar, que há vários níveis de abstrações e de fidelidade dentro desses protótipos, podendo partir do princípio de um modelo simples, sendo comparado á um rascunho, como citado anteriormente, até esboços mais complexos, possuindo um nivel de abstração e de fidelidade alta, representando o software já com as suas partes visuais e funcionais em funcionamento.

]]> 2022-04-23 22:11:52 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154901413 Exemplo de rascunho de interface: gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154905502 2022-04-23 22:24:37 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154905502 Exemplo de protótipo de baixa fidelidade (também denominado Wireframe): gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154907926 2022-04-23 22:32:18 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154907926 Exemplo de protótipo de média fidelidade: gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154908153 2022-04-23 22:32:53 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154908153 Exemplo de protótipo de alta fidelidade: gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154908261 2022-04-23 22:33:16 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154908261 O que é necessário para se fazer um bom protótipo de interface? gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154909049   Para que haja a uma plena construção de um protótipo de interface, há alguns pontos a serem mencionados:

  • Proporcionar uma boa definição, aliada ao entendimento dos requisitos do usuário, para que se represente um resultado fiel perante aquilo que foi definido e especificado pelo mesmo;

  • Seguir e aplicar os princípios de usabilidade, definidos por Gestalt; 

  • Seguir os princípios das teorias das cores, para que haja uma harmonização e representação agradável dos conteúdos que vão ser visualizados na interface;

  • Organizar o tamanho, localização, elementos e formatos dos elementos que vão estar presentes na interface, para que a mesma, seja intuitiva, organizada, possua uma boa acessibilidade e se torne de fácil visualização e acesso;

  • Fazer testes com os usuários que vão utilizar a interface, para que se haja um bom e concreto entendimento das opiniões dos utilizadores acerca da usabilidade e acessibilidade da mesma.
]]> 2022-04-23 22:35:07 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154909049 Qual a importância da elaboração de projetos e prototipação de interfaces? gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154915075   A elaboração de projetos e prototipações de interfaces é de extrema importância, pois as mesmas, definem e mostram não só para os desenvolvedores do projeto, mais sim, para os usuários que a irão utilizar. Essas representações podem nos auxiliar a resolver problemas e ajustar, de forma geral, a interface de acordo com o que é esperado pelos usuário, evitando frustrações e diversos outros problemas que possam ser gerados, pelo fato de estarmos desenvolvendo uma coisa aliado a quem a irá utilizar. Mas, vale ressaltar, que esta elaboração de protótipos, deve acontecer de forma concisa e aliada a metodologias e princípios presentes nos quesitos computacionais de interface e usabilidade. Caso, contrário, estaremos desenvolvendo algo muito distante ou que não agrade aos usuários e consequentemente, iremos perder tempo, perder os clientes, pela insatisfação que irá ser gerada, além de atribuirmos gastos desnecessários e uma difamada negatividade para a empresa ou organização desenvolvedora da interface.]]> 2022-04-23 22:56:43 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2154915075 Exemplos de algumas ferramentas para utilização que auxiliam profundamente na criação de protótipos: gumacielresendedev https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2155608905
  • Axure: Criado em 2002, o Axure é uma ferramenta de protótipos muito conhecida entre os profissionais da área por sua capacidade de oferecer uma gama muito vasta de testes, principalmente para as funções interativas, essenciais para quem está produzindo um design de games, por exemplo, além de contar com diversos protótipos e wireframes com diagramas de fluxos, formulários e elementos dinâmicos que podem ser editados de forma personalizada; 

  • Colour Contrast Analyser (CCA): É uma ferramenta que permite determinar facilmente a taxa de contraste das cores simplesmente usando uma ferramenta de colírio. O CCA permite otimizar seu conteúdo incluindo texto e elementos visuais  para pessoas com deficiência visual;


    • Framer JS: O FramerJS é outro instrumento que cria wireframes com interações, tanto para a prototipagem de aplicativos inteiros como de animações específicas para websites, entre outras funcionalidades. Para os desenvolvedores que não são muito familiarizados com os códigos, o FramerJS é altamente apropriado. Isso porque ele elabora gráficos com cifras automáticas na parte esquerda da tela.
    ]]>     2022-04-24 23:38:33 UTC https://padlet.com/gumacielresendedev/2ih8eet6ajuw2dji/wish/2155608905