Ser um designer centrado no usuário significa que uma parte significativa da minha responsabilidade envolve conceitos de prototipagem para obter feedback de vários projetos que resolvem problemas reais de negócios. Isso significa esboçar ou projetar, de forma iterativa, ideias no início e no processo de design para gerar conversas e, o mais importante, coletar feedback das partes interessadas.
Meu objetivo é, em última instância, englobar as metas dos usuários com as metas de negócios para uma situação ganha-ganha que seja mutuamente benéfica de ambas as perspectivas. Portanto, estou sempre interessado em qualquer ferramenta que me permita não apenas ser mais eficiente, mas mais eficiente nesse processo.
Se o que eu disse até agora começar a ressoar, você pode estar interessado nas ferramentas de prototipagem a seguir, que podem ajudá-lo a orientar seus stakeholders por meio de sua visão sobre o caminho até o produto final.
Se você tem um iPad e prefere trabalhar nele, iMockups pode valer a pena dar uma olhada. Embora iMockups é projetado exclusivamente para o iPad, ele tem uma visão de apresentação para compartilhar sua visão com um público maior, conectando seu iPad para uma tela grande. Você pode colocar hotlinks em vários elementos no wireframe para navegação real de um wireframe para o próximo.
Se você é um Mockups Balsamiq usuário ou trabalhar com alguém que é, é conveniente que os arquivos iMockups podem ser exportados para o formato Balsamiq BMML. Com isso dito, a colaboração e o compartilhamento estão limitados ao envio de e-mails para arquivos de projetos editáveis ou PNGs.
De PNGs a protótipos em 45 segundos é Flinto passo. Dito isso, no entanto, você ainda precisa criar esses PNGs fora do Flinto, ao contrário de outros serviços de prototipagem. Algumas pessoas podem ver isso como algo negativo, mas eu realmente gosto de ter a capacidade de usar meu editor gráfico favorito em vez de ficar confinado a usar outra interface interna que tenho que aprender a usar antes de poder fazer qualquer coisa. E eu não acho que estou realmente dando um passo quando digo que, se você está no ramo de criação de aplicativos, provavelmente já tem seu editor gráfico preferido pronto para ser lançado a qualquer momento.
Onde a Flinto realmente se destaca é com seu recurso integrado de compartilhamento e instalação. Ele permite que você compartilhe seu link de protótipo com outras pessoas que podem instalar o protótipo em sua tela inicial, tanto no iOS quanto no Android, para usar como um aplicativo em funcionamento. Você pode torná-lo tão realista quanto desejar, com transições iOS e Android recriadas, cabeçalhos e rodapés fixos e telas que rolam verticalmente.
Construído para pensadores visuais, Cuecas fornece uma maneira de descrever seu aplicativo para dispositivos móveis para outras pessoas. Você tem um design de aplicativo na sua cabeça, e o Briefs está aqui para ajudá-lo a colocar essa ideia na cabeça dos outros, o que inclui mais do que apenas compartilhar uma demonstração. Briefs para Mac permite que você veja seu design e até mesmo teste-o ao vivo em dispositivos reais enquanto você projeta. Ele usa animações nativas e interações para que você possa obter uma apreciação realmente forte de como se sentirá. Como outros serviços concorrentes, você pode aplicar pontos de acesso a arquivos simples que fazem a ligação entre "páginas", mas o Briefs oferece a flexibilidade de usar seus próprios recursos criados fora do aplicativo ou você pode criar páginas diretamente no aplicativo usando sua biblioteca de elementos de interface .
Briefs separa-se do resto quando chega a hora de compartilhar seu trabalho. Usando o que eles chamam de resumos, você empacota todos os seus cronogramas de design móvel em um resumo que pode ser visualizado no aplicativo gratuito Briefscase iOS por clientes ou colegas de equipe em seus próprios dispositivos. Mas o que é especialmente bom é que o Briefs for Mac dinamiza a exportação de seus ativos para o (s) seu (s) desenvolvedor (es), onde você pode fornecer um blueprint detalhado que representa o design do seu aplicativo.
Se você preferir o método testado e comprovado de esboçar wireframes em papel real ou o verso proverbial de um guardanapo, do qual eu pessoalmente sou um fã, então temos um aplicativo para você. Você literalmente esboça suas ideias, tira fotos delas com seu telefone e, em seguida, faz o upload delas Prototipagem em papel onde você pode começar a juntar seus esboços usando pontos de acesso.
Sim, é básico, mas essa é a beleza disso. Você não precisa de nenhum software complicado, apenas um lápis e um pedaço de papel. Depois de criar seu cenário, você pode compartilhar e demonstrar seu protótipo bruto em um iPhone, iPad ou até mesmo em seu navegador da Web.
Rodando completamente fora do DropBox, atualizar seu protótipo é tão simples quanto atualizar seus arquivos de projeto: Maravilha reconhece automaticamente sempre que você salvar alterações em seus ativos e atualiza seu protótipo em segundo plano sem o incômodo de reenviar seus arquivos. E, ao contrário de grande parte da concorrência, a Marvel não apenas suporta dispositivos móveis (iOS e Android), mas também dispositivos web e de jogos.
Outro destaque é quando você pode converter seus arquivos do Photoshop para imagens (PNG, JPG, GIF), você não precisa a menos que você queira, porque a Marvel suporta arquivos PSD e também afirma que estará apoiando o Sketch em breve.
Construído para iterações ágeis, o poder de InVision está em sua plataforma de colaboração, tornando-se uma ótima opção para equipes distribuídas. Obviamente, como muitos outros serviços e aplicativos de prototipagem, você pode criar uma demonstração clicável vinculando esboços, wireframes ou designs de alta fidelidade. E esses protótipos podem ser compartilhados e visualizados por meio de um navegador ou de um dispositivo móvel para uma demonstração instantânea tocável. Não quero encobrir esses fatos, mas quero apenas chegar ao que o diferencia de outros serviços de prototipagem.
A menos que você seja uma equipe de uma pessoa projetando aplicativos apenas para si mesmo, provavelmente você já experimentou algumas das dificuldades em colaborar com clientes e colegas, controlar quem disse o quê sobre o quê e organizar todos os comentários e recomendações em um formato digestível.
Qualquer designer que tenha sido enterrado no feedback e lutado para organizar tudo isso apreciará a ferramenta de colaboração de design da InVision, o LiveShare, que permite a colaboração em tempo real no navegador sem necessidade de download. O LiveShare é muito mais do que um aplicativo de compartilhamento de tela, evidenciado por ponteiros de marca de nome visíveis para todos na reunião, chat de voz, recursos de linha de conferência privada, bate-papo de texto, modo de esboço e até o modo quadro branco onde todos têm um lápis para desenhar um quadro virtual compartilhado.
Claro, não existe um tamanho único para todas as ferramentas de prototipagem. Muitos fatores determinam o que pode ser certo para você ou sua equipe.