O documento apresenta um projeto de conclusão de curso sobre o desenvolvimento de um aplicativo para composição musical para iniciantes. Ele inclui uma pesquisa sobre o contexto atual e aplicativos similares, além de desenvolver um protótipo navegável do aplicativo e um vídeo promocional com base em personas, cenários e testes de usabilidade.

2. Trabalho
de Conclusão
de Curso
Juan Martins Deczuta
Produção Multimídia Senac RS - 2015

3. Apresentação e Justificativa
Mais usuários de celulares,
menos instrumentistas

4. Apresentação e Justificativa
A minha relação com a música
Uma proposta a estimular a composição
e a escrita criativia

5. Entendendo o contexto
Pesquisar o atual processo de composição e definir os objetivos do produto;
Acordes de Violão
Bruno Grunig (2013)
Canal do Daf
Darfferson Souza Oliveira (2014)
rockongoodpeople
Zosia (2009)

6. Objetivos
Protótipo
& Vídeo
“Desenvolver um protótipo navegável de um aplicativo mobile,
destinado a músicos iniciantes, propondo a criação de um novo método
de composição musical básica; bem como desenvolver um vídeo
promocional para a divulgação do mesmo.”

7. Metodologia
Projeto E
Contextualização; Desconstrução; Verificação;
Reconstrução; Identidade; Diferenciação;
Desenvolvimento; Validação.

8. 2.1 Geração z e sua relação com a cultura
no cenário pós-modernista
2.1.1 Educação Musical Auxiliada por Tecnologia
Fundamentação Teórica

9. 2.2 Design de Interação Humano - Computador
2.2.1 Usabilidade
2.2.2 Interface
2.2.3 Heurística
Fundamentação Teórica

10. 2.3 Modelo mental para compor
Fundamentação Teórica

11. 2.4 Música em 3 passos
2.4.1 Princípios de composição musical
2.4.2 Simplificação em três passos para resolver
o processo de composição
Fundamentação Teórica

12. Análises - Aplicativos
Hum OnSong Sketch
a Song
Songwriter’s
Pad
Fiddlewax
Blue

13. + Avaliação alta
+ Design impecável
+ Gravação
+ Arranjos por humor
- Usabilidade de acordes confusa.

14. + Avaliação alta
+ Inserção de notas musicais sobre as linhas de verso
+ Sessões

15. + Execução e a apreciação
+ Linha de tempo pré-programada
+ Menu “groove”
- Escrita
- Selecionar a nota que quiser

16. + Ferramenta computacional de escrita criativa
+ Interface clara e moderna.
- Fraca anotação de acordes musicais

17. + Campo harmônicos
+ Notas que reagem ao toque.
- Não trabalha a escrita

18. Análises - vídeos
Hum Walkthrough Lincoln Center
iPhone App
1min 58seg1min18seg
Mobile App After
Effects Template

19. Criatividade

20. Personas
Paulo (10 anos)
Estudante de música
e escola fundamental
Ari (13 anos)
Estudante de música
e escola fundamental
Artur (22 anos)
Professor de música e
estudante de Bacharelado
em Música Brasileira (UFRGS)

21. Cenário atual
O cenário atual caracteriza-se
com a necessidade da integração
digital por músicos iniciantes da
geração z.

22. Cenário Pretendido
O cenário pretendido
compreende um universo de
interação entre compositores,

23. Desconstrução
Analisar as principais concorrentes e buscar referências em produtos similares;

24. Verificação
Estudar o resultado de pesquisas sobre o assunto e verificar a relevância
das características relacionadas ao produto proposto;

25. Reconstruir
Iniciar a construção do “wireframe” a partir da verificação
de suas características e funções;

26. Identidade
Desenvolver a identidade visual atrativa para o usuário,
ao decidir o padrão a ser utilizado;

27. Diferenciação
Comparar com o padrão gráfico
já existente no mercado e analisar
os seus principais diferenciais;

28. Desenvolvimento
Desenvolver as telas e o protótipo navegável do aplicativo; junto com
o storyboard e roteiro do vídeo de acordo com as características
propostas na pesquisa e seguindo os padrões de identidade definidos;

29. Validação
Teste da versão do aplicativo navegável proposta com possíveis usuários.
Rock Siles Barcellos
Ilustrador e Guitarrista
(30 anos)
64.8 pontos
Usabilidade muito alta
Ariane Tayguara Mester
Estudante de Música
(13 anos)
Resultado MATcH:
67.7 pontos
Usabilidade muito alta
Isabella Morales Salis
Estudante de Design
(20 anos)
Resultado MATcH:
47.4 pontos
Usabilidade razoável

30. Resultados
Protótipo
& Vídeo

32. https://projects.invisionapp.com/share/JE35PYC9T#/screens

33. Considerações Finais
Objetivos &
Aprendizado
Olhar teórico
Photoshop & Illustrator
User Experience
Motion Graphics

34. Obrigado!