Especificação e projeto de interfaces

Fonte: Shutterstock.

Deseja ouvir este material?

Áudio disponível no material digital.

praticar para aprender

Prezado estudante, para o desenvolvimento de uma interface adequada às pessoas que a utilizarão, você sabe que precisamos, antes de mais nada, conhecê-las muito bem. Para isso, é necessário aplicar pesquisas, com o objetivo de levantar dados a respeito de suas características e comportamentos, analisar seus objetivos e necessidades e, principalmente, compreender quais são os principais problemas que elas precisam resolver. Mas, como organizar informações de pesquisas que, muitas vezes, são complexas e densas? Como selecionar as informações mais importantes e torná-las fáceis de acessar durante todo o projeto?

Esta seção o capacitará a organizar os dados levantados em pesquisas com usuários, por meio de técnicas e ferramentas que auxiliam na tradução dos dados de pesquisa em requisitos e insights para o projeto da interface. Por exemplo, você aprenderá como transformar os dados coletados sobre o perfil do usuário em personas, que são personagens fictícios construídos a partir dos usuários reais e que representam, de forma clara e concisa, as principais características dos diferentes públicos que interagirão com sua interface. Você descobrirá como os mapas de empatia podem ser úteis para representar de forma visual todas as necessidades de seus usuários, descrevendo o que eles pensam, sentem, falam e fazem. Você saberá como criar mapas de jornadas, uma ferramenta muito útil para ajudar a mapear a rotina de seus usuários, descrevendo todo o processo pelo qual eles têm que passar para atingir um determinado objetivo. 
Todos os dados coletados sobre os usuários, consolidados em forma de personas, mapas e jornadas, se tornam ferramentas fundamentais utilizadas durante todo o projeto da interface. Elas ajudarão a equipe de desenvolvimento a ter uma visão clara e precisa do usuário, facilitando as tomadas de decisão durante todo o projeto e o compartilhamento de informações com o restante da equipe.

Apresentaremos, a seguir, as técnicas e ferramentas mais utilizadas para especificar os usuários da nossa interface e as situações relacionadas aos seus comportamentos e à interação com o produto. 

Você trabalha em uma empresa de desenvolvimento de softwares e sistemas para outras empresas (B2B – business to business), e está responsável pelas atividades de design de um novo sistema de logística para produtos de importação. Este sistema é digital via web e permite a interação entre as empresas exportadoras e as importadoras, para controle de pedidos e entregas.

Sua empresa já possui dados de pesquisas realizadas sobre o perfil de usuários, quais são suas atividades e principais necessidades, mas estes dados estão em relatórios densos, cheios de informação, estatísticas e comentários dos usuários (exportadores, transportadores de diferentes meios de transporte e importadores). Não estão claras quais seriam as especificações deste sistema, como ele deve ser, quais as suas funcionalidades, hierarquia de informações e ações, fluxo de uso, etc.

Como você pode analisar estes dados? Quais ferramentas você pode utilizar para sintetizar estes dados e gerar a especificação do projeto da interface?

Enquanto estiver estudando este conteúdo, fique atento às informações relacionadas a cada técnica e ferramenta, pois elas ajudarão a conduzir a interpretação dos dados de pesquisa e a definir qual delas é a mais adequada para cada situação de projeto.

conceito-chave

Introdução à especificação de interfaces com usuários

A especificação de interfaces com usuários está diretamente relacionada à especificação de requisitos dos usuários. Conforme a ISO 9241-210 (2019), ela pode ser aplicada nas etapas de entender e especificar o contexto de uso e na especificação de requisitos dos usuários. Ela se baseia em dados levantados em pesquisas para analisar e sintetizar as informações por meio de técnicas e ferramentas que permitem estruturar essas informações para visualizar e entender melhor o perfil, as motivações e as necessidades dos usuários, com relação à interface e ao seu contexto de uso. 
Essa especificação permite gerar maior clareza dos dados levantados em pesquisas, entender a sistemática dos aspectos e comportamentos humanos, de contexto e de interface relacionados ao projeto, gerar alinhamento entre a equipe de projeto e auxiliar na identificação de problemas e oportunidades para a interface, por isso pode auxiliar também na especificação dos requisitos dela.

Técnicas de especificação de usuários

O objetivo das técnicas e ferramentas de especificação de usuários é estruturar dados reais de pesquisas de forma clara e objetiva, relacionando características e ações dos usuários, a fim de entendê-los melhor, auxiliando no processo de empatia e identificação das oportunidades de como melhorar suas experiências.

Existem diversas técnicas de especificação (ou de síntese), em usabilidade, Design Centrado no Humano (DCH), Design Centrado no Usuário (DCU) e Experiências do Usuário (UX). Nesta seção, apresentaremos algumas das mais comuns, divididas entre usuários e suas jornadas (Figura 2.16). No primeiro caso, serão apresentadas técnicas e ferramentas a respeito da especificação dos usuários em si, suas características, motivações e necessidades, por exemplo, personas e mapas de empatia. No segundo caso, serão apresentadas técnicas e ferramentas a respeito de contextos e cenários relacionados aos comportamentos e às interações das pessoas com a interface, por exemplo, construção de cenários, mapas de jornadas e mapas de história de usuários.

Especificação de usuários 

Neste item, serão apresentadas as técnicas e ferramentas que organizam as informações coletadas sobre as características e o perfil dos usuários, que estão direta e indiretamente relacionados ao uso do produto e à interação com a interface.

Personas

Personas (Figura 2.17) são a criação de perfis de pessoas fictícias, para representar de forma genérica o público-alvo de um produto. Este perfil pode conter informações de características pessoais, personalidade, dados demográficos, gostos, profissão, comportamentos, hobbies, motivações, história, dificuldades, etc. (MAGUIRE, 2001; CYBIS; BETIOL; FAUST, 2007; BEVAN, 2009). 
Para criar uma persona, você deve coletar dados de pesquisas de análise de perfil, características e comportamentos humanos, por meio de entrevistas, questionários e observação. A partir da coleta desses dados, você levantará quais são as características mais comuns que foram identificadas, a fim de montar um personagem com as informações mais relevantes para a experiência com o produto que está sendo projetado.

Esta é uma técnica muito útil para visualizar e gerar empatia com os usuários, pois ela ajuda a equipe a compreender quais são os seus reais comportamentos, necessidades e objetivos. As personas guiarão todo o processo de ideação de soluções, permitindo que o resultado final possa ser uma interface que oferecerá a melhor experiência possível aos seus usuários. As personas também poderão ser utilizadas durante a etapa de avaliação de usabilidade, para auxiliar a definir o perfil dos participantes que serão recrutados para as pesquisas.

Identificação de stakeholders

Stakeholders são as pessoas que têm algum interesse na interface, as quais podem influenciar ou ser influenciadas por ela, podendo incluir toda a equipe do desenvolvimento do projeto, pessoas que provêm os recursos para o seu desenvolvimento, as que irão finalizá-lo, vendê-lo, usá-lo e descartá-lo (quando for o caso), sendo que cada uma delas possui objetivos diferentes com a interface. O mapeamento de stakeholders é utilizado justamente para identificar quem são essas pessoas, quais são as suas características, qual é a sua relação e o seu envolvimento com a interface, bem como seus objetivos com ela (MAGUIRE, 2001; BEVAN, 2009).

A Figura 2.19 ilustra a estrutura desenvolvida por Hoolhorst e Voort (2011), que sugere aspectos dos stakeholders para mapear em um projeto (deve ser preenchido um para cada stakeholder considerado no projeto). 

Mapa de empatia

O mapa de empatia é uma ferramenta útil para organizar atitudes e sentimentos dos usuários e entendê-los com mais profundidade. Nele, devem ser preenchidas informações a respeito do que as pessoas pensam, sentem, ouvem, veem, dizem e fazem com relação ao problema ou ao cenário (situação) no qual a interface será inserida. A Figura 2.20 ilustra um exemplo desta ferramenta criada por Dave Gray, fundador da XPlane.

Análise de cenários, tarefas e mapas de jornadas

A análise de cenários, tarefas e jornada é uma técnica para auxiliar no entendimento das situações relacionadas ao uso da interface, aos comportamentos das pessoas, à ordem das ações das pessoas, aos fatores de influência, à lógica dos comportamentos e consequências, para identificação de problemas e oportunidades de melhoria da interação e projeto da interface. Em seguida, serão apresentadas as respectivas técnicas.

Cenários de uso

O cenário de uso é uma narrativa das possíveis situações de uso que podem ocorrer com os usuários durante o uso da interface ou das situações que podem influenciar o uso dela. Normalmente, os cenários são descritivos em formato de narrativa, contando a motivação para a situação ocorrer, a situação e o resultado, contendo alguns detalhes de interação com a interface. Os cenários permitem prever, a partir de pesquisas, situações comuns, incomuns e críticas, de forma a prevenir problemas e dificuldades em cada um destes momentos no projeto da interface (MAGUIRE, 2001; BEVAN, 2003; HEINILÄ et al., 2005; CYBIS; BETIOL; FAUST, 2007; BEVAN, 2009).

Storyboarding/narrativa gráfica

O storyboard é muito similar ao cenário de uso, o objetivo é o mesmo, também serve para prever, a partir de pesquisas, situações comuns, incomuns e críticas, de forma a prevenir problemas e dificuldades em cada um destes momentos no projeto da interface. A diferença está no formato, porque, neste caso, a narrativa é gráfica, ilustrada, bem similar ao storyboard de filmes ou histórias em quadrinhos, como no exemplo da Figura 2.22 (MAGUIRE, 2001; BEVAN, 2003; HEINILÄ et al., 2005; CYBIS; BETIOL; FAUST, 2007; BEVAN, 2009).

Storytelling

O storytelling é a arte de contar histórias, com uma narrativa interessante que prende a atenção das pessoas. Ela pode ser uma ferramenta muito eficiente para comunicar à equipe as informações e os dados coletados em campo sobre os usuários de uma forma mais lúdica, que gerará empatia com o usuário. No lugar de descrever seus usuários de forma geral, a partir de dados demográficos, necessidades e motivações, cria-se uma narrativa na qual o usuário passa a ter um nome, uma personalidade, problemas e situações que ele vivencia e necessidades, que serão posteriormente atendidas pelo produto que será desenvolvido.

O uso de storytelling, certamente, ajudará a equipe de projeto a compreender os problemas enfrentados pelas pessoas e a identificar as oportunidades de melhorias na interface a partir da perspectiva do usuário. 

Contextos de uso

A técnica dos contextos de uso envolve identificar e mapear os aspectos relevantes do ambiente de uso da interface que podem influenciar o seu uso de alguma forma, podendo incluir: temperatura, ruídos, iluminação, vibração, valores, motivações, grupo cultural, entre outros. É uma técnica útil para entender aspectos que podem e não podem ser controlados pelo projeto e que a interface pode levar em consideração para melhorar a experiência dos usuários (MAGUIRE, 2001).

Jornada do usuário

A jornada do usuário é uma ferramenta que mapeia as ações dos usuários passo a passo, seus sentimentos em cada momento (Figura 2.24), os meios utilizados para interagir com a interface e as dificuldades que podem ocorrer em cada passo, para identificar oportunidades de projeto, a fim de melhorar o sentimento e a experiência dos usuários em cada etapa de interação com a interface.



Jornada do usuário, segundo Kaplan (2016):

• Zona A determina o escopo da jornada, definindo uma (1) Persona (quem) e o (2) Cenário (o que) será examinado.
• Zona B é a visualização da experiência do usuário que inclui (3) fases da jornada e as (4) ações, (5) pensamentos e a (6) experiência emocional do usuário ao longo da jornada, que podem ser complementadas com citações e vídeos dos usuários coletados durante a pesquisa.
• Zona C vai depender dos objetivos de negócio que o mapa suporta, e descreve os insights e os pontos problemáticos descobertos, e as (7) oportunidades para se concentrar no futuro, bem como (8) a responsabilidade interna.

Mapeamento de história do usuário

Os mapas de história do usuário são muito utilizados em metodologias ágeis para o planejamento das funcionalidades do produto. Este mapa apresenta uma visão geral de como o produto será utilizado, destacando as possíveis interações do usuário com a interface ao longo de sua jornada para atingir seu objetivo (Figura 2.25). 
O mapa de história do usuário destaca três categorias de ações do usuários, que possuem diferentes níveis de detalhes (KALEY, 2021):

• Atividades: são as ações descritas de forma mais geral; representam as tarefas que os usuários pretendem executar ao utilizar o produto.
• Etapas: são as subtarefas específicas que serão executadas pelo usuário para realizar as tarefas descritas nas atividades.
• Detalhes: descrevem de maneira mais detalhada cada uma das interações que o usuário terá com a interface para completar as etapas descritas.

Conseguir ler informações das pesquisas, interpretar e traduzir por meio de técnicas e ferramentas, como essas apresentadas, ajuda muito no entendimento e no processo de identificação de oportunidades para o desenvolvimento da interface. Entenda quais são os objetivos da interface e da etapa inicial do projeto, escolha a técnica que trará as informações mais úteis para você e estruture as informações das pesquisas que você aplicou nestas técnicas, elas lhe ajudarão na definição dos requisitos do projeto e na geração de ideias para a interface.

faça valer a pena

Referências

AS 3 DIVISÕES PARA CRIAR UM ÓTIMO MAPA DE JORNADA DO USUÁRIO - UX DESIGN. [S. l.: s. n.], 2020. 1 vídeo (2min25s). Publicado pelo canal UX Unicórnio. Disponível em: https://bit.ly/3zCPtjz. Acesso em: 17 jul. 2021.

BEVAN, N. UsabilityNet Methods for User Centered Design. Human-Computer Interaction: Theory and Practice. Proceedings of HCI International, v. 1, n. 1 p. 434-438, 2003.

BEVAN, N. Criteria for selecting methods in user-centered design. [S. l.: s. n.], 2009.

CYBIS, W.; BETIOL, A. H..; FAUST, R. Ergonomia e Usabilidade: conhecimentos, métodos e aplicações. São Paulo: Novatec, 2007.

HEINILÄ, J.; STRÖMBERG, H.; LEIKAS, J.; IKONEN, V.; IIVARI, N.; JOKELA, T.; AIKIO, K.-P.; JOUNILA, I.; HOONHOUT, J.; LEURS, N. User Centered Design: guidelines for methods and tools. Finlândia: The Nomadic Media Consortium, 2005.

HOOLHORST, F.; VOORT, M. van der. The UCD Kick-off Tool. [S. l.: s. n.], 2011. Disponível em: https://bit.ly/3i51Fnj. Acesso em: 31 mar. 2021.

INTERNATIONAL ORGANIZATION FOR STANDARDIZATION. ISO 9241-210:2019. Ergonomics of human-system interaction. Part 210: Human-centred design for interactive systems. ISO, 2019. Disponível em: https://bit.ly/3iNpC1E. Acesso em: 17 jul. 2021.

KALEY, A. Mapping User Stories in Agile. NN Group, 2021. Disponível em: https://bit.ly/3eX0FQ9. Acesso em: 28 mar. 2021.

KAPLAN, K. When and How to Create Customer Journey Maps. NN GROUP, 2016. Disponível em: https://bit.ly/2TCDuDl. Acesso em: 28 mar. 2021.

MAGUIRE, M. Methods to support human-centered design. International Journal of Human-Computer Studies, v. 55, p. 587-634, 2001.

MAGUIRE, M. Context of Use within usability activities. International Journal of Human-Computer Studies, v. 55, p. 453-483, 2001.

SERVICE DESIGN TOOLS. Disponível em: https://bit.ly/3zIfFcJ. Acesso em: 17 jul. 2021.

SZEROVAY, K. Table of Contents. UX Knowledge Base Sketch, 2017. Disponível em: https://bit.ly/376BINC. Acesso em: 17 jul. 2021.