Investigação

A pesquisa visa entender o usuário final e a finalidade do aplicativo. Embora isso possa parecer claro para o designer, dar um passo atrás e ter empatia com o usuário produzirá os melhores resultados.

Ajuda a identificar e provar ou refutar minhas suposições, encontrar pontos em comum entre os membros do público-alvo e reconhecer suas necessidades, objetivos e modelos mentais.

design visual

O design visual, também conhecido como design gráfico, design de interface de usuário, design de comunicação e comunicação visual, representa a estética ou aparência do front-end de qualquer interface de usuário. O tratamento gráfico dos elementos da interface é frequentemente percebido como design visual. O objetivo do design visual é usar elementos visuais como cores, imagens e símbolos para transmitir uma mensagem ao seu público. Os fundamentos da psicologia da Gestalt e da percepção visual fornecem uma perspectiva cognitiva sobre como criar uma comunicação visual eficaz.[7]​.

Arquitetura da informação

Arquitetura da informação é a arte e a ciência de estruturar e organizar informações em produtos e serviços para apoiar a usabilidade e a pesquisa.[8]​.

No contexto da arquitetura da informação, a informação é separada do conhecimento e dos dados e fica nebulosamente entre eles. São informações sobre objetos.[9] Os objetos podem variar de sites, aplicativos de software, imagens e outros. Também trata de metadados: termos usados ​​para descrever e representar objetos de conteúdo, como documentos, pessoas, processos e organizações. A arquitetura da informação também abrange como as páginas e a navegação são estruturadas.[10]​.

Design de interação

É sabido que o componente de design de interação é uma parte essencial do design de experiência do usuário (UX), com foco na interação entre usuários e produtos.[11]​ O objetivo do design de interação é criar um produto que gere uma experiência eficiente e agradável ao usuário final, permitindo que os usuários atinjam seus objetivos da melhor maneira possível[12][13]​.

A forte ênfase atual no design centrado no usuário e o forte foco na melhoria da experiência do usuário tornaram os designers de interação fundamentais na conceituação de produtos que atendem às expectativas do usuário e atendem aos padrões dos mais recentes padrões e componentes de interface do usuário.[14]​.

Nos últimos anos, o papel do designer de interação mudou de focar apenas na especificação de componentes da interface do usuário e na comunicação deles aos engenheiros, para uma situação em que os designers têm mais liberdade para projetar interfaces contextuais com base em ajudar a satisfazer as necessidades do usuário.[15] Portanto, o design de experiência do usuário tornou-se um ramo do design multidisciplinar que envolve múltiplos aspectos técnicos, desde design gráfico em movimento e animação até programação.

Usabilidade

Usabilidade é a medida em que um produto pode ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.[16]​.

A usabilidade está ligada a todas as ferramentas utilizadas pelos seres humanos e se estende tanto aos dispositivos digitais quanto aos não digitais. Portanto, é um subconjunto da experiência do usuário, mas não totalmente contido. A seção de usabilidade que cruza com o design de experiência do usuário está relacionada à capacidade dos humanos de usar um sistema ou aplicativo. Uma boa usabilidade é essencial para uma experiência positiva do usuário, mas não a garante por si só.[17]​.

Acessibilidade

A acessibilidade de um sistema descreve sua facilidade de acesso, uso e compreensão. Em termos de design de experiência do usuário, também pode estar relacionado à compreensão geral das informações e recursos. Ajuda a reduzir a curva de aprendizado associada ao sistema. A acessibilidade em muitos contextos pode estar relacionada com a facilidade de utilização para pessoas com deficiência e está incluída na usabilidade.[18]​ Além disso, o design acessível é o conceito de serviços, produtos ou instalações em que os designers devem adaptar-se e ter em conta as necessidades das pessoas com deficiência. De acordo com as Diretrizes de Acessibilidade para Conteúdo da Web (WCAG), todo conteúdo deve seguir os quatro princípios fundamentais do POUR: Perceptível, Operável, Compreensível e Robusto.[19]​.

As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) 2.0 cobrem uma ampla gama de recomendações para tornar o conteúdo da Web mais acessível. Isso torna o conteúdo da web mais útil para os usuários em geral. Tornar o conteúdo mais utilizável e facilmente acessível para todos os tipos de usuários melhora a experiência geral do usuário.

Interação humano-computador

A interação humano-computador trata do projeto, avaliação e implementação de sistemas computacionais interativos para uso humano e do estudo dos principais fenômenos que os cercam.[21]​.

Após a pesquisa, o designer utiliza a modelagem dos usuários e seus ambientes. Modelagem de usuário ou personas “Personas (experiência do usuário)”) são arquétipos compostos baseados em padrões comportamentais descobertos durante a pesquisa. Personas fornecem aos designers uma maneira precisa de pensar e comunicar sobre como os grupos de usuários se comportam, como pensam, o que desejam alcançar e por quê.[22] Uma vez criadas, as personas ajudam o designer a compreender os objetivos dos usuários em contextos específicos, o que é particularmente útil durante a idealização e para validar conceitos de design. Outros tipos de modelos incluem modelos de fluxo de trabalho, modelos de artefatos e modelos físicos.

Quando o designer tem uma compreensão clara das necessidades e objetivos do usuário, ele começa a esboçar a estrutura de interação (também conhecida como wireframes). Esta etapa define a estrutura de alto nível dos layouts de tela, bem como o fluxo, comportamento e organização do produto. Existem muitos tipos de materiais que podem ser envolvidos durante esta fase iterativa, desde quadros brancos a protótipos de papel. À medida que a estrutura de interação estabelece uma estrutura geral para o comportamento do produto, um processo paralelo focado em designs visuais e industriais. A estrutura do design visual define os atributos da experiência, a linguagem visual e o estilo visual.[23]​.

Uma vez estabelecida uma estrutura sólida e estável, os wireframes são traduzidos de storyboards esboçados para telas de resolução total que representam a interface do usuário no nível do pixel. Neste ponto, é fundamental que a equipe de programação colabore estreitamente com o designer. Sua contribuição é necessária para criar um projeto finalizado que pode e será construído mantendo-se fiel ao conceito.

O teste de usabilidade é realizado dando aos usuários diversas tarefas para realizar nos protótipos. Quaisquer questões ou problemas enfrentados pelos usuários são coletados como notas de campo e essas notas são usadas para fazer alterações no projeto e reiterar a fase de testes.[24] Além dos problemas de monitoramento, também são anotadas perguntas feitas pelos usuários para identificar possíveis pontos de confusão. O teste de usabilidade é, em essência, um meio de “avaliar, não criar”.[25]​.

Investigação

A pesquisa visa entender o usuário final e a finalidade do aplicativo. Embora isso possa parecer claro para o designer, dar um passo atrás e ter empatia com o usuário produzirá os melhores resultados.

Ajuda a identificar e provar ou refutar minhas suposições, encontrar pontos em comum entre os membros do público-alvo e reconhecer suas necessidades, objetivos e modelos mentais.

design visual

O design visual, também conhecido como design gráfico, design de interface de usuário, design de comunicação e comunicação visual, representa a estética ou aparência do front-end de qualquer interface de usuário. O tratamento gráfico dos elementos da interface é frequentemente percebido como design visual. O objetivo do design visual é usar elementos visuais como cores, imagens e símbolos para transmitir uma mensagem ao seu público. Os fundamentos da psicologia da Gestalt e da percepção visual fornecem uma perspectiva cognitiva sobre como criar uma comunicação visual eficaz.[7]​.

Arquitetura da informação

Arquitetura da informação é a arte e a ciência de estruturar e organizar informações em produtos e serviços para apoiar a usabilidade e a pesquisa.[8]​.

No contexto da arquitetura da informação, a informação é separada do conhecimento e dos dados e fica nebulosamente entre eles. São informações sobre objetos.[9] Os objetos podem variar de sites, aplicativos de software, imagens e outros. Também trata de metadados: termos usados ​​para descrever e representar objetos de conteúdo, como documentos, pessoas, processos e organizações. A arquitetura da informação também abrange como as páginas e a navegação são estruturadas.[10]​.

Design de interação

É sabido que o componente de design de interação é uma parte essencial do design de experiência do usuário (UX), com foco na interação entre usuários e produtos.[11]​ O objetivo do design de interação é criar um produto que gere uma experiência eficiente e agradável ao usuário final, permitindo que os usuários atinjam seus objetivos da melhor maneira possível[12][13]​.

A forte ênfase atual no design centrado no usuário e o forte foco na melhoria da experiência do usuário tornaram os designers de interação fundamentais na conceituação de produtos que atendem às expectativas do usuário e atendem aos padrões dos mais recentes padrões e componentes de interface do usuário.[14]​.

Nos últimos anos, o papel do designer de interação mudou de focar apenas na especificação de componentes da interface do usuário e na comunicação deles aos engenheiros, para uma situação em que os designers têm mais liberdade para projetar interfaces contextuais com base em ajudar a satisfazer as necessidades do usuário.[15] Portanto, o design de experiência do usuário tornou-se um ramo do design multidisciplinar que envolve múltiplos aspectos técnicos, desde design gráfico em movimento e animação até programação.

Usabilidade

Usabilidade é a medida em que um produto pode ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.[16]​.

A usabilidade está ligada a todas as ferramentas utilizadas pelos seres humanos e se estende tanto aos dispositivos digitais quanto aos não digitais. Portanto, é um subconjunto da experiência do usuário, mas não totalmente contido. A seção de usabilidade que cruza com o design de experiência do usuário está relacionada à capacidade dos humanos de usar um sistema ou aplicativo. Uma boa usabilidade é essencial para uma experiência positiva do usuário, mas não a garante por si só.[17]​.

Acessibilidade

A acessibilidade de um sistema descreve sua facilidade de acesso, uso e compreensão. Em termos de design de experiência do usuário, também pode estar relacionado à compreensão geral das informações e recursos. Ajuda a reduzir a curva de aprendizado associada ao sistema. A acessibilidade em muitos contextos pode estar relacionada com a facilidade de utilização para pessoas com deficiência e está incluída na usabilidade.[18]​ Além disso, o design acessível é o conceito de serviços, produtos ou instalações em que os designers devem adaptar-se e ter em conta as necessidades das pessoas com deficiência. De acordo com as Diretrizes de Acessibilidade para Conteúdo da Web (WCAG), todo conteúdo deve seguir os quatro princípios fundamentais do POUR: Perceptível, Operável, Compreensível e Robusto.[19]​.

As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) 2.0 cobrem uma ampla gama de recomendações para tornar o conteúdo da Web mais acessível. Isso torna o conteúdo da web mais útil para os usuários em geral. Tornar o conteúdo mais utilizável e facilmente acessível para todos os tipos de usuários melhora a experiência geral do usuário.

Interação humano-computador

A interação humano-computador trata do projeto, avaliação e implementação de sistemas computacionais interativos para uso humano e do estudo dos principais fenômenos que os cercam.[21]​.

Após a pesquisa, o designer utiliza a modelagem dos usuários e seus ambientes. Modelagem de usuário ou personas “Personas (experiência do usuário)”) são arquétipos compostos baseados em padrões comportamentais descobertos durante a pesquisa. Personas fornecem aos designers uma maneira precisa de pensar e comunicar sobre como os grupos de usuários se comportam, como pensam, o que desejam alcançar e por quê.[22] Uma vez criadas, as personas ajudam o designer a compreender os objetivos dos usuários em contextos específicos, o que é particularmente útil durante a idealização e para validar conceitos de design. Outros tipos de modelos incluem modelos de fluxo de trabalho, modelos de artefatos e modelos físicos.

Quando o designer tem uma compreensão clara das necessidades e objetivos do usuário, ele começa a esboçar a estrutura de interação (também conhecida como wireframes). Esta etapa define a estrutura de alto nível dos layouts de tela, bem como o fluxo, comportamento e organização do produto. Existem muitos tipos de materiais que podem ser envolvidos durante esta fase iterativa, desde quadros brancos a protótipos de papel. À medida que a estrutura de interação estabelece uma estrutura geral para o comportamento do produto, um processo paralelo focado em designs visuais e industriais. A estrutura do design visual define os atributos da experiência, a linguagem visual e o estilo visual.[23]​.

Uma vez estabelecida uma estrutura sólida e estável, os wireframes são traduzidos de storyboards esboçados para telas de resolução total que representam a interface do usuário no nível do pixel. Neste ponto, é fundamental que a equipe de programação colabore estreitamente com o designer. Sua contribuição é necessária para criar um projeto finalizado que pode e será construído mantendo-se fiel ao conceito.

O teste de usabilidade é realizado dando aos usuários diversas tarefas para realizar nos protótipos. Quaisquer questões ou problemas enfrentados pelos usuários são coletados como notas de campo e essas notas são usadas para fazer alterações no projeto e reiterar a fase de testes.[24] Além dos problemas de monitoramento, também são anotadas perguntas feitas pelos usuários para identificar possíveis pontos de confusão. O teste de usabilidade é, em essência, um meio de “avaliar, não criar”.[25]​.