Flat Design Em Aplicativos Móveis: Definição, Aplicações E Avaliação De Usabilidade
Total Page:16
File Type:pdf, Size:1020Kb
UNIVERSIDADE FEDERAL DE PERNAMBUCO CENTRO ACADÊMICO DO AGRESTE NÚCLEO DE DESIGN CURSO DE DESIGN EDNALDO BATISTA DE BARROS JÚNIOR FLAT DESIGN EM APLICATIVOS MÓVEIS: DEFINIÇÃO, APLICAÇÕES E AVALIAÇÃO DE USABILIDADE CARUARU 2016 EDNALDO BATISTA DE BARROS JÚNIOR FLAT DESIGN EM APLICATIVOS MÓVEIS: DEFINIÇÃO, APLICAÇÕES E AVALIAÇÃO DE USABILIDADE Monografia apresentada à Universidade Federal de Pernambuco – Centro Acadêmico do Agreste UFPE-CAA, como requisito parcial para obtenção do título de Bacharel em Design, sob orientação da Profa. Luciana Lopes Freire. CARUARU 2016 2 Catalogação na fonte: Bibliotecária – Paula Rejane da Silva CRB/4-1223 B277f Barros Júnior, Ednaldo Batista de. Flat design: definição, aplicações e avaliação de usabilidade. / Ednaldo Batista de Barros Júnior. - 2016. 150f. il. ; 30 cm. Orientadora: Profª Ma. Luciana Lopes Freire. Monografia (Trabalho de Conclusão de Curso) – Universidade Federal de Pernambuco, CAA, Design, 2016. Inclui Referências. 1. Design gráfico. 2. Usabilidade. 3. Interfaces. I. Freire, Luciana Lopes. (Orientadora). II. Título. 740 CDD (23. ed.) UFPE (CAA 2016-020) 3 UNIVERSIDADE FEDERAL DE PERNAMBUCO CENTRO ACADÊMICO DO AGRESTE NÚCLEO DE DESIGN PARECER DE COMISSÃO EXAMINADORA DE DEFESA DE PROJETO DE GRADUAÇÃO EM DESIGN DE EDNALDO BATISTA DE BARROS JÚNIOR Título da monografia: Flat Design em aplicativos móveis: Definição, aplicações e avaliação de usabilidade. APROVADO Caruaru, 25 de janeiro de 2016 ________________________________ Profª Luciana Lopes Freire (orientadora) ________________________________ Profª Andréa B. Camargo Examinadora interna à UFPE _______________________________ Profª Daniela F. Sellaro Examinadora externa à UFPE 4 À minha família 5 AGRADECIMENTOS Agradeço a Deus, seja onde estiver. Talvez um dia eu consiga alcançar algumas respostas questionadas hoje. Tentarei não cometer injustiça com alguns nomes, se esqueci de alguém peço desculpas. São muitos nomes, pessoas, lugares e situações. Agradeço imensamente a minha orientadora e amiga, professora Luciana Freire, por sua paciência, determinação, incontáveis e-mails, reuniões, encontros e mensagens trocadas. A sua disciplina me inspirou e fez-me querer seguir nessa área tão incrível chamada design digital. Obrigado por me ajudar no máximo que você pode nesses anos todos de universidade e é claro, ser a melhor orientadora que eu poderia ter escolhido na UFPE. Muito obrigado! Agradeço a professora Rosângela Vieira por permitir amadurecer a minha visão de projeto gráfico, ser seu monitor por anos foi mágico. As suas conversas, orientações e atividades me fez ter orgulho de escolher o design gráfico como base. Agradecer também a todos os outros professores do núcleo de design, em especial à Glenda, Andrea, Nara, Sophia, Eduardo, Lourival e Manoel. Ao meu amado PET (programa de educação tutorial) infoinclusão, esse programa fantástico mudou a minha vida. Conheci pessoas, grupos, universidades e cidades incríveis que serão impossíveis de esquecer. Agradeço especialmente aos meus tutores, professora Anna Sartore e professor Manoel Guedes, pela paciência e dedicação. A oportunidade que vocês me permitiram fez toda a diferença. Agradeço também a todos os meus amigos do PET (todos mesmo) que mereciam ser citados aqui, mas não há espaço para tantos nomes. Nesses anos todos, eu estive presentes em vários grupos de extensão, então, um obrigado aos membros do maquinário, fotolab e usina que gentilmente me acolheram em seus espaços. Eu gostaria de ter tido tempo para ter me dedicado ainda mais. Um agradecimento também aos que trabalharam comigo no projeto Integra CAA, não foi fácil fazer parte de um projeto desse tipo na universidade. Mexer com padrões e sistemas de uma instituição foi um grande pequeno passo para promover a difusão dos saberes. Obrigado então, à Lucia, Professor Fernando, Professor Manoel, ao pessoal da extensão e a todos os meus colegas e amigos que gentilmente (ou não) fizeram parte dessa construção. 6 Agradeço também (mesmo distante) ao meu antigo (e primeiro) curso, Licenciatura em artes visuais. Esse fantástico curso iniciou-me na vida crítica. Aprender a questionar a própria natureza é algo mágico. Naquele centro incrível eu conheci pessoas que me fizeram amadurecer e sair da fase oba oba do ensino médio. Aos meus antigos professores, colegas e amigos do centro de artes e comunicação. Obrigado! Apesar de ter sentido um fardo (em partes) ter feito parte do ensino médio, acredito talvez só tivesse chegado onde cheguei (se é que cheguei) graças à Escola técnica estadual Cícero Dias. Ali aprendi duramente sobre sentir alegrias, frustrações e tristezas. Obrigado aos que acreditaram em mim! Aos meus conhecidos, colegas e amigos de tantos lugares e situações. Muito obrigado por me permitir fazer parte da vida de cada um. As suas experiências de vida, alegrias e tristezas fizeram e fazem parte de mim. Eu gostaria de ter estado mais presente, a ausência é algo que não é fácil de explicar. Desculpem-me. Agradeço mesmo assim imensamente a cada um. Queria deixar um agradecimento a minha amada Universidade Federal de Pernambuco. A melhor Universidade do universo e além. Aquele Júnior que entrou em 2011.1 não fazia ideia do que era a experiência de fazer parte dessa fase tão importante da vida. Ao centro acadêmico do agreste, agradeço a todos que conheci e fizeram parte dessa fase tão importante. Obrigado! Agradeço é claro à cidade de Caruaru que me recebeu tão bem em 2012, as pessoas e lugares que conheci no interior foram fantásticos. Aos que conheci na van (kkkk) eu super agradeço, pois, conviver com vocês nesses anos foi muito bom. Vocês tornaram a experiência de viajar todos os dias menos exaustivas. Obrigado também aos participantes que gentilmente participaram da coleta de dados. Realizar o teste de usabilidade e analisar os resultados foi a parte mais legal desta pesquisa. Ter vários amigos que gentilmente deslocaram-se até minha casa e serem coletados foi de muita gratidão. Ter cada um fazendo parte disto foi importante no processo de finalização do estudo que esta pesquisa me proporcionou. Agradeço tanto, pois, isso tudo de algum modo fez parte da construção dessa pesquisa. E por último, mas não menos importante, queria agradecer a minha família. Tudo o que sou, literalmente, é graças a vocês (alguns mais que outros). Agradecer em 7 especial a minha tia Carminha. Agradeço a oportunidade e apoio em todos os sentidos. Sou eternamente grato pela oportunidade que você deu a mim em estudar esse curso de design que mudou a minha vida. Apesar de fazer parte de um centro tão... tão... distante de casa, você sempre esteve me apoiando de todas as formas. Obrigado! Aos meus outros tios; Hilda, Elias, Lúcia, Ester, Euridice. Ao meu falecido e amado avô, Sr. André, Obrigado! Aos meus primos “super pessoas do bem’; Isloana, Lucas, Ewerton, Gabriela, Felipe, Gustavo e demais primos. A minha irmã Laíza, cunhado Davidson e futura sobrinha Mariana. Ao meu Pai, Sr. Ednaldo obrigado por tudo, sei que você fez o possível para me ajudar no que pode da forma que pode, Te amo. E é claro, a minha querida e amada mãe, Dona Iêda. Talvez as formas de amar nem sempre sejam fáceis de explicar, mas sem dúvidas, foram e são entendidas por mim em cada gesto e atitude sua. Obrigado por toda a sua dedicação em ser a melhor mãe do mundo. Te amo. A todos que contribuíram de alguma forma para esta pesquisa. Muito, muito obrigado. Ednaldo Júnior 8 “Há muitas linguagens. Nem todas utilizam palavras.” Peter Bonnici. 9 RESUMO Essa pesquisa trouxe à tona o estudo do flat design, suas características estéticas e funcionais, bem como seu surgimento, aplicações e influências no design gráfico. A partir da revisão bibliográfica, o Flat Design foi analisado em aplicativos móveis, tendo como foco as suas categorias e as suas melhorias em termos de usabilidade. Para além disto, realizou-se uma avaliação de usabilidade em um aplicativo específico, a fim de atestar a boa usabilidade do Flat Design em sistemas móveis. Deste modo, espera-se que este estudo promova discussões sobre as linguagens propostas para o design de interface e sobre a sua influência no design gráfico contemporâneo; Seja ele em mídia impressa ou digital. Palavras chaves: Flat design, usabilidade, aplicativos móveis 10 ABSTRACT This is research brought out the study of Flat design, its aesthetic and functional characteristics, as well as its appearance, applications and influences in graphic design. From the literature review, the flat was analyzed in mobile applications, focusing on their categories and their improvements in terms of usability. In addition, a usability evaluation in a specific application was performed in order to attest to the good usability of the Flat Design in mobile systems. Thus, it is expected that this study will promote discussions on the proposed language for the interface design and on their influence on contemporary graphic design; whether in print or digital media. Keywords: Flat design, usability, mobile application 11 LISTA DE FIGURAS Figura 1: Mapa do metrô de Londres realizado por Beck em 1933...................................21 Figura 2: Cartaz contendo o sistema de pictogramas de identificação para o departamento de transporte dos EUA................................................................................23 Figura 3: Sistema operacional gráfico da Xerox em 1981. ...............................................24 Figura 4: Print screen de Ícones desenvolvidos pela Isotype............................................25 Figura 5: Comparação dos ícones