ebook aplicando uxdesign projetosdigitais catarinas

Upload: aluandrade

Post on 07-Jul-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    1/26

    projetos digitais_APLICANDO UX DESIGN EM

    cases da Catarinas Design

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    2/26

    Esse ebook tem o objetivo de mostrarque é possível inserir UX design na suaempresa, startup ou projeto. Nestematerial apresentamos cases reais

    realizados na Catarinas Design paraclientes com variados budgets.

    Somos uma empresa de Florianópolis queatua na área de design de interação comconsultoria de usabilidade, pesquisa com

    usuários e também com soluções digitaiscomo interfaces de software, websites eaplicativos mobile.

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    3/26

    _Você já teve dúvidas do tipo...

    · Minha interface está agradando meu cliente?· Será que meus usuários conseguem realizar astarefas desejadas sem maiores dificuldades?· Eles ficam satisfeitos ao utilizarem o meu

    produto?· Ou saem estressados com o insucesso oubarreiras encontradas no sistema?

    PRIMEIRO, POR QUÊ?

    SE SIM...

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    4/26

    IT’S TIME!!

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    5/26

    Comece a se preocupar com a

    experiência de seu usuário!

    Investir em uma boa experiência de seucliente não apenas vai poupar reclamaçõespara sua empresa mas também vaienconomizar o seu dinheiro!

    Como já falamos em outros materiais,motivos não faltam =)

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    6/26

    cases_BY CATARINAS DESIGN

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    7/26

    PÚBLICO ALVO

    DESAFIO

    CENÁRIO

    PROJETO

    _empresários, profissionais de RH

    _profissionais da área de TI

    _criar para o usuário do perfil “empresa” uma interface que

    resumisse a informação de forma a facilitar a escolha de

    um profissional para contratação

    _projeto para startup com prazo e escopo reduzidos.

    Participação próxima do cliente e equipe de desenvolvedores

    no fluxo de navegação e arquitetura da informação

     JOINTIstartup de recrutamento eseleção de vagas na área detecnologia

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    8/26

    PLANO DE AÇÃO

    _em caso de emergência, comece pelo mais simples_o seu colega poderia ser um cliente?

    _ uma opinião de fora (quase sempre) pode ser útil

    _forma rápida e barata de validação

    Como a Catarinas se enquadrava no público alvo potencial do

    aplicativo, colocar-se no lugar do usuário para o processo de

    validação interna foi um método produtivo para uma construçãocolaborativa

     JOINTI

     VALIDAÇÃO INTERNA

    *DICAS

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    9/26

     JOINTI

    _listagem dos conteúdos e recursos do aplicativo

    _estudo de taxonomia que fosse de fácilreconhecimento para o público-alvo

    _desenho dos fluxos dos esboços junto ao cliente edevs para uma validação mais dinâmica

    _criação coletiva dos wireframes_concepção do projeto gráfico

    COMO FOI FEITO

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    10/26

    IDEAÇÃO,FLUXOS EWIREFRAMES

     JOINTI

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    11/26

    RESULTADO  JOINTI 

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    12/26

    G4DECISION

    PÚBLICO ALVO

    DESAFIO

    CENÁRIO

    _gestores de orgãos públicos

    _funcionários do governo

    _conhecimentos em tecnologia de nível iniciante/intermediário

    _releitura da interface piloto do sistema, focando na

    melhoria da usabilidade e transformando ações e termos

    técnicos em recursos de fácil compreensão

    _startup ainda sem clientes na base, todo o conhecimento e

    experiência sobre o problema vinha da bagagem e vivência

    no problema por parte dos stakeholders. Usuários chave doproduto tinham um perfil bastante inacessível para contato

    plataforma de visualizaçãode grandes quantidades dedados por período de tempo

    PROJETO

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    13/26

    O método aplicado foi bom para:

    _entender como indivíduos pensam_compreender qualitativamente suas motivações e

    expectativas

    _aproveitar os conhecimentos e bagagem dos skeholders

    do projeto

    PLANO DE AÇÃO

    ENTREVISTAS COM STAKEHOLDER

    *DICAS

    Por tratar-se de uma área técnica bastante específica e devido

    a forte expriência dos fundadores do projeto no assunto, foi de

    extrema importância o entendimento de suas motivações e

    percepções no que diz respeito ao lançamento da solução

    G4DECISION

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    14/26

    _estudo sobre o produto e sobre o universode visualização de dados

    _delimitação do público alvo e mapeamento

    empírico do perfil de uso e comportamento

    _entrevista com stakeholder paraentendimento do problema motivação do

    projeto

    _mapeamento com stakeholder da propostade valor e objetivo do app

    G4DECISIONCOMO RESOLVEMOS

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    15/26

    COMPILAÇÃO DASENTREVISTAS,WIREFRAMES

    G4DECISION

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    16/26

    G4DECISIONRESULTADO G4 DECISION

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    17/26

    PLAYDEA

    PÚBLICO ALVO

    DESAFIO

    CENÁRIO

    PROJETO

    _professores de ensino médio

    _estudantes de 11 a 17 anos

    _com o produto praticamente pronto, a consultoria em

    usabilidade teve objetivo facilitar ao máximo as ações do

    perfil professor, que representava a principal resistênciana adesão da plataforma. A análise focou em localizar

    problemas de usabilidade, além de sugerir melhorias para

    otimizar e engajar os usuários

    _amplo acesso e tempo para explorar e entender o

    funcionamento da lógica dos usuários ‘professores’ e ‘alunos’

    plataforma de aprendizadode alunos, professores egestores

    Ã

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    18/26

    O método aplicado foi bom para:_estudar a fundo a versão atual da solução _identificar problemas de usabilidade_melhorar e facilitar a experiência de uso e o engajamento

    PLANO DE AÇÃO

     Aplicação de uma pré entrevista sobre as atividades diárias, e

    dificuldades, dos profissionais e alunos seguido da aplicação do

    teste de usabilidade e questionário pós teste para levantar as

    percepções dos usuários durante a interação

    PLAYDEA

    TESTE DE USABILIDADE

    *DICAS

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    19/26

     

    _4 alunos | 2 professores

    _1 entrevistador | 1 pesquisador (anotando as ocorrências)

    _roteiros

    _testes realizado na plataforma

    _gravação de vídeo

     MÉTODOS UTILIZADOS NOS TESTES_entrevista

    _teste de usabilidade_questionário pós teste

    PLAYDEACOMO FOI FEITO

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    20/26

    RELATÓRIO ERECOMENDAÇÕES

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    21/26

    PÚBLICO ALVO

    DESAFIO

    CENÁRIO

    PROJETO

    _estudantes universitários

    _engajar e trazer o maior número de pessoas com o objetivo

    de reduzir o uso do automóvel oferecendo um aplicativo para

    smartphone com programa de pontos/recompensas

    _projeto participante de um programa de desenvolvimento

    de startups e encontra-se em uma fase de total

    reformulação da versão atual e validação de novas

    funcionalidades

    MOOVEAPPrede social focada emdeslocamente e mobilidadeurbana

    PLANO DE AÇÃO MOVEAPP

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    22/26

    PLANO DE AÇÃO

    Compilando os resultados das entrevistas foi possível construir a“persona” do projeto, que apresentava à equipe de projetos os

    dados e informações essenciais relacionados ao perfil do público

    alvo do aplicativo, influenciando nas decisões e etapas seguintes do

    projeto

    MOVEAPP

    PERSONAS

    Inicou-se com um questionário online como forma de mapear o

    perfil e recrutar usuários a partir das respostas mais relevantes

    para o objetivo da pesquisa. Com a entrevista de profundidade

    foram levantadas dificuldades e percepções dos usuários durante oseu deslocamento diário e pontos relacionado a sua vida social

    QUESTIONÁRIO/ENTREVISTA

    COMO FOI FEITO MOVEAPP

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    23/26

     

    _mapeamento inicial de quem é e o que pensao público alvo (perfil de uso da tecnologia, dadosdemográficos, como é seu ciclo social)

    _compreensão da dinâmica de deslocamento dessas

    pessoas

    _verificação das soluções e linguagens fazem parte docotidiano desse público

    _mapeamento dos elementos de motivação eengajamento

    COMO FOI FEITO MOVEAPP

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    24/26

    PERSONAS ERESULTADOSDA PESQUISA

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    25/26

    GOSTOU?VAMOS CONVERSAR PARA

    SABER COMOPODEMOS TE AJUDAR :)

    SOLICITE UMAPROPOSTA

    http://%20http//pages.rdstation.com.br/solicite-proposta-comercialhttp://%20http//pages.rdstation.com.br/solicite-proposta-comercialhttp://%20http//pages.rdstation.com.br/solicite-proposta-comercialhttp://%20http//pages.rdstation.com.br/solicite-proposta-comercialhttp://pages.rdstation.com.br/solicite-proposta-comercial

  • 8/18/2019 eBook Aplicando UXDesign ProjetosDigitais Catarinas

    26/26

    Catarinas Design de Interação

    catarinasdesign.com.brfb.com.br/catarinasdesign@catarinasdesign

    http://www.catarinasdesign.com.br/https://www.facebook.com/catarinasdesignhttp://www.twitter.com.br/catarinasdesignhttp://www.twitter.com.br/catarinasdesignhttps://www.facebook.com/catarinasdesignhttp://www.catarinasdesign.com.br/