[pt] Durante o estágio inicial do design de uma interface com usuário, diferentes soluções devem ser exploradas e refinadas iterativamente pela equipe de design. Nesse cenário de mudanças rápidas e constantes, uma ferramenta que permita e facilite essas mudanças é de grande valia. UISKEI explora o poder do desenho, possibilitando ao designer transmitir sua ideia com uma forma de expressão mais natural, e adiciona o poder computacional, facilitando a manipulação e edição dos elementos. Mais do que uma ferramenta de desenho de protótipos de interface, UISKEI também permite a definição do comportamento da interface, indo além da navegação entre contêineres de interfaces (por exemplo, janelas, páginas web, capturas de telas) e possibilitando definir mudanças nos estados dos elementos de interface (habilitando e desabilitando-os, por exemplo).
Essa dissertação apresenta os conceitos principais por trás do UISKEI e um estudo de como ele se compara a ferramentas similares. A etapa de desenho da interface é detalhada, explicando como a conversão dos traços em widgets é feita através da combinação de um reconhecedor de traços, que usa a distância de Levenshtein como medida de similaridade, e a interpretação dos traços reconhecidos baseada em uma árvore de evoluções. Além disso, também são discutidas as diferentes soluções exploradas para endereçar o problema do desenho da interação, propondo uma visualização inovadora no estilo mind-map que possibilita ao usuário expressar o evento, as condições e ações de cada caso de interação, sem abandonar o paradigma da interação com caneta. / [en] During the early user interface design phase, different solutions should be explored and iteratively refined by the design team. In this rapidly evolving scenario, a tool that enables and facilitates changes is of great value. UISKEI takes the power of sketching, allowing the designer to convey his or her idea in a rough and more natural form of expression, and adds the power of computing, which makes manipulation and editing easier. More than an interface prototype drawing tool, UISKEI also features the definition of the prototype behavior, going beyond navigation between user interface containers (e.g. windows, web pages, screen shots) and allowing to define changes to the state of user interface elements and widgets (enabling/disabling widgets, for example).
This dissertation presents the main concepts underlying UISKEI and a study on how it compares to similar tools. The user interface drawing stage is detailed, explaining how the conversion of sketches to widgets is made by combining a sketch recognizer, which uses the Levenshtein distance as a similarity measure, and the interpretation of recognized sketches based on an evolution tree. Furthermore, it discusses the different solutions explored to address the issue of drawing an interaction, suggesting an innovative mind-map-like visualization approach that enables the user to express the event, conditions and actions of each interaction case while still keeping the pen-based interaction paradigm in mind.
| Identifer | oai:union.ndltd.org:puc-rio.br/oai:MAXWELL.puc-rio.br:23595 |
| Date | 28 October 2014 |
| Creators | VINICIUS COSTA VILLAS BOAS SEGURA |
| Contributors | SIMONE DINIZ JUNQUEIRA BARBOSA |
| Publisher | MAXWELL |
| Source Sets | PUC Rio |
| Language | English |
| Detected Language | Portuguese |
| Type | TEXTO |
Page generated in 1.0491 seconds