Resumo

O presente artigo busca identificar e analisar princípios, modelos e frameworks para o design visual de interfaces de aplicativos. Para atender ao objetivo proposto, apresenta-se uma investigação sobre o design de interfaces, a partir de uma revisão integrativa composta por uma revisão sistemática de literatura e uma revisão tradicional (narrativa). Os resultados mostram que, apesar da popularidade dos dispositivos móveis, existem poucos estudos voltados ao design visual de interfaces de aplicativos para smartphones. Contudo, as pesquisas que utilizam princípios, modelos e frameworks, inicialmente desenvolvidos para web sites, apresentaram relevância para este artigo. As principais contribuições foram identificadas na revisão narrativa, demarcadas por Cooper (2014). Este sugere que antes de desenvolver a estrutura de alto nível dos layouts de tela é preciso definir o conceito, fluxo, comportamento e a organização do produto. Além disso, foi possível perceber recorrências entre princípios e elementos necessários para compor o design visual de uma interface a partir das abordagens de Garret (2011) e Schlatter e Levinson (2013).

Palavras-chave: design visual; design interface; smartphone.

Abstract

This article aims to identify and analyze principles, models and frameworks for the visual design of application interfaces. To achieve this goals, it presents an investigation about interface design through an integrative review composed by a systematic literature review and a traditional review. The results show that, even although mobile devices are very popular, there are few studies directed to the visual design of interfaces for smartphone applications. Although, some studies use principles, models and frameworks, originally developed for websites, they are still relevant to this study. The main contributions were identified in the narrative review, being delimited by Cooper (2014). He suggests that before developing a high level structure for screen layout is essential to establish a concept, flow, behavior and the product organization. Besides that, it is possible to notice recurring elements that are needed to compose an visual design based on the approaches proposed by Garret (2011) and Schlatter and Levinson’s (2013).

Keywords: visual interface design; design interface; smartphone.

Autores

Miriam Nathalie Fortuna Ferreira, Berenice Santos Gonçalves e Christiane Gresse von Wangenheim