Sam Alves Aplicativo Mobile by rebecadesigner

TRABALHO DE CONCLUSﾃグ Design de Interaﾃｧﾃ｣o | Rebeca Pinto da Silva

RESUMO Sam Alves Aplicativo Mobile Foi desenvolvido um projeto de aplicativo do cantor Sam Alves, afim de organizar conteúdos referentes a ele em um só local; levando o fã a ter um espaço especial do seu ídolo no celular e navegar de maneira prática a conteúdos relacionados a ele. O projeto foi desenvolvido com base em pesquisa, avaliação e teste de usabilidade com o público alvo do cantor. A realização destas etapas contribuíram de maneira bem positiva na definição de tipo de conteúdo e na prevenção de problemas de fluxo relacionados à usabilidade.

Rebeca Pinto da Silva Rio de Janeiro 2015

Trabalho de conclusão do curso de Pós-Graduação lato sensu em Design de Interação apresentado à Faculdade Senac Rio, em 04 de abril de 2015. Orientadora: Sílvia Helena de Carvalho Schnaider

Rebeca Pinto da Silva Rio de Janeiro 2015

FICHA CATALOGRÁFICA S586

Silva, Rebeca Pinto.

Sam Alves aplicativo mobile / Rebeca Pinto Silva. – Rio de Janeiro, 2015. 176 f. : il. ; 30 cm. Orientadora: Silvia Schnaider. Trabalho de conclusão de curso (Pós-graduação em Design de Interação) – Faculdade Senac, 2015. Inclui bibliografia.

1. Interação homem-máquina. I. Silva, Rebeca Pinto. II. Título.

CDD 004.019

Curso

Pós-graduação lato sensu em Design de Interação

Ano 2015

Nome do Aluno Rebeca Pinto da Silva

Título do TCC

Sam Alves Aplicativo Mobile

Nome do docente orientador Sílvia Helena de Carvalho Schnaider

Conceito ___________ Recomendações ______________________________________________________________________________________ ______________________________________________________________________________________ ______________________________________________________________________________________

Docente Orientador ___________________________________________________

Rio de Janeiro ___________ de ________________________ de 2015.

DEDICATĂ&#x201C;RIA Dedico este projeto ao querido cantor Sam Alves. Espero que possa contribuir da melhor forma possĂvel para a sua carreira.

AGRADECIMENTOS Agradeço primeiramente a Deus por ter me dado o Dom da vida e da inteligência. Agradeço a minha mãe Floripes Pinto da Silva que é, e sempre foi, principal incentivadora na minha formação humana e profissional. Agradeço a todos os professores que contribuíram para que eu tivesse de fato o aprendizado e a realização deste projeto, em especial a minha orientadora Silvia Schnaider e ao Educador Edson Rufino, que foram os meus maiores incentivadores e orientadores durante esta especialização. Obrigada aos meus colegas de classe, que estiveram sempre dispostos a me ajudar e me incentivar na realização deste aplicativo. Agradeço também ao Cantor Sam Alves, assunto do projeto desenvolvido. Seu interesse foi objeto fundamental para que eu me sentisse motivada e incentivada a desenvolver este aplicativo da melhor forma possível. A todos vocês a minha gratidão.

RESUMO Foi desenvolvido um projeto de aplicativo do cantor Sam Alves, afim de organizar conteúdos referentes a ele em um só local; levando o fã a ter um espaço especial do seu ídolo no celular e navegar de maneira prática a conteúdos relacionados a ele. O projeto foi desenvolvido com base em pesquisa, avaliação e teste de usabilidade com o público alvo do cantor. As realizações destas etapas contribuiram de maneira bem positiva na definição de tipo de conteúdo e na prevenção de problemas de fluxo relacionados à usabilidade.

PALAVRAS - CHAVE Sam Alves. Sam Alves Music. Cantor Sam Alves. Cantor. Aplicativo. Aplicativo Sam Alves. Sam Alves Aplicativo. Sam Alves Aplicativo Mobile. Aplicativo Mobile Sam Alves. Mobile. Smartphone. Iphone. IOS. Música. Fãs. Fã Clube Samurais. Fã Clube Sam Alves. Samurais. FCO. Samurais FCO. Conteúdo. Informação. Novidade. Entretenimento. Design. Design de Interação. TCC. Trabalho de Conclusão de Curso. Pós-Graduação.

SUMÁRIO INTRODUÇÃO ________________________________________________________ 021 CAPÍTULO 1

BREVE RESUMO SOBRE A VIDA DO CANTOR __________________ 023 Infância e adolescência ________________________________________________ 025 The Voice USA e The Voice Brasil ______________________________________ 027 Discografia _____________________________________________________________ 028 CAPÍTULO 2

DELINEAMENTO DO PROJETO ___________________________________ 029 Tema ____________________________________________________________________ 031 Descrição do Projeto ____________________________________________________031 Escopo ___________________________________________________________________031 Problema ________________________________________________________________031 Hipótese ________________________________________________________________ 031 Objeto ___________________________________________________________________031 Objetivo Geral ___________________________________________________________031 Objetivo Específico ______________________________________________________031 Justificativa Geral________________________________________________________031 CAPÍTULO 3

GERENCIAMENTO DE PROJETO ___________________________________033 Project Model Canvas _________________________________________________035 Organização do Release _______________________________________________038 CAPÍTULO 4

TÉCNICAS E PROCEDIMENTOS DA PESQUISA __________________043 Benchmarking __________________________________________________________045 Questionário ____________________________________________________________049

Métricas de Sucesso ___________________________________________________059 Público Alvo _____________________________________________________________059 Personas ________________________________________________________________059 Mapa Mental ___________________________________________________________064 Diagrama de navegação ________________________________________________065 Avaliação Heurística ____________________________________________________067 Teste de Usabilidade ___________________________________________________076 Wireframe ______________________________________________________________085 CAPÍTULO 5

DEFINIÇÃO DE FUNCIONALIDADES E CONTEÚDO _________087 Tarefas __________________________________________________________________089 Lista de funcionalidades _______________________________________________090 CAPÍTULO 6

IDENTIDADE VISUAL DO PROJETO_________________________________093 Tabela de Cores ________________________________________________________095 Marca do Cantor _______________________________________________________096 Marca de Divulgação do Aplicativo ____________________________________097 Proibições _______________________________________________________________101 Tipografia utilizada na Marca _________________________________________102 CAPÍTULO 7

PROJETANDO A INTERFACE ________________________________________103 Implementação do projeto ___________________________________________105 Tipografia utilizada no Aplicativo_____________________________________105 Ícones das Categorias _________________________________________________107 Ícone do Aplicativo ____________________________________________________107 Design de Interface ____________________________________________________110

CAPÍTULO 8

MATERIAL DE DIVULGAÇÃO________________________________________139 Facebook ________________________________________________________________141 Twitter ___________________________________________________________________141 Instagram _______________________________________________________________142 E-mail Marketing _______________________________________________________143

CONCLUSÃO __________________________________________________________147 REFERÊNCIAS BIBLIOGRÁFICAS ___________________________________149 ANEXOS ________________________________________________________________151

ANEXOS ANEXO 1

AVALIAÇÃO HEURÍSTICA __________________________________________ 151 Tabela de erros encontrados pelos especialistas ___________________ 151 Tabela GUT feita pelos especialistas _________________________________ 152 ANEXO 2

TESTE DE USABILIDADE __________________________________________ 155 Roteiro de Introdução ________________________________________________ 155 Termo de Cessão de Direitos de uso de Imagem ___________________ 156 Cenários e Tarefas ___________________________________________________ 157 Questionário Pós teste _______________________________________________ 157 Checklists _______________________________________________________________ 159 Tabelas individuais com recomendações dos participantes ______ 161

INTRODUÇÃO Sam Alves é cantor de música pop, vencedor da segunda temporada do reality show The Voice Brasil e participante do The Voice USA. Atualmente o cantor utiliza o site e as redes sociais para se comunicar com os fãs, mas visto que não se tem um canal de informações, organizado por categorias, a fim de facilitar ver e rever conteúdos sobre ele, deu-se a motivação para a criação deste projeto. O objetivo é promover um canal de acesso prático a conteúdos sobre ele e dar possibilidade aos fãs de terem um espaço especial do seu ídolo em seus smartphones. O aplicativo tem como público fãs que estão inseridos em fã clubes e grupos de discussões sobre o cantor e utilizadores da plataforma IOS. Esta plataforma foi escolhida pelo vínculo com o iTunes, onde o artista lança novos CDs e EPs, possuindo uma divulgação mais assídua na venda virtual. Os capítulos foram divididos em fases do projeto, com exceção do capítulo 2, onde é dado um resumo da vida do artista. O Projeto detalha as definições principais do aplicativo e etapas de planejamento em um só Release. Estão inseridas as pesquisas, definição de público, avaliação, teste de usabilidade e wireframe, seguido de todas as tarefas que os usuários podem realizar e do detalhamento de prioridade de todas as funcionalidades desejadas. A identidade visual do projeto foi construída a partir da própria marca do cantor, porém ela só poderá ser aplicada como conteúdo de divulgação do produto, sendo utilizada no aplicativo a marca original do artista. Toda a implementação do projeto foi feita em HTML, CSS e JQuery. Foram criados alguns materiais de divulgação para as redes sociais e e-mail marketing, visando chamar atenção do usuário e despertar nele o desejo de ter o aplicativo.

CAPÍTULO 1

BREVE RESUMO SOBRE A VIDA DO CANTOR

1. BREVE RESUMO SOBRE A VIDA DO CANTOR Samuel Martins Alves é natural de Fortaleza/CE e nasceu no dia 3 de junho de 1989. Sam Alves(como é conhecido) mudou-se aos 4 anos de idade com a família para os Estados Unidos.

INFÂNCIA E ADOLESCÊNCIA Quando tinha apenas dois dias de vida, Sam foi abandonado em uma caixa de papelão na porta de uma casa, em Fortaleza, Ceará. Com ele, um bilhete escrito com dificuldades, dizendo que ele havia nascido no dia 3 de junho de 1989 e tomado mingau às 13 horas daquele dia 5, quando Luiz e Raquel Alves o encontraram. O garoto cresceu. Quando havia acabado de completar quatro anos de idade, seus pais adotivos Luiz e Raquel decidiram se mudar para os Estados Unidos. Chegaram pela primeira vez no Aeroporto Internacional JFK, no dia 10 de janeiro de 1994, Sam e Raquel. E começaram suas novas vidas em Fall River, Massachusetts, onde o jovem cresceu e foi educado. Sam aprendeu Inglês na escola e Português com a sua avó materna, enquanto era criado em estilo de vida cristã. Seu pai após um ano mudou-se para os EUA e se tornou pastor em uma igreja batista. Sam e seus pais se mudaram para um pequeno apartamento em Framingham, Massachusetts, onde seu pai conseguiu um emprego como entregador de jornal e sua mãe começou a realizar limpezas em casas (típico trabalho entre brasileiros imigrantes). Em agosto de 2001, os Alves compraram sua primeira casa em Clinton, Massachusetts. Aos 14 anos, depois que Sam se formou no ensino fundamental, em julho de 2003, Raquel começou a treinar sua voz para cantar na igreja. Sua primeira apresentação foi na igreja em Everett, Massachusets, onde cantou um dueto com ela.

Sua primeira performance solo foi em púlpito para um público de menos de vinte pessoas em uma igreja em Clinton. Em 2003, ele e sua mãe voltaram ao Brasil para um trabalho Missionário. Aqui, ele a ajudou construir uma nova igreja na capital, Brasília. Sam continuou se aperfeiçoando na escola de Música de Brasília(considerada uma das melhores escolas de música da América Latina) e cantava durante os cultos, sozinho ou em duetos com sua irmã Samara. Ele escreveu uma canção em seu segundo ano do Ensino Médio, no Brasil, intitulado “You are Lord”(“Tu és Senhor”) e, embora os planos de Sam eram de gravar quando estivesse totalmente preparado, por incentivo de um amigo da família, Sam e Samara gravaram um álbum independente de música gospel, incluindo sua música autoral em Inglês, seguido de outras gravações em Português. O álbum foi gravado ao vivo no dia 6 de dezembro de 2006, na igreja que construíram, em frente a centenas de pessoas. O álbum foi lançado pela primeira vez em 3 de fevereiro de 2007, em sua cidade natal, Fortaleza, e, em seguida, em 3 de Março de 2007, em Brasília. Após quatro anos no Brasil, Sam e sua mãe voltaram para os EUA, no dia 10 de Março de 2007, onde seu pai, Luiz, havia ficado sozinho mantendo seu trabalho e a casa da família. No ano seguinte,o casal se separou e se divorciou. Sam ficou com a mãe, tendo passado dificuldades na vida financeira, vivendo exclusivamente do salário de sua mãe e da venda de seus CDs. Sam continuou a cantar em igrejas na região de New England, no Canadá e também em Nova York; enquanto sua mãe se esforçava para lutar contra a execução de hipoteca a fim de salvar a casa da família. Em novembro de 2009, Sam aceitou um convite para se juntar ao coro de apoio de uma apresentação local do cantor Michael W. Smith e foi selecionado como um tenor lead (principal), ajudando os outros colegas vocalistas a aprenderem as suas partes. Pouco depois, Sam foi convidado para liderar uma equipe de louvor e adoração para o grupo de jovens de uma grande igreja no Centro de Massachusetts, e, em poucos meses, tornou-se lider da equipe principal de louvor da igreja. Lá, liderou e cantou semanalmente além de participar de produções em feriados especiais.

Antes de se envolver com a equipe principal de louvor da igreja, a participação de Sam no evento do Michael W. o levou a ser escolhido pelo diretor do Dove Singers para interpretar Jesus em uma turnê musical na área da Nova Inglaterra durante duas semanas que antecederam a Páscoa de 2010. Depois de tirar uma folga entre o ensino médio e o superior, Sam, para trabalhar e ajudar no sustento da casa, matriculou-se no Worcester State University, originalmente como graduação pré-medicina; mas acabou trocando por uma graduação em música e negócios, a fim de prosseguir uma carreira que ele realmente amava. Sam continuou tendo as aulas de canto e a participação no coral universitário, que gostou desde a inscrição, o qual também incluiu um lead vocal(vocal principal) de “Brown Eyed Girl” de Van Morrison, enquanto estava em turnê com o coral em Portugal. No outono de 2012, Sam deixou a liderança do grupo de louvor para se concentrar em sua carreira solo acrescentando aulas de canto particulares em um estúdio em Boston, onde foi descoberto como modelo.

THE VOICE USA E THE VOICE BRASIL Em 2012, Sam participou de uma seleção aberta para a Quarta temporada do programa da NBC “The Voice” cantando “Breakeven” do Script, inspirado por um rompimento recente com a ex-namorada, e foi aprovada, levando-o para Hollywood. Sam cantou “Feeling Good” de Michael Buble para sua Audição às Cegas, que foi ao ar em rede nacional americana no programa da NBC “The Voice” em Primeiro de Abril de 2013. Os quatro técnicos, Adam Levine, Blake Shelton, Usher e Shakira, demonstraram estar gostando, mas nenhum deles apertou o botão. Shakira, visivelmente arrependida, pediu licença aos colegas para falar em português: “Eu adorei você. Acho que é um cantor realmente bom.” Ainda em 2013, no mês de outubro, Sam Alves participou das audições às cegas da versão brasileira do The Voice cantando “When I Was Your Man” de Bruno Mars e fez com que todos os quatro técnicos virassem a cadeira. Lulu Santos elogiou a performance: “Pra mim, foi muito interessante ver a sua entrega à sua arte. Você não estava fazendo para a platéia nem para a câmera, estava fazendo pra você.” Sam escolheu Cláudia Leite como sua mentora e revelou: “Quero cantar com ela!” A música de sua audição foi disponibilizada no iTunes Store e ficou em primeiro lugar à frente até da versão original de Bruno Mars. Na segunda fase do programa, Sam batalhou contra Marcela Bueno cantando a música “A Thousand Years” e venceu. A apresentação dos dois foi elogiada pela intérprete original da música, Christina Perri, “Essa foi de longe a minha versão favorita de A THOUSAND YEARS! Absotutamente linda!” - disse ela. Na fase do tira-teima, Sam resolveu cantar em português. Ele interpretou a

canção “Pais e Filhos” da Banda Legião Urbana. Foi salvo pelo público junto com Júlia Tazzi e logo em seguida salvo pela técnica Cláudia. Na fase seguinte cantou a música “Mirrors” de Justin Timberlake e foi salvo pelo público com 59% dos votos. Na semifinal, Sam cantou “Você existe em mim”, canção de Carlinhos Brown, que dedicou a sua querida mentora Claudia Leite, recebendo 20 pontos de sua técnica e mais 84% dos votos populares, que o classificou para o final do programa. A final do programa começou com os quatro participantes cantando “Não Quero Dinheiro (Só Quero Amar)” de Tim Maia. Em sua apresentação solo, Sam cantou “Hallelujah” de Leonard Cohen. Em dueto com sua técnica Cláudia Leite, os dois cantaram “A camisa e o botão”. Ao final da noite foi anunciado o vencedor da segunda temporada do The Voice Brasil com 43% dos votos populares, dentre os mais de 29 milhões de votos. (Fonte: Adaptação de texto do site Wikipedia com texto da página de facebook do Cantor.)

DISCOGRAFIA

01/04/2014 SAM ALVES

31/03/2015 SAM ALVES ID

CAPÍTULO 2

DELINEAMENTO DO PROJETO

2. DELINEAMENTO DO PROJETO TEMA

Sam Alves Aplicativo Mobile

DESCRIÇÃO DO PROJETO

Desenvolvimento de aplicativo Mobile sobre o Cantor Sam Alves

ESCOPO

Junção de conteúdo, informação e novidade sobre o cantor.

PROBLEMA

Será que os meios de comunicação utilizados pelo cantor são suficientemente práticos e atendem as expectativas dos fãs?

HIPÓTESE

A principal forma de comunicação utilizada pelo artista é a rede social. Ela é bastante eficaz quando se trata de alcance imediato ao fã, mas é totalmente ineficiente quando o artista precisa de uma nova categoria diferente das préexistentes. Isto faz com que o conteúdo acabe sendo dividido entre as redes sociais e site, dificultado o acesso rápido e a praticidade de se ter informações em um só local.

OBJETO

Satisfação do usuário na utilização e o atendimento à sua expectativa.

OBJETIVO GERAL

Promover um canal de prático acesso a conteúdos sobre o cantor em um só local através do smartphone.

OBJETIVO ESPECÍFICO

Desenvolvimento de um aplicativo mobile do cantor Sam Alves, que seja intuitivo e que atenda às necessidades dos usuários através da utilização de conceitos e métodos relacionados à usabilidade e à Arquitetura da informação.

JUSTIFICATIVA GERAL

A febre por aplicativos mobile tem feito com que o número de vendas de smartphones crescesse significativamente. Já existem artistas nacionais e internacionais que aderiram a esta tendência. Estando o cantor Sam Alves no início de sua carreira, o aplicativo pode ajudá-lo a promover sua imagem e melhorar a forma de comunicação com o seu público. 031

CAPÍTULO 3

GERENCIAMENTO DE PROJETO

3. GERENCIAMENTO DE PROJETO PROJECT MODEL CANVAS 1. JUSTIFICATIVA

2. OBJETIVO SMART

Não existe um espaço onde o fã encontre o que ele procura de maneira organizada e por categorias.

Aplicativo que terá valor sentimental ao fã por ser um espaço especial do seu ídolo no celular, onde ele possa visualizar conteúdos recentes e antigos de maneira organizada (tendo que ser atualizado em no mínimo de 2 em 2 dias).

Fãs navegam em diferentes lugares para terem acesso a diferentes conteúdos. (Facebook/Site)

3. FUTURO

4. PRODUTOS

Fãs utilizarem como principal ferramenta de acesso a conteúdos organizados sobre o cantor.

Aplicativo Mobile para a Plataforma IOS.

5. REQUISITOS

a. Ver banners com novidades sobre o Cantor.

b. Ver vídeos oficiais do cantor.

c. Ver fotos de shows.

d. Ver agenda.

035

CAPÍTULO 3

e. Ver discografia.

f. Acessar Letra e tradução das músicas.

g. Ver locais onde o cantor aparece na mídia.

h. Ver fotos de fãs com o cantor.

i. Ver informações sobre o Fã Clube Oficial. 6. INTERESSADOS E FATORES EXTERNOS Usuário: Fã.

Gravadora do cantor impedir a utilização do aplicativo.

Possíveis migrações para outras plataformas.

Problema de conexão com a internet.

Falta de um desenvolvedor.

7. EQUIPE

8. PREMISSAS

Designer

Dedicação de no mínimo 2 horas por dia.

Arquiteto da Informação

Pesquisa com usuários.

Avaliação com profissionais de AI. 036

GERENCIAMENTO DE PROJETO

9. GRUPOS DE ENTREGA

10. RESTRIÇÕES

1 release com 9 sprints de 2 semanas.

Custo para colocar o aplicativo na Apple Store.

11. RISCO

12. LINHA DO TEMPO

Não conseguir 2 horas por dia para a realização do projeto.

Release a. SPRINT 1 07/11/2014 b. SPRINT 2 21/11/2014 c. SPRINT 3 05/12/2014 d. SPRINT 4 19/12/2014 e. SPRINT 5 02/01/2015 f. SPRINT 6 16/01/2015 g. SPRINT 7 30/01/2015 h. SPRINT 8 13/02/2015 i. SPRINT 9 27/02/2015

Não conseguir usuários suficientes para pesquisa.

Não conseguir especialistas de Arquitetura da Informação disponíveis para fazer avaliações.

Foi organizado o release com as histórias e seus respectivos detalhamentos de acordo com o que foi exposto no quadro acima.

037

CAPÍTULO 3

ORGANIZAÇÃO DO RELEASE NÚMERO

HISTÓRIA

DETALHAMENTO

001

COMO fã POSSO visualizar banners com fotos e novidades sobre o cantor PARA poder ficar sempre de olho no que tem de novo sobre o artista.

Neste item devem constar os banners de divulgação sobre acontecimentos especiais da agenda do cantor e lançamentos de CDs, EPs, Clipes, redes sociais, fotos e tudo que envolva a carreira.

002

COMO fã QUERO ter uma categoria com todos os vídeos oficiais do Cantor Sam Alves PARA me facilitar acessar todos eles com um só clique.

Nesta categoria devem constar os vídeo das contas “SamAlvesMusic” e “SamAlvesMusicVEVO” e cada vídeo acessado deve ser contabilizado nas visualizações do YouTube.

003

COMO fã GOSTARIA de ver as fotos de todos os shows do cantor organizadas por álbuns e datas PARA que, de maneira mais rápida, eu encontre o que quero.

a. Todos os álbuns devem estar com organização por data, tendo suas informações principais expostas antes mesmo de acessá-la. É importante que tenha o Nome da Tour, Local e data.

b. É essencial o nome do fotógrafo em cada álbum com visualização em tamanho grande.

038

GERENCIAMENTO DE PROJETO

004

COMO fã POSSO acessar a agenda do cantor por ordem de acontecimento, ver detalhes de localização e acessar o site de compra de ingresso PARA me poupar procurar o endereço e o site em que estão sendo vendidos os mesmos.

A agenda deve ser organizada por ordem de acontecimento. Nela devem constar os shows, programas de TV e rádio em que ele estará presente. As informações devem estar detalhadas antes mesmo do usuário entrar no evento. Devem constar:

SHOW: a. Nome da casa de show e sigla do estado; b. Nome da Tour e bairro do show; c. Data; d. Hora.

PROGRAMA DE TV: a. Nome do programa; b. Nome da Emissora; c. Data; d. Hora.

PROGRAMA DE RÁDIO: a. Nome do programa; b. Nome da Rádio; c. Data; d. Hora.

039

CAPÍTULO 3

005

COMO fã GOSTARIA de ter um espaço listando todos os CDs e EPs do cantor por ordem de lançamento, tendo cada um deles informações e link PARA a compra no iTunes.

a. Todos os CDs e EPs devem ser listados nesta categoria. Devem ser organizados com a foto de capa do CD, dizendo o nome do álbum e a quantidade de música que se encontra no mesmo. b. Dentro de cada álbum deve ter informações de lançamento e o nome de todas as musicas daquele CD ou EP.

006

007

COMO fã QUERO ter todas as letras das musicas de todos os álbuns do cantor e ter acesso à tradução das mesmas em qualquer língua diferente do Português PARA que eu possa ouvi-la e olhar em tempo real a tradução dela.

a. As músicas devem ser listadas por CD ou EP em ordem de lançamento;

COMO fã GOSTARIA de ter listadas todas as mídias onde o cantor aparece, com organização por data e seus respectivos detalhes PARA que eu possa ler e reler conteúdos relacionados a ele e encontrar de maneira prática sempre que eu quiser.

Em cada local que o cantor aparece na mídia deve constar nesta categoria.

040

b. Ao clicar na música escolhida, o usuário deve ser direcionado para uma página contendo a letra e a tradução da mesma.

MÍDIA IMPRESSA: a. Nome da Revista/Jornal; b. Título da matéria; c. Data. MÍDIA ONLINE: a. Nome da mídia; b. Título da matéria; c. Data.

GERENCIAMENTO DE PROJETO

008

COMO fã QUERO ver as minhas fotos com o cantor no aplicativo PARA que outros fãs vejam.

Os fãs podem enviar suas fotos para que sejam publicadas no aplicativo, constando nome, local em que reside, endereço de e-mail e as regras de autorização de uso da imagem.

009

COMO fã GOSTARIA de ter informações detalhadas sobre o Fã Clube Oficial do cantor, PARA entrar em contato sempre que eu quiser e poder saber de informações sobre cadastro do mesmo.

a. Devem constar todas as redes sociais, site e e-mail do Fã Clube.

041

b. Informações sobre cadastro do Fã Clube.

CAPÍTULO 4

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

4. TÉCNICAS E PROCEDIMENTOS DA PESQUISA BENCHMARKING Foram feitas pesquisas em aplicativos similares de cantores nacionais e internacionais na AppleStore. Esta etapa foi muito importante pela possibilidade de coleta de referências positivas e o conhecimento de problemas existêntes em aplicativos reais. Foram pesquisados os apps dos seguintes artistas: Taylor Swift Demi Lovato Justin Timberlake Claudia Leite Sam Alves {Concorrente do projeto desenvolvido} Adele César Menotti & Fabiano Seguem abaixo algumas telas:

Aplicativo Taylor Swift 045

CAPĂ?TULO 4

Aplicativo Dami Lovato

Aplicativo Justin Timberlake 046

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

Aplicativo Claudia Leite

Aplicativo Sam Alves 047

CAPÍTULO 4

Adele

César Menotti & Fabiano 048

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

QUESTIONÁRIO O questionário foi aplicado com o objetivo de descobrir se seria válido o desenvolvimento do projeto, entendendo se as pessoas teriam de fato o interesse em utilizar este tipo de aplicativo, já que as Redes Sociais são os principais meios de comunicação nos dias de hoje. Quem foram os entrevistados? Fãs do Cantor Sam Alves, que o acompanham e que estão inseridos em fãclubes e grupos de discussões sobre ele. (6 pessoas - Questionário Semi-Aberto)

MENSAGEM DE SAUDAÇÃO Olá, tudo bem? Faço Pós-Graduação em Design de Interação e percebi que você é uma pessoa muito indicada para responder algumas perguntas da minha pesquisa. Lembrando que não estou testando você, são apenas algumas questões para me ajudar a elaborar meu projeto da melhor forma possível. Topa contribuir? É só responder as perguntas abaixo! Obrigada. Nome:

E-mail:

Idade: [

]

Menos de 18 anos

[

]

Entre 18 e 24 anos

[

]

Mais de 24 anos 049

CAPÍTULO 4

Quantas horas POR DIA você utiliza a internet NO CELULAR? [

]

Menos de 1 hora por dia

[

]

Entre 1 e 2 horas por dia

[

]

Entre 2 e 3 horas por dia

[

]

Entre 3 e 4 horas por dia

[

]

Mais de 4 horas por dia

Onde utiliza a maior parte do tempo com a internet? [

]

Smartphone

[

]

Tablet

[

]

Computador

Que tipo de aparelho você usa no momento? [

]

IOS - Apple (Iphone, Ipod, Ipad)

[

]

Windows Phone

[

]

Android

[

]

Outro

Onde costuma ouvir música com mais frequência? [

]

Computador

[

]

Smartphone/Celular 050

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

[

]

Tablet

[

]

Não sou de ouvir música com frequência.

Que estilo de música você costuma ouvir? [

]

Rock

[

]

Pagode

[

]

Funk

[

]

Sertanejo

[

]

MPB

[

]

Pop Nacional

[

]

Pop Internacional

Quais são os seus cantores favoritos?

Você costuma utilizar algum aplicativo DE CANTOR para Celular/Tablet? [

]

Sim.

[

]

Não. Eu não acho interessante.

[

]

Nem sabia que existia.

[

]

Já tive, mas excluí do meu aparelho.

[

]

Tenho aplicativo, mas não utilizo. 051

CAPÍTULO 4

Onde você costuma buscar informações sobre seus cantores favoritos? [

]

Blogs

[

]

Material impresso (cartazes, revistas)

[

]

[

]

Aplicativo para Celular/Tablet

[

]

Site do Cantor

[

]

Site de entretenimento

[

]

Twitter

[

]

Instagram

[

]

Facebook

Onde você costuma buscar informações sobre seus cantores favoritos? [

]

Sim. Gosto tanto do cantor que se eu pudesse, eu teria tudo dele e sobre ele, não só o aplicativo.

[

]

Sim. Saberia as novidades sobre ele de forma bem mais rápida e prática.

[

]

Não. Não baixaria porque tenho tudo que eu preciso saber nas redes sociais.

O que você acharia mais importante ter em um aplicativo DE CANTOR?

Você costuma participar de promoções feitas para CONHECER SEU(s) CANTOR(es) FAVORITO(s) ou ganhar algum tipo de PRÊMIO DELE(s)? [

]

Sim. Costumo participar. 052

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

[

]

Já participei, mas ultimamente não tenho participado.

[

]

Não. Nunca tive o conhecimento de promoções dos meus cantores favoritos.

[

]

Não gosto de participar.

Você gostaria de ver sua foto COM O SEU CANTOR FAVORITO na página dele? [

]

Não.

[

]

Sim.

[

]

Depende de como eu sairia na foto.

MENSAGEM DE CONFIRMAÇÃO Suas respostas foram gravadas. Obrigada pela participação na minha pesquisa. RESULTADOS: Ao avaliar os resultados, foi percebida a falta de informação das pessoas sobre a existência deste tipo de aplicativo, mas apesar disto, todos os entrevistados disseram estar dispostos a utilizá-lo. Seguem abaixo alguns gráficos com as informações mais importantes coletadas a partir do questionário aplicado.

053

PERGUNTA: Idade

1 Menos de 18 anos

Entre 18 e 24 anos Mais de 24 anos

PERGUNTA: Quantas horas por dia utiliza a internet no celular?

Menos de 1 hora por dia Entre 1 e 2 horas por dia

Entre 2 e 3 horas por dia Entre 3 e 4 horas por dia

Mais de 4 horas por dia

PERGUNTA: Onde utiliza a maior parte do tempo com a internet?

Smartphone Tablet Computador

PERGUNTA: Que tipo de aparelho vocĂŞ usa no momento?

1 2

IOS Windows Phone Android Outro

PERGUNTA: Onde costuma ouvir música com mais frequência?

1 Computador Smartphone Tablet

Não costumo ouvir música

PERGUNTA: Você costuma utilizar algum aplicativo de cantor para celular/tablet?

Sim

Não. Eu não acho interessante Nem sabia que existia

Já tive, mas excluí do meu aparelho Tenho aplicativo, mas não utilizo

PERGUNTA: Onde você costuma buscar informações sobre seus cantores favoritos?

Material Impresso Blog

5 3

TV, Site de Entretenimento e Instagram Facebook, Twitter e Site do cantor Aplicativo para Celular/Tablet

PERGUNTA: Baixaria um aplicativo para celular/tablet do seu cantor favorito?

Sim. Gosto tanto do cantor que se eu pudesse, eu teria tudo dele e sobre ele, não só o aplicativo.

Sim. Saberia as novidades sobre ele de forma bem mais rápida e prática.

Não. Não baixaria porque tenho tudo que eu preciso saber nas redes sociais.

PERGUNTA: O que você acharia mais importante ter em um aplicativo de cantor?

1 Informações sobre ele

Informações atualizadas e integração do fã com o artista Agenda e Músicas

PERGUNTA: Você gostaria de ver sua foto com seu cantor favorito na página dele?

Sim Não

Depende de como eu sairia na foto

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

CONCLUSÃO A partir dos dados coletados, pode-se ter como métrica o interesse dos usuários na utilização do aplicativo. Outros tópicos também foram detectados: a. Aplicativos de cantores são pouco conhecidos, por isso, será preciso uma grande divulgação do mesmo. b. As Redes Sociais, juntamente com o site do cantor são os principais meios de comunicação e informação sobre o mesmo, por isso, também podem ser os principais meios de divulgação do aplicativo a ser desenvolvido; c. A maioria dos entrevistados disseram ouvir música com frequência no smartphone, então, pode-se de alguma forma ter no aplicativo algo que prenda sua atenção enquanto ouve música. d. A maior parte dos entrevistados são utilizadores da plataforma Android, mas a maior divulgação de venda de CDs feitos pela gravadora é através do iTunes, que é um aplicativo oficialmente da Apple. e. O público do cantor possui pessoas de diferentes idades, e o aplicativo deverá ser feito pensando em adolescentes, jovens e adultos. f. Nenhum dos entrevistados demonstraram utilizar tablet para o uso da internet.

MÉTRICAS DE SUCESSO Atingir 70% dos fãs do cantor que estão inseridos em fã clubes e no mundo mobile da plataforma IOS.

PÚBLICO ALVO Fãs do cantor Sam Alves, que o acompanham e que estão inseridos em fã-clubes e grupos de discussões sobre ele, com idade entre 16 e 30 anos.

PERSONAS A partir do público alvo, foram criadas as seguintes personas: 059

Sexo: Feminino Idade: 24 anos Profissão: Desenvolvedora Localidade: Rio de Janeiro - RJ

DANIELLA LIMA

Quem é Daniella?

Natural do Rio de Janeiro, católia praticante e apaixonada por música. “É a primeira vez que sou fã de alguém. Conheci o Sam através do The Voice Brasil. Me lembro dos dias e noites em que eu ficava votando e torcendo por ele durante o programa. Não o vejo como um cantor comum, mas como instrumento de Deus pra trazer amor ao coração das pessoas através da música. Ele é diferente.“

Sexo: Masculino Idade: 16 anos Profissão: Estudante Localidade: Fortaleza - CE

EMANUEL VERAS

Quem é Emanuel?

Natural de Fortaleza e ama música Pop. “Ganhei o CD do Sam de aniversário e virei fã logo de cara. Estou sempre presente com os samurais levantando tag no Twitter e votando muito quando tem algum prêmio em que o Sam está concorrendo. Desejo tudo de melhor pra ele!“

Sexo: Feminino Idade: 18 anos Profissão: Estudante Localidade: Salvador - BA

ANNE CAROLINE

Quem é Anne?

Natural de Salvador e ama música, independente de estilo. “Já tinha visto uns vídeos do Sam na internet, mas me apaixonei mesmo quando fui ao show dele com uma prima minha. Foi simplesmente perfeito, não paro de ouvi-lo cantar. Além de ser um ótimo cantor, é lindo, parece um anjo e um príncipe ao mesmo tempo.“

Sexo: Feminino Idade: 28 anos Profissão: Arquiteta Localidade: São Paulo - SP

ELISÂNGELA OLIVEIRA

Quem é Elisângela?

Natural de São Paulo capital, ama viajar e ouvir uma boa música. “Conheci o Sam através do The Voice Brasil. Já viajei pra vários estados para acompanhar os shows e conhecer amigos samurais que antes só conhecia pela internet. É ótimo pertencer ao fã clube, sinto que somos todos uma família“

MAPA MENTAL PRÍNCIPE

AMOR

VERDADEIRO

ANJO

CARINHO

ENGRAÇADO

CACHEADO

ADMIRAÇÃO

ROMÂNTICO

LINDO

TALENTO

TÍMIDO

SAMURAIS FCO SAMURAIS

(Como os fãs veem e falam do cantor)

FÃ CLUBE FÃS SAM ALVES CANTOR PERFORMANCE DANÇA

MODELO

COMPOSITOR MÚSICA

PALCO POP NACIONAL

VOZ

POP INTERNACIONAL

SHOWS ESTILO

THE VOICE USA

THE VOICE BRASIL

REALITY SHOW

DIAGRAMA DE NAVEGAÇÃO (Parte 1) INÍCIO VÍDEOS

YOUTUBE

VÍDEOS FOTOS

ÁLBUM

AGENDA

FOTOS FOTO

DISCOGRAFIA LETRA E TRADUÇÃO EVENTOS

EVENTO

MÍDIA SAM & VOCÊ

COMPRAR INGRESSO

FÃ CLUBE OFICIAL COMPRAR NO ITUNES FACEBOOK

ÁLBUNS

ÁLBUM

TWITTER INSTAGRAM SITE

MÚSICA

INFORMAÇÕES

(Parte 2) INÍCIO ÁLBUNS

ÁLBUM

VÍDEOS MÚSICA EM PT FOTOS MÚSICA EM EN AGENDA DISCOGRAFIA

TRADUÇÃO

LETRA E TRADUÇÃO MÍDIA

APARIÇÕES

APARIÇÃO

SAM & VOCÊ FÃ CLUBE OFICIAL

FOTOS

ENVIAR FOTO

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

AVALIAÇÃO HEURÍSTICA RELATÓRIO DE MELHORIA INTRODUÇÃO Foi realizada uma avaliação a fim de encontrar problemas de usabilidade na interface do aplicativo Sam Alves. Este está sendo desenvolvido para ser utilizado por fãs do cantor, com o propósito de disponibilizar conteúdos de maneira prática. Segundo Nielsen, nesta avaliação, chamada “Avaliação Heurística”, normalmente se identifica 75% dos problemas de usabilidade de uma interface quando se tem de 3 à 5 especialistas focados em encontrar os problemas. Nesta avaliação, os especialistas listam todos os problemas encontrados e relacionam cada um deles com as heurísticas cedidas pelo avaliador. A avaliação do aplicativo Sam Alves foi feita através do primeiro wireframe do projeto, onde estavam todas as telas lincadas através do aplicativo POP para a realização do teste. Não foi possível realizar a avaliação heurística com o mínimo de especialistas indicados por Nielsen, foi feita com 2 estudantes de pós graduação em Design de Interação. NÚMERO

HEURÍSTICA

SOBRE A HEURÍSTICA O sistema deve informar continuamente ao usuário sobre o que ele está fazendo.

Feedback 10 segundos é o limite para manter a atenção do usuário focalizada no diálogo.

Falar a linguagem do usuário

A terminologia deve ser baseada na linguagem do usuário e não orientada ao sistema. As informações devem ser organizadas conforme o modelo mental do usuário.

067

CAPÍTULO 4

Saídas claramente demarcadas

O usuário controla o sistema, ele pode, a qualquer momento, abortar uma tarefa, ou desfazer uma operação e retornar ao estado anterior. Um mesmo comando ou ação deve ter sempre o mesmo efeito.

Consistência

A mesma operação deve ser apresentada na mesma localização e deve ser formatada/apresentada da mesma maneira para facilitar o reconhecimento. Evitar situações de erro.

Prevenir erros

Minimizar a sobrecarga de memória do usuário

Conhecer as situações que mais provocam erros e modificar a interface para que estes erros não ocorram.

O sistema deve mostrar os elementos de diálogo e permitir que o usuário faça suas escolhas, sem a necessidade de lembrar um comando específico.

Para usuários experientes executarem as operações mais rapidamente.

Atalhos

Abreviações, teclas de função, duplo clique no mouse, função de volta em sistemas hipertexto. Atalhos também servem para recuperar informações que estão numa profundidade na árvore navegacional a partir da interface principal. 068

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

Deve-se apresentar exatamente a informação que o usuário precisa no momento, nem mais nem menos. 8

Diálogos simples e naturais

A seqüência da interação e o acesso aos objetos e operações devem ser compatíveis com o modo pelo qual o usuário realiza suas tarefas.

Linguagem clara e sem códigos.

Boas mensagens de erro

Devem ajudar o usuário a entender e resolver o problema. Não devem culpar ou intimidar o usuário.

Ajuda e documentação

O ideal é que um software seja tão fácil de usar (intuitivo) que não necessite de ajuda ou documentação. Se for necessária a ajuda deve estar facilmente acessível on-line.

ETAPAS DO TESTE Metodologia a. Escolha dos especialistas; b. Empréstimos do aparelho iphone 5, com as telas lincadas pelo aplicativo POP; c. Entrega de uma planilha com as heurísticas e uma breve explicação do que cada uma representa. Nesta mesma planilha haviam espaços já organizados para que os especialistas colocassem os erros e as heurísticas relacionadas. Após esta etapa os especialistas: a. Navegaram por todas as telas do wireframe e encontraram 6 problemas de usabilidade relacionadas às heurísticas pré determinadas; 069

CAPÍTULO 4

b. Entregaram a planilha com o resultado da avaliação; Após a entrega dos resultados: a. [responsável pela avaliação] Cria uma tabela GUT com todos os problemas listados pelos especialistas e retoma contato enviando a tabela GUT para que os especialistas listem de 1 à 5 a GRAVIDADE, URGÊNCIA e TENDÊNCIA de cada problema encontrado em geral; b. [especialista] Retoma contato com o responsável pela avaliação e entrega a tabela GUT com todos os campos preenchidos; c. [responsável pela avaliação] A partir do resultado que os especialistas chegaram, faz-se uma ponderação de cada problema e se monta uma tabela final, onde se multiplica a GRAVIDADE, URGÊNCIA e TENDÊNCIA de cada problema para encontrar o GxUxT. Esta multiplicação, mostra quais são os pontos mais críticos relacionados aos problemas encontrados pelos especialistas. PRINCIPAIS PROBLEMAS ENCONTRADOS TELA

PROBLEMA

As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial.

070

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

A exibição do conteúdo detalhado da área de agenda mantém o mesmo padrão visual do link na lista que foi utilizado para acessá-lo. Isto pode confundir o usuário a achar que pode ser clicável.

A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil.

071

CAPÍTULO 4

Na discografia quando o usuário entra em um disco específico, o título da página não muda para o título do disco. Isto fere o padrão utilizado nas outras telas que seguem a estrutura de lista/conteúdo.

A área de envio de fotos não contém um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário.

072

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

Existe uma falta de praticidade para efetuar o cadastro a partir da área do Fã Clube Oficial. O usuário deve seguir os passos descritos em uma lista, ao invés de preencher as informações pelo próprio aplicativo.

TABELA GUT FINAL PROBLEMAS

HEURÍSTICA

GxUxT

Existe uma falta de praticidade para efetuar o cadastro a partir da área do Fã Clube Oficial. O usuário deve seguir os passos descritos em uma lista ao invés de poder preencher as informações pelo próprio aplicativo.

6e7

A área de envio de fotos não contem um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário.

6e7

073

CAPÍTULO 4

A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil.

As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial.

Na discografia quando o usuário entra em um disco específico, o título da página não muda para o título do disco. Isso fere o padrão utilizado nas outras telas que seguem a estrutura de lista/conteúdo.

A exibição do conteúdo detalhado da área de agenda mantém o mesmo padrão visual do link na lista que foi utilizado para acessá-lo. Isso pode confundir o usuário que pode achar que pode ser clicável.

Os problemas encontrados separadamente pelos especialistas e suas avaliações GUT estão no ANEXO 1. MELHORIAS PROBLEMA 1: Existe uma falta de praticidade para efetuar o cadastro a partir da área do Fã Clube Oficial. O usuário deve seguir os passos descritos em uma lista ao invés de poder preencher as informações pelo próprio aplicativo. SOLUÇÃO 1: O cadastro pode ser feito diretamente pelo aplicativo através de um formulário. [Esta melhoria não será aplicada nesta primeira versão do aplicativo por ser necessária a ajuda de um desenvolvedor.] 074

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

PROBLEMA 2: A área de envio de fotos não contem um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário. SOLUÇÃO: Pode-se conter um formulário com as informações requeridas, termo de autorização de uso de imagem e inserção de anexo para serem enviados diretamente do aplicativo. [Esta melhoria não será aplicada nesta primeira versão do aplicativo por ser necessária a ajuda de um desenvolvedor.] PROBLEMA 3: A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil. SOLUÇÃO: A área de vídeos pode passar a ter o mesmo layout da tela de álbum de fotos, mantendo o padrão de identidade das áreas do aplicativo que constam grupos de informações. PROBLEMA 4: As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial. SOLUÇÃO: Pode-se colocar um ícone de voltar em todas as telas, facilitando o acesso rápido à página inicial do aplicativo. [Esta melhoria não será aplicada nesta primeira versão do aplicativo por ser necessária a ajuda de um desenvolvedor.] PROBLEMA 5: Na discografia quando o usuário entra em um disco específico, o título da página não muda para o título do disco. Isso fere o padrão utilizado nas outras telas que seguem a estrutura de lista/conteúdo. SOLUÇÃO: Título da página deve mudar de a cordo com o álbum selecionado dentro da área de Discografia. 075

CAPÍTULO 4

PROBLEMA 6: A exibição do conteúdo detalhado da área de agenda mantém o mesmo padrão visual do link na lista que foi utilizado para acessá-lo. Isso pode confundir o usuário que pode achar que pode ser clicável. SOLUÇÃO: Ajuste no layout da página de evento detalhado para que o usuário não confunda o que é link e o que é apenas uma informação textual. Após avaliação dos resultados coletados na Avaliação Heurística, foram feitas algumas melhorias no protótipo. MELHORIAS FEITAS - Mudança na interface da tela de “vídeos” para diminuir a quantidade de scroll; - Em “Discografia” o título da página muda de acordo com o álbum selecionado; - A interface da tela de detalhamento de evento da agenda foi modificada;

TESTE DE USABILIDADE RELATÓRIO DE MELHORIA

SUMÁRIO EXECUTIVO O projeto consiste em um Aplicativo Mobile sobre o Cantor SAM ALVES, onde o intuito é que o fã tenha um espaço especial do seu ídolo no celular e possa navegar de maneira prática a conteúdos relacionados a ele. Este relatório descreve resultado de pesquisa sobre o teste de Usabilidade, que foi realizado com o objetivo de encontrar problemas durante o processo de chegada do usuário às duas tarefas já pré definidas, contemplando sugestões de melhoria durante a compilação dos resultados. MÉTODO DE PESQUISA UTILIZADO Foi utilizada a técnica Think-Aloud Protocol para obter resultados ainda mais precisos. A decisão de utilização desta técnica teve a finalidade, não só observar o processo de chegada do usuário até as tarefas, mas de ouvir os participantes, verbalizando o pensamento em tempo real e falando do passo a passo ao interagir. 076

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

Segundo Villanueva (2004, p 62), a técnica Think-Aloud Protocol consiste em observar usuários realizando tarefas e ações específicas dentro de um ambiente específico. O teste foi aplicado com um protótipo navegável de baixa fidelidade e contou com o Aplicativo POP para fazer o link entre as páginas criadas. O protótipo das telas foi realizado no formato do Iphone 5; e todas as telas que ainda não estavam prontas eram lincadas diretamente para uma página de erro dizendo: “Desculpe, esta tela ainda não está pronta. BOTÃO: Voltar para a Home”. PERFIL DOS PARTICIPANTES O teste foi aplicado especificamente ao público alvo do Aplicativo. Ele foi realizado com cinco usuários, sendo três feitos de maneira virtual. A motivação para a realização do teste virtual foi dada pela distancia dos usuários selecionados. Todos os participantes possuem os seguintes perfis: - São fãs do Cantor SAM ALVES; - são experientes no uso da plataforma IOS; Abaixo, segue uma tabela especificando alguns dados a mais de cada participante selecionado para o teste:

USUÁRIOS

IDADE

PROFISSÃO

SEXO

OBSERVAÇÕES

Participante 1

26 anos Designer

Feminino

Teste realizado pessoalmente

Participante 2

30 anos Gerente comercial

Feminino

Teste realizado virtualmente

Participante 3

29 anos Enfermeiro

Masculino

Teste realizado Virtualmente

Participante 4

26 anos Assistente de Feminino BackOffice

Teste realizado pessoalmente

Participante 5

30 anos Enfermeira

Teste realizado virtualmente

077

Feminino

CAPÍTULO 4

PARTICIPANTES QUE FIZERAM O TESTE VIRTUALMENTE - Comunicação feita através de Skype ou Hangouts; - Gravação de tela feita pelo aplicativo “QuickTime Player”; - Acesso ao material foi através de um link externo cedido pelo próprio aplicativo POP; (Todos estes participantes utilizaram seus próprios computadores.) PARTICIPANTES QUE FIZERAM O TESTE PESSOALMENTE - Gravação feita através de Câmera ou Celular; - Teste feito através do Aplicativo POP no IPHONE 5; (Todos estes participantes utilizaram o mesmo aparelho para realizar as tarefas.) Todos os participantes tiveram experiência com o aplicativo de forma parcialmente diferente. Os participantes que fizeram o teste pessoalmente utilizaram o IPHONE 5, e os que fizeram virtualmente utilizaram o site do Aplicativo POP, que mostra a interface do aplicativo dentro do aparelho pré definido. Isto facilitou o processo de ambientação dos participantes virtuais.

PROCEDIMENTO DO TESTE: O TESTE FOI REALIZADO DA SEGUINTE FORMA: ANTES DO TESTE: - Foram feitas as telas do protótipo de baixa fidelidade; - Foram feitas as lincagens das telas no Aplicativo Mobile POP; - Foram feitas as seleções das pessoas dentro do público alvo do aplicativo; DURANTE O TESTE: - Foi lido o roteiro de introdução, explicando o procedimento (ANEXO 2); - Foi pedida a autorização de gravação (ANEXO 2); - Foram dadas duas tarefas para que o participante as realizasse na interface; (ANEXO 2) APÓS O TESTE: - Foi dado um questionário para melhor entendimento do processo de cada usuário e para o conhecimento de suas opiniões em relação ao projeto. (ANEXO 2);

078

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

EQUIPE DURANTE A REALIZAÇÃO DO TESTE: TESTES REALIZADOS VIRTUALMENTE: - Contou apenas com o Moderador; TESTES REALIZADOS PESSOALMENTE: - Contou com o Moderador e com um Cinegrafista; FORAM DADOS OS SEGUINTES CENÁRIOS E RESPECTIVAS TAREFAS: CENÁRIO 1: Imagine que você tenha acabado de chegar em casa após ter curtido um super show do Sam. Você sentou no sofá e começou a olhar no seu celular os vídeos que fez durante o show. Você filmou ele cantando a música “Mirrors” e te despertou a curiosidade de saber a tradução dela. TAREFA: Procurar no aplicativo a tradução da música “Mirrors”. (Tempo médio para a realização da tarefa é de 30 segundos.) CENÁRIO 2: Imagine que você tenha acabado de passar por uma banca de jornal a caminho do trabalho e lembrou de quando o Sam saiu na Revista QUEM, no dia 24/01/2014. Te deu vontade de reler a matéria. Tarefa: Procurar no aplicativo a matéria em que o cantor aparece na revista QUEM. (Tempo médio para a realização da tarefa é de 15 segundos.) O Método para a coleta de dados deu-se através dos resultados dos feedbacks coletados durante o questionário aplicado após a realização do teste. Com isto, cada usuário fala sobre as tarefas que ele acabou de realizar e expõe a sua opinião sobre o modo de resolução do problema que ele teve ao interagir(caso ele tenha). Seguem as telas utilizadas para a realização do teste:

079

CAPÍTULO 4

080

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

RESULTADOS TAREFA 1 - Procurar no aplicativo a tradução da música “Mirrors”. SUCESSOS: Todos os participantes: - Realizaram a tarefa; - Localizaram o menu de maneira direta; - Entenderam o processo de navegação por abas em “Letra” e “Tradução”; OCORRÊNCIAS: - 2 de 5 participantes clicaram no botão “voltar” após terem realizado a tarefa e se depararam que ele atende apenas dentro da categoria, sem a possibilidade de retornar para a Home do Aplicativo; - 4 de 5 participantes tiveram dúvida durante o processo de procura no menu a categoria que continha “Letra e Tradução”; - 3 de 5 participantes não realizaram a tarefa dentro do tempo previsto. Segue abaixo uma tabela com o tempo de realização de cada participante e algumas observações dadas individualmente:

USUÁRIOS

TEMPO DE REALIZAÇÃO (ESTIMADO 30 SEGUNDOS)

Participante 1

31 segundos [Acima do tempo previsto]

Participante 2

25 segundos

Participante 3

1 minuto [Acima do tempo previsto]

Participante 4

26 segundos

Participante 5

[Acima do tempo previsto] Problemas com a internet

081

CAPÍTULO 4

USUÁRIOS

OBSERVAÇÕES FEITAS PELOS PARTICIPANTES

SUGESTÕES

Participante 1

Acessei discografia não porque está direto, mas por possibilidade.

Participante 2

Estava bem claro que as músicas estariam em discografia.

Colocar botão de ouvir o CD em um aplicativo de música online. (Spotify por exemplo)

Participante 3

Não se vai em discografia para procurar letra e tradução de música.

Colocar uma categoria a parte com letra e tradução das músicas.

Participante 4

Ficaria mais claro se tivesse a categoria “Letras de músicas” no Menu.

Participante 5

Fiquei na dúvida se a música iria tocar ou ia aparecer a letra da música.

Utilizar um ícone para ficar mais claro o que vai acontecer após o clique no nome da música.

TAREFA 2 - Procurar no aplicativo a matéria em que o cantor aparece na revista QUEM. SUCESSOS: - Todos os participantes realizaram a tarefa antes do tempo previsto; - Todos os participantes disseram não ter dificuldade em assimilar o título da categoria proposta; - Todos os usuários disseram ser a tarefa mais fácil do teste realizado. OCORRÊNCIAS: Não foram encontrados problemas na realização desta tarefa. Segue abaixo uma tabela com algumas observações dadas por cada participante:

082

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

USUÁRIOS

TEMPO DE REALIZAÇÃO (ESTIMADO 15 SEGUNDOS)

Participante 1

9 segundos

Participante 2

10 segundos

Participante 3

10 segundos

Participante 4

11 segundos

Participante 5

14 segundos

USUÁRIOS

OBSERVAÇÕES FEITAS PELOS PARTICIPANTES

SUGESTÕES

Participante 1

Fácil de ser realizada.

Participante 2

Fácil de ser realizada.

Participante 3

Fácil de ser realizada.

Participante 4

Fácil de ser realizada.

Participante 5

Fácil de ser realizada.

ANÁLISES DOS RESULTADOS Após a realização dos testes, os usuários responderam o QUESTIONÁRIO PÓS TESTE, no qual deram suas opiniões e recomendações de melhoria para o aplicativo. (Tabela com o resultado individual dos participantes no ANEXO 2) 083

CAPÍTULO 4

Apesar do teste ter sido aplicado por dois meios diferentes (Virtual e Pessoal), todos os usuários virtuais se sentiram confortáveis para realização das tarefas pelo desktop e não tiveram nenhum tipo de esforço extra por conta da mudança de ambiente. DESCOBERTAS E RECOMENDAÇÕES Com base na análise dos questionários e comentários dos participantes durante o teste pode-se apresentar os seguintes resultados: TAREFA 1 - Procurar no aplicativo a tradução da música “Mirrors”. PROBLEMA: O fato de outros aplicativos ou sites apresentarem discografia como um lugar de se ouvir música, não ficou clara a idéia de se ter “Letra e tradução” dentro da categoria. Quando o usuário entra no menu principal, não se faz clara a presença da funcionalidade “Letra e Tradução”. Quando o usuário está dentro da categoria Discografia e se depara com o nome das músicas do CD, ele pensa que ao clicar na música ela vai tocar. Apesar de todos os usuários terem realizado a tarefa, foi percebido que a chegada dos participantes ao local esperado se deu por possibilidade e não por intuitividade. SOLUÇÃO: Alguns dos participantes sugeriram a inserção da categoria “Letra e Tradução” no menu principal com o objetivo de deixar clara sua existência e a maior facilidade na realização da tarefa. Esta sugestão é bem interessante para a solução dos problemas listados acima. O fato de focar de maneira mais direta a esta funcionalidade, que é uma das maiores do aplicativo, é importante para que os usuários possam chegar de maneira mais prática e com menos cliques à funcionalidade desejada. TAREFA 2 - Procurar no aplicativo a matéria em que o cantor aparece na revista QUEM. (Não foram encontrados problemas de usabilidade na realização desta tarefa.) [OBS:] Além dos comentários dos participantes sobre as tarefas realizadas, muitos perguntaram sobre as demais categorias, que acabaram servindo de orientação para uma possível mudança. 084

TÉCNICAS E PROCEDIMENTOS DA PESQUISA

CONCLUSÃO Após análise, é certo que o projeto deverá sofrer modificações. Podemos considerar que os dados levantados durante o teste serviram para aprimorar o desempenho do projeto e melhorar a usabilidade, ainda em fase inicial. O problema encontrado foi o fato das Letras e traduções das músicas estarem dentro de discografia. Com isso, tendo como base a opinião da maior parte dos participantes do teste, foi recomendada a mudança da funcionalidade “Letra e Tradução” ter uma categoria específica para tal, dentro do menu principal. Esta mudança é prioridade máxima, por se tratar de um problema citado por 80% dos participantes do teste.

WIREFRAME

085

CAPÍTULO 4

086

CAPÍTULO 5

DEFINIÇÃO DE FUNCIONALIDADES E CONTEÚDO

5. DEFINIÇÃO DE FUNCIONALIDADES E CONTEÚDO TAREFAS

Abaixo, seguem as tarefas presentes no aplicativo separadas por categoria de menu: INÍCIO - Visualizar banners com notícias, novidades e fotos do cantor; VÍDEOS - Visualizar vídeos oficiais do cantor; FOTOS - Visualizar Fotos de Shows e Eventos do cantor com organização por álbum; AGENDA - Visualizar Agenda do cantor; - Visualizar informações detalhadas sobre o evento; - Acessar página para comprar ingresso; DISCOGRAFIA - Visualizar todos os CDs e EPs gravados pelo cantor; - Visualizar o nome das músicas dos CDs e EPs; - Visualizar informações sobre os CDs ou EPs; - Acessar os CDs e EPs no Itunes; LETRA E TRADUÇÃO - Visualizar todas as músicas gravadas pelo cantor com sua respectiva letra e tradução; MÍDIA - Acessar informações sobre as aparições do cantor na mídia;

089

CAPÍTULO 5

SAM & VOCÊ - Visualizar fotos dos fãs com o artista; FÃ CLUBE OFICIAL - Visualizar informações de contato com o FCO;

LISTA DE FUNCIONALIDADES

Segue a lista de funcionalidades e seus respectivos status de importância.

LOCAL

FUNCIONALIDADE

Splash

Feedback de carregamento;

IMPORTANTE

Início

Slide de fotos de no mínimo 3 imagens;

IMPORTANTE

Deslocamento horizontal;

OBRIGATÓRIO

Efeito do deslocamento horizontal;

DESEJADO

A cor do selecionado (open) no menu deve ser a mesma cor da categoria;

IMPORTANTE

Categoria com a mesma cor do seu header;

OBRIGATÓRIO

Os vídeos devem ser direcionados para o Aplicativo Youtube;

IMPORTANTE

Vídeos

090

STATUS

DEFINIÇÃO DE FUNCIONALIDADES E CONTEÚDO

Fotos

Agenda

Discografia

Letra e Tradução

Mídia

Sam & Você

Fã Clube Oficial

Navegar por todo o álbum com as fotos em tamanho grande;

OBRIGATÓRIO

Google Maps;

IMPORTANTE

Link externo para a compra do ingresso;

OBRIGATÓRIO

Abas para separação de conteúdos;

IMPORTANTE

Link externo para a compra do CD no Itunes;

OBRIGATÓRIO

Abas para separação de conteúdos;

IMPORTANTE

Tradução das músicas do CD;

OBRIGATÓRIO

Slide de fotos;

DESEJADO

Link externo caso a mídia seja online;

OBRIGATÓRIO

Navegar por todo o álbum com as fotos em tamanho grande;

OBRIGATÓRIO

Formulário para envio de conteúdo;

DESEJADO

Formulário de contato com o fã Clube;

DESEJADO

091

CAPÍTULO 6

IDENTIDADE VISUAL DO PROJETO

6. IDENTIDADE VISUAL DO PROJETO TABELA DE CORES

Apรณs pesquisas e estudo, foi definida uma tabela com cores fortes, contrastantes e jovens.

RGB: R [240] G [130] B [47] HEXA: #FF9933 RGB: R [78] G [173] B [52] HEXA: #292929 RGB: R [204] G [204] B [204] HEXA: #CCCCCC

CMYK: C [0] M [48] Y [82] K [0]

RGB: R [62] G [125] B [196]

CMYK: C [69] M [0] Y [97] K [0]

RGB: R [102] G [102] B [102]

CMYK: C [15] M [11] Y [12] K [0]

RGB: R [242] G [242] B [242]

HEXA: #0099FF

HEXA: #666666

HEXA: #F2F2F2

CMYK: C [70] M [34] Y [0] K [0]

RGB: R [78] G [173] B [52]

CMYK: C [53] M [45] Y [45] K [10]

RGB: R [153] G [153] B [153]

CMYK: C [2] M [1] Y [1] K [0]

RGB: R [255] G [255] B [255]

HEXA: #33CC33

HEXA: #999999

HEXA: #FFFFFF

CMYK: C [69] M [0] Y [97] K [0]

CMYK: C [35] M [28] Y [28] K [0]

CMYK: C [0] M [0] Y [0] K [0]

Apenas na categoria INร CIO; {Estabilidade, Positividade, tranquilidade} Categorias voltadas para ENTRETENIMENTO; {Alegria, Energia} Categorias INFORMATIVAS; {Confianรงa, Seguranรงa} 095

CAPÍTULO 6

MARCA DO CANTOR

Foi utilizada no aplicativo.

096

IDENTIDADE VISUAL DO PROJETO

MARCA DE DIVULGAÇÃO DO APLICATIVO Poderá ser utilizada para material de divulgação.

097

CAPÍTULO 6

098

IDENTIDADE VISUAL DO PROJETO

099

CAPÍTULO 6

100

IDENTIDADE VISUAL DO PROJETO

PROIBIÇÕES

É preciso ficar atento ao contraste das cores em relação a seus fundos, principalmente quando aplicado em fotografia. Seguem algumas proibições em relação ao uso da Marca: NÃO É PERMITIDO: 1. Mudar “APLICATIVO MOBILE“ de lugar; 2. Mudar a Cor da Marca; 3. Esticar a Marca; 4. Aplicar de forma que fique sem contraste. PROIBIÇÕES DE UTILIZAÇÃO DA MARCA

USO INCORRETO

101

CAPÍTULO 6

TIPOGRAFIA UTILIZADA NA MARCA

Foi utilizada a marca do próprio cantor para a criação da marca de divulgação do Aplicativo. A fonte utilizada para “APLICATIVO MOBILE“ foi a “CORBEL BOLD”. Seguem algumas especificações sobre ela abaixo:

FONTE CORBEL CORBEL REGULAR

A B C D E F G H I J K L M N O P Q R S T U V W XY Z abcdefghijklmnopqrstuvwxyz 0123456789

CORBEL BOLD

A B C D E F G H I J K L M N O P Q R S T U V W XY Z abcdefghijklmnopqrstuvwxyz 0123456789

CORBEL ITALIC

A B C D E F G H I J K L M N O P Q R ST U V W XY Z abcdefghijklmnopqrstuvwxyz 0123456789

CORBEL BOLD ITALIC

A B C D E F G H I J K L M N O P Q R ST U V W XY Z abcdefghijklmnopqrstuvwxyz 0123456789

102

CAPÍTULO 7

PROJETANDO A INTERFACE

7. PROJETANDO A INTERFACE IMPLEMENTAÇÃO DO PROJETO

O aplicativo foi desenvolvido nas linguagens HTML, CSS e Jquery. Ele está disponível no CD do Projeto, na pasta [Interface funcional].

TIPOGRAFIA UTILIZADA NO APLICATIVO

Foi utilizada a fonte “ARIAL” em diferentes versões. A escolha foi feita pelo motivo de ser uma fonte padão na Web e na prevenção de erros e problemas de renderização. Seguem algumas especificações sobre ela abaixo:

FONTE ARIAL

ARIAL REGULAR

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ARIAL BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ARIAL ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ARIAL BOLD ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

105

PROJETANDO A INTERFACE

ÍCONES DAS CATEGORIAS

Os ícones podem facilitar o usuário no aumento do tempo de leitura da categoria exposta e dar um toque a mais em mostrar a organização de cada categoria. Seguem abaixo os ícones escolhidos e suas respectivas categorias: ÍCONE

CATEGORIA Início Vídeos Fotos Agenda Discografia Mídia Letra e Tradução Sam & Você Fã Clube Oficial

ÍCONE DO APLICATIVO

Tendo feito pesquisa em aplicativos similares, foram percebidas três formas de utilização dos ícones nos APPs: a. Marca do Artista b. Fotografia do cantor (seja na identidade do CD mais recente ou não); c. Identidade do layout do CD (quando o aplicativo é voltado para aquele álbum especificamente ou porque é o CD mais recente do cantor); Vendo isto, como o Sam Alves Aplicativo Mobile não será um APP voltado apenas para um álbum do cantor, será aplicada a foto em que o artista mais utiliza nos perfis das Redes Sociais, assim se faz uma menção de que o aplicativo é oficial do Artista. 107

DESIGN DE INTERFACE

CAPÍTULO 8

MATERIAL DE DIVULGAÇÃO

8. MATERIAL DE DIVULGAÇÃO FACEBOOK

TWITTER

141

CAPÍTULO 8

INSTAGRAM

142

MATERIAL DE DIVULGAÇÃO

E-MAIL MARKETING

143

CONCLUSÃO Após quase 2 anos de trabalho, o “Sam Alves Aplicativo Mobile“ está pronto para ser utilizado por fãs do cantor. Ele foi desenvolvido com o intuito de organizar conteúdos e levar o fã a ter um espaço especial do seu ídolo no celular. A criação deste projeto foi toda planejada em cima do público alvo e com a preocupação em atender as questões relacionadas a usabilidade e acessibilidade. O aplicativo foi criado em linguagem web (HTML, CSS e JQuery), mas posteriormente pode vir a ser utilizado na loja de aplicativos (Apple Store). É importante que a divulgação seja bem assídua, pois foi constatado em pesquisa com os usuários que este tipo de aplicação não é muito conhecido. Espero de fato que este contribua de maneira positiva para o Sam e que seus fãs curtam, pois ele foi feito de maneira prazerosa e com muita dedicação e empenho.

REFERÊNCIAS BIBLIOGRÁFICAS Livro: Simplificando coisas que parecem complicadas Autor: Steve Krug Editora: Alta Books Livro: Design de Interação - Além da Interação Homem-Computador Autor: Preece, Rogers e Sharp Editora: Bookman Livro: Não me faça pensar - Uma abordagem de Bom senso à Usabilidade na Web Autor: Steve Krug Editora: Alta Books

ANEXO 1 AVALIAÇÃO HEURÍSTICA TABELA DE ERROS ENCONTRADOS PELOS ESPECIALISTAS Especialista 1: PROBLEMAS

HEURÍSTICA

As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial.

A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil.

A área de envio de fotos não contém um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário.

6e7

151

ANEXOS DA AVALIAÇÃO HEURÍSTICA

Especialista 2: PROBLEMAS

HEURÍSTICA

Falta uma indicação voltar do segundo nivel para o primeiro nas telas. exemplo: voltar das telas Videos, fotos, Agenda .... para a tela inicial.

2, 3 e 6

TABELA GUT FEITA PELOS ESPECIALISTAS Especialista 1: PROBLEMAS

HEURÍSTICA

As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial.

A exibição do conteúdo detalhado da área de agenda mantém o mesmo padrão visual do link na lista que foi utilizado para acessálo. Isso pode confundir o usuário que pode achar que pode ser clicável.

A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil.

152

ANEXOS

A área de envio de fotos não contém um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário.

6e7

HEURÍSTICA

As telas de segundo nível internas não exibem uma forma rápida de voltar para a página inicial.

A lista de vídeos exibe um vídeo e meio por vez na tela, necessitando de scroll a todo momento. Isto pode tornar a busca pelo vídeo desejado pelo usuário mais difícil.

Especialista 2: PROBLEMAS

153

ANEXOS DA AVALIAÇÃO HEURÍSTICA

A área de envio de fotos não contém um link para facilitar o envio das fotos para o e-mail informado, causando um trabalho excessivo para concluir o objetivo do usuário.

6e7

154

ANEXO 2 TESTE DE USABILIDADE ROTEIRO DE INTRODUÇÃO INTRODUÇÃO Meu nome é Rebeca e vou estar com você durante esse exercício com o Aplicativo Mobile Sam Alves. O aplicativo está sendo criado para que os fãs do cantor tenham um espaço especial do seu ídolo no celular e possam navegar de maneira rápida a conteúdos sobre ele. Lembre-se de que você não está sendo testado, nós estamos apenas querendo entender se o aplicativo está fácil ou não de ser utilizado e vou precisar da sua ajuda para descobrirmos isso. COMO O TESTE SERÁ REALIZADO a. Eu vou te dar 2 tarefas pra que você realize no aplicativo. Ele ainda está em fase de teste, por isso você vai perceber que ele ainda está em tons de cinza. b. Gostaria de pedir que tudo que você for fazendo no decorrer do teste seja verbalizado. É importante saber se o passo a passo que planejamos está fluindo conforme as nossas expectativas. c. Você pode me fazer perguntas, mas dependendo da questão eu não poderei responder. É muito importante sabermos onde você está com dúvida para que possamos estudar melhor o que não ficou claro. Essa sua dúvida pode ocorrer com outras pessoas também. Eu vou me sentar logo atrás de você para fazer algumas anotações e gostaria da sua permissão para filmarmos o teste. [

]

Você aceita que o teste seja filmado? * Dar ao usuário o termo de autorização de direito de imagem.

[

]

Você tem alguma pergunta? Alguma dúvida?

[

]

Podemos começar? 155

ANEXOS DO TESTE DE USABILIDADE

TERMO DE CESSÃO DE DIREITOS DE IMAGEM

FACULDADE DE TECNOLOGIA SENAC RIO DESIGN DE INTERAÇÃO TERMO DE CESSÃO DE DIREITOS DE USO DE IMAGEM

Eu, _________________________________________________________________, inscrito(a) no CPF sob o nº. ____________________________ e portador (a) do RG nº. ______________________________, residente e domiciliado(a) _____________________________________________________________________, cedo à pós graduanda Rebeca Pinto da Silva, total, gratuita e definitivamente, a utilização de minha imagem relacionada ao projeto de Trabalho de Conclusão de Curso(TCC) do curso de Design de Interação, “Aplicativo Mobile Sam Alves”. Declaro, ainda, que a cessão de direitos de uso da minha imagem tem caráter definitivo, autorizando sua reprodução e transmissão em número indeterminado de vezes, por qualquer meio de comunicação existente. Declaro, ainda, que o faço sem qualquer onerosidade para os alunos e para a Universidade.

________________________, ________ de ___________________ de 2014.

________________________________________________ ASSINATURA

156

ANEXOS

CENÁRIOS E TAREFAS CENÁRIO 1 Imagine que você tenha acabado de chegar em casa após ter curtido um super show do Sam. Você sentou no sofá e começou a olhar no seu celular os vídeos que fez durante o show. Você filmou ele cantando a música ”Mirrors” e te despertou a curiosidade de saber a tradução dela. TAREFA: Procurar no aplicativo a tradução da música “Mirrors”.

CENÁRIO 2 Imagine que você tenha acabado de passar por uma banca de jornal a caminho do trabalho e lembrou de quando o Sam saiu na Revista QUEM, no dia 24/01/2014. Te deu vontade de reler a matéria. TAREFA: Procurar no aplicativo a matéria em que o cantor aparece na revista QUEM. QUESTIONÁRIO PÓS TESTE Sobre a tarefa 1 [Procurar no aplicativo a tradução da música “Mirrors”.] a

Facilidade de utilização.

Difícil Fácil [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Organização das informações.

Ruim Boa [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Layout das telas.

Confuso Claro [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Confuso Claro [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

157

ANEXOS DO TESTE DE USABILIDADE

Assimilação das informações.

Confusa Clara [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

As tarefas podem ser executadas de maneira direta.

Nunca Sempre [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Sobre a tarefa 2 [Acessar a matéria em que o cantor apareceu na revista QUEM no dia 24/01/2014.] a

Facilidade de utilização.

Difícil Fácil [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Organização das informações.

Ruim Boa [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Layout das telas.

Confuso Claro [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Confuso Claro [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Assimilação das informações.

Confusa Clara [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

As tarefas podem ser executadas de maneira direta.

Nunca Sempre [ ]1 [ ]2 [ ]3 [ ]4 [ ]5

Referente às duas tarefas, aponte situações em que você achou fácil de utilizar. TAREFA 1

TAREFA 2

158

ANEXOS

Referente às duas tarefas, aponte situações em que você sentiu dificuldade ao utilizar. TAREFA 1

TAREFA 2

Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. [ ] SIM

[ ] NÃO

O espaço abaixo é reservado para que você exponha a sua opinião e sugira melhorias ao aplicativo.

CHECKLISTS UMA SEMANA ANTES DO TESTE [

]

Fazer o teste você mesmo.

[

]

Realizar um teste piloto.

[

]

Rever Produto. 159

ANEXOS DO TESTE DE USABILIDADE

UM DIA ANTES DO TESTE [

]

Verificar se o equipamento de vídeo está configurado e pronto.

[

]

Verificar se o aplicativo está funcionando.

[

]

Reunir todos os materiais de teste escrito.

[

]

Verificar o status de seus participantes.

NO DIA DO TESTE [

]

Repassar sua lista personalizada.

[

]

Preparar-se mentalmente.

[

]

Deslocar-se para a área de testes e preparar-se para o início.

[

]

Cumprimentar os participantes.

[

]

Ler o roteiro de orientações.

[

]

Fazer o participante preencher e assinar quaisquer documentos preliminares.

[

]

Iniciar as gravações

[

]

Distribuir e ler o cenário/tarefa escrita para o participante.

[

]

Anotar a hora de início, observar os participantes, e recolher todos os dados críticos. 160

ANEXOS

[

]

Fazer o participante completar todos os questionários pós-teste.

[

]

Discutir com o participante.

[

]

Encerrar a sessão.

[

]

Organizar as folhas com dados e observação.

TABELAS INDIVIDUAIS COM RECOMENDAÇÕES DOS PARTICIPANTES TAREFA 1 [Procurar no aplicativo a tradução da música “Mirrors”.] Participante 1 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

161

ANEXOS DO TESTE DE USABILIDADE

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Consegui executar as tarefa.”

“Fiquei com dúvida se no menu teria algum item com o nome música”

Participante 2 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR? “Achei bem fácil como chegar na tradução. Olhei pro menu e foi bem direto onde estaria a tradução da música.”

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR? “Não achei difícil chegar até a tradução da música.”

162

ANEXOS

Participante 3 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Depois que entrei em Discografia, achei fácil de chegar na tradução da música.”

“Achei difícil de fazer a tarefa por não estar acostumado a procurar letra e tradução dentro de discografia. Procurei no menu algum item que estivesse a ver e fui em discografia porque era o que mais se aproximava.”

Participante 4 PERGUNTAS Facilidade de utilização.

NOTAS

4 163

ANEXOS DO TESTE DE USABILIDADE

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Como eu já sabia qual era o CD que tem a música, eu já fui direto nele e achei a letra com a tradução.”

“Eu não tinha entendido muito bem onde poderia estar, mas depois que eu li todo o menu deduzi que estivesse ali em Discografia.”

Participante 5 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

164

ANEXOS

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Achei bem simples de utilizar.”

“Não achei difícil, mas quando entrei em discografia e cliquei na música, fiquei na dúvida se ela tocaria ou se apareceria a letra com a tradução.”

TAREFA 2 [Procurar no aplicativo a matéria em que o cantor aparece na revista QUEM.] Participante 1 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

165

ANEXOS DO TESTE DE USABILIDADE

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Consegui executar a tarefa.”

“Não senti dificuldade.”

Participante 2 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR? “Achei fácil realizar a tarefa.”

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR? “Não tive dificuldade.”

166

ANEXOS

Participante 3 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Achei fácil a tarefa.”

“Não tive nenhuma dificuldade.”

Participante 4 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

5 167

ANEXOS DO TESTE DE USABILIDADE

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

O QUE ACHOU MAIS FÁCIL DE UTILIZAR?

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR?

“Achei fácil realizar a tarefa.”

“Não achei nada difícil na tarefa.”

Participante 5 PERGUNTAS

NOTAS

Facilidade de utilização.

Organização das informações.

Layout das telas.

Nomenclatura utilizada nas telas (nome de título, campos, etc).

Assimilação das informações.

As tarefas podem ser executadas de maneira direta.

168

ANEXOS

O QUE ACHOU MAIS FÁCIL DE UTILIZAR? “Achei a tarefa bem fácil.”

O QUE ACHOU MAIS DIFÍCIL DE UTILIZAR? “Não senti dificuldade.”

REFERENTE ÀS DUAS TAREFAS Participante 1 Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. Sim, atende os objetivos.

Espaço reservado para opiniões e sugestões de melhorias no aplicativo. -

Participante 2 Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. “Sim. Acredito que muitos fãs vão querer utilizar o aplicativo. Ele tá bem bonito e bem organizado.”

Espaço reservado para opiniões e sugestões de melhorias no aplicativo. “Poderia ter um botão onde a pessoa clique e possa ouvir o CD em um aplicativo de música online. (Spotify por exemplo)”

169

ANEXOS DO TESTE DE USABILIDADE

Participante 3 Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. “Sim. Acho que o aplicativo tá bem legal e com certeza os fãs vão querer baixar e usar.” Espaço reservado para opiniões e sugestões de melhorias no aplicativo. “As pessoas não costumam ir em Discografia para procurar tradução de música. Poderia ter no menu já indo direto pra Letra e Tradução da música.”

Participante 4 Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. “Sim. Ta lindo. Acho que os fãs quando souberem vão ficar doidos querendo baixar, assim como eu que já estou ansiosa pra isso.”

Espaço reservado para opiniões e sugestões de melhorias no aplicativo. Achei que ficou muito bom.

Participante 5 Diante do teste realizado, você acha que o programa atingiu o objetivo para o qual foi desenvolvido? Explique. “Sim. Com certeza a galera vai querer baixar. É legal ter um aplicativo do seu ídolo no celular.” 170

ANEXOS

Espaço reservado para opiniões e sugestões de melhorias no aplicativo. “Poderia ter um ícone indicando que no nome da música abriria a letra da música. Acho que ficaria mais claro.”

171

REBECA PINTO DA SILVA Designer de Interação Rebeca é formada em Design Gráfico pela Faculdade de Tecnologia SENAC RIO e atualmente trabalha como Designer em uma Empresa de Tecnologia e Segurança da Informação. Ela conheceu o Sam através do The Voice Brasil e virou fã logo de cara. “Eu nunca fui fã de ninguém, mas não tem como não o adimirar. Ele é diferente. Transmite amor, carinho, verdade... e o que me faz o adimirar ainda mais é a sua fé, que é algo que é explícito pra qualquer pessoa.“ Ela o viu pela primeira vez quando viajou para um Show em São Paulo, no The Voice Tour, que aconteceu no dia 25 de Janeiro de 2014, no HSBC Brasil.

Trabalho de Conclusão do Curso de Pós-Graduação em Design de Interação pela Faculdade de Tecnologia SENAC RIO, desenvolvido por Rebeca Pinto da Silva a fim de presentear uma pessoa que considera muito especial, o Cantor Sam Alves. O artista foi vencedor da segunda temporada do The Voice Brasil, produzido pela Rede Globo. :)