8 ferramentas não digitais para adicionar ao seu UX Toolbelt

Publicados: 2016-10-30

Como designers, estamos constantemente sendo apresentados a novas ferramentas digitais de ponta para ajudar a transformar e tornar nossos fluxos de trabalho mais eficazes. Isso significa que às vezes nos esquecemos das ferramentas não digitais que devemos sempre manter à nossa disposição.

A experiência do usuário não é algo que parece perfeito em pixels logo de cara . Trata-se de criar uma experiência para os usuários em cada ponto de contato que seja intuitiva, funcional e, esperançosamente, agradável. Você não pode conseguir isso se for direto para o Photoshop. Passe algum tempo desenvolvendo seus conceitos e designs no papel para iterações colaborativas rápidas e eficazes antes de se tornar digital.

A experiência do usuário é sobre resolver problemas e não há melhor maneira de resolver problemas do que liberar nossas mentes com o uso dessas oito ferramentas não digitais para ajudar nossas ideias a tomar forma.

O poder das notas adesivas

Tornou-se uma piada na comunidade UX, mas as notas adesivas são uma necessidade séria para designers de UX e você também pode se tornar um ninja de notas adesivas todo-poderoso.

Há tantas razões para amar notas adesivas, mas o que está no topo da lista é que elas são pequenas o suficiente para capturar uma ideia, podem ser movidas facilmente e você pode comprá-las em uma variedade de cores e tamanhos favoritos sem gastar muito. . Eles também são ótimos para definir interações e conceitos para protótipos de papel.

As notas adesivas são úteis durante as sessões de esboço e brainstorming. Assim que as notas estiverem dispostas na parede, os padrões começarão a surgir, permitindo que você tome decisões inteligentes e crie um plano para os próximos passos.

Minha versão do quadro branco portátil – flip charts pegajosos

Vejo flipcharts pegajosos como quadros brancos portáteis. Eles são perfeitos para reuniões com clientes que estão fora do escritório .

Recentemente, voei para Nova York para me encontrar com um cliente para um workshop de estratégia e desenho para o redesenho de seus sites para dispositivos móveis e desktop. Estou muito feliz por termos decidido renunciar ao quadro branco e, em vez disso, nos concentramos em preencher página após página de grandes flipcharts adesivos. Essas páginas, que estavam cheias de nossos rascunhos e post-its, estavam coladas em todas as paredes do escritório e repetidas por horas.

A melhor parte foi que, depois que a sessão terminou, consegui enfiá-los na minha mala, entrar no avião e colocá-los facilmente nas paredes do meu escritório em Denver.

Cadernos

Nos últimos três meses, preenchi mais de seis cadernos com notas, rabiscos, wireframes, fluxos, citações para inspiração e muito mais.

Nada supera o valor de um bloco de papel e uma caneta para colocar suas ideias em prática. A portabilidade de um notebook facilita a captura desses pensamentos a qualquer hora e em qualquer lugar.

Este artigo do Proto.io, 10 cadernos adoráveis ​​para designers, destaca alguns dos meus cadernos favoritos, incluindo Field Notes e Pocket A6 da Leuchtturm 1917. Os cadernos são pequenos e flexíveis e não adicionam muito peso à sua bolsa. Eles também vêm em uma variedade de estilos de página, incluindo grade, pautada, em branco e pontilhada.

Manter algumas resmas de grade A4 e papel em branco também é uma boa ideia para esboços e prototipagem em papel. Ter a capacidade de colocar folhas de papel individuais em uma superfície plana, permitindo movê-las, pode ser realmente valioso, especialmente quando se trata de estratégia e planejamento.

E, quando se trata de prototipagem – a prototipagem em papel é uma maneira extremamente rápida e eficaz de ver como os usuários interagem com seus projetos.

Ferramentas de desenho

Eu sempre gosto de começar esboços com lápis. Prefiro lapiseiras, mas quando não tenho uma à mão, a número 2 mais afiada faz o trabalho. A caneta preta Sakura Pigma Micron é uma ótima ferramenta para transformar meus wireframes em algo apresentável, com boa aparência e de fácil leitura para clientes e usuários.

Recomendado para você:

Como o Metaverse transformará a indústria automobilística indiana

Como o Metaverse transformará a indústria automobilística indiana

O que significa a provisão antilucratividade para startups indianas?

O que significa a provisão antilucratividade para startups indianas?

Como as startups de Edtech estão ajudando a melhorar a qualificação e a preparar a força de trabalho para o futuro

Como as startups de Edtech estão ajudando a qualificação da força de trabalho da Índia e se preparando para o futuro

Ações de tecnologia da nova era esta semana: os problemas do Zomato continuam, EaseMyTrip publica...

Startups indianas pegam atalhos em busca de financiamento

Startups indianas pegam atalhos em busca de financiamento

A startup de marketing digital Logicserve Digital levantou INR 80 Cr em financiamento da empresa de gerenciamento de ativos alternativos Florintree Advisors.

Plataforma de marketing digital Logicserve Bags Financiamento de INR 80 Cr, renomeia como LS Dig...

Sharpies também podem fazer o trabalho. Marcadores pretos de ponta fina são perfeitos para wireframes e anotações, enquanto usam marcadores mais grossos para o contorno da tela.

Os marcadores de escala de cinza são incríveis para dar vida aos esboços, permitindo que você jogue com a hierarquia e revele as diferenças nos designs de uma maneira facilmente compreensível. Ao criar protótipos de papel, não há nada melhor do que um marcador para representar as interações do usuário, especialmente ao orientar um usuário ou parte interessada em um fluxo.

Cartões de índice

Os designers de UX geralmente enfrentam desafios de navegação e precisam de ajuda para avaliar a arquitetura de informações de um site. Não há nada melhor do que usar cartões de índice 3 × 5 para realizar classificações pessoais de cartões e classificações reversas de cartões para ajudar os designers a entender as expectativas dos usuários e como eles categorizam as informações apresentadas.

A melhor parte dos cartões de índice é que eles são baratos e fáceis para os usuários manusearem e organizarem rapidamente. Ao avaliar os cartões, padrões começam a surgir, fornecendo informações valiosas para ajudar na criação de uma experiência de usuário perfeita.

Dica: Guarde cartões de índice em sua bolsa para esboçar. O tamanho dos cartões é semelhante ao tamanho de algumas telas do celular para as quais você pode projetar.

Modelos de papel

Os modelos são ferramentas para ajudá-lo a estruturar seu pensamento . Eles não pretendem ser um substituto para a sua criatividade. Você pode encontrar modelos para tudo que se possa imaginar, desde telas do Android até scripts para sessões de teste de usuários e até storyboards.

estrutura de arame

Mantenha uma pilha de modelos de papel em sua mesa e em sua bolsa. Os modelos são um ótimo lugar para começar a colocar suas ideias no papel sem a sensação avassaladora que às vezes você pode sentir ao olhar para um pedaço de papel em branco. “Bloqueio de wireframes” é algo que todos nós já sentimos em algum momento.

Os modelos também permitem que você tenha uma ideia de como seu site ficaria em telas específicas. Você pode encontrar modelos para todos os tamanhos de tela imagináveis ​​para iOS, Android, tablet e desktop.

Você pode encontrar modelos para download e muitas vezes gratuitos no Pop App, UiUxAssets e eWebDesign.

Réguas Translúcidas

Eu não tenho uma mão firme, poucas pessoas têm, e as réguas são muito úteis ao esboçar wireframes . Não os use quando estiver começando a esboçar, mas depois de ter algumas ideias no papel para ajudar a definir suas linhas com mais precisão.

Eu sou particularmente atraído por réguas translúcidas que permitem que você veja como são suas linhas em comparação com o que está no resto do papel. Você também pode usar a régua ao criar protótipos de papel interativos. Pegue a ponta da régua para rasgar rapidamente o papel ou uma nota adesiva em uma linha reta que você pode colar ou colar de volta para uma iteração rápida.

Quadros brancos

Um quadro branco é uma ótima ferramenta para registrar suas ideias rapidamente enquanto trabalha com outros designers para resolver problemas. Aqui estão algumas coisas para as quais você pode usar um quadro branco:

  • Listando detalhes sobre seus usuários, como suas motivações, frustrações e objetivos.
  • Definição de histórias de usuários.
  • Desenhando as telas principais que se correlacionam com as histórias do usuário que você definiu na etapa dois.
  • Adicionando mais detalhes (e apagando-os).

É claro que, ao longo de suas sessões de whiteboard, você coletará continuamente feedback e fará perguntas às partes interessadas enquanto itera em seus esboços à medida que avança. O whiteboard ajuda a resolver problemas rapidamente, priorizando e iterando .

Eu tenho meu próprio quadro branco pessoal em meu escritório em casa. Eu o uso para anotar metas semanais, além de pensar em alguns desafios de design de UX. No momento, existem algumas citações inspiradoras, incluindo:

“Gastamos muito tempo projetando a ponte, mas pouco tempo pensando nas pessoas que a atravessam.”

– Dr. Prabjhat Singh

Eu encorajo as pessoas, novas e velhas no campo de UX, a investir nesses fundamentos não digitais. Eles ajudarão em todas as fases do seu fluxo de trabalho – da pesquisa ao design e, finalmente, com teste e validação.

Deixe-nos saber se você tem alguma ferramenta que acha que devemos adicionar à lista!

[Esta postagem apareceu pela primeira vez no Proto.io e foi reproduzida com permissão.]