Instructional Strategies for the Visual Aesthetics of User Interface Design


Book Description

Adding visual aesthetics to the standard Computer Science (CS) Human-Computer Interaction (HCI) curriculum, while necessary, is not easy. The core skills are best understood by practitioners with a background in Art and Design, and its subjective nature often makes aesthetics difficult for students to learn. An emerging learning paradigm, commonly known as game-based learning (GBL), has the potential to better support student learning and sustain their motivation within limited instructional time. This thesis aims to study the effectiveness of a modular GBL approach in helping CS students learn about visual aesthetics. In particular, it set out to evaluate students' usage of a bespoke GBL prototype designed for this specific educational context. DELMo, a new visual aesthetics learning module, was firstly designed based on the SOLO taxonomy. It allowed for a systematic and modular approach to structuring the learning content, and became a significant component in the instructional strategy. Drawing on the Design-based Research (DBR) in Education framework, the GBL prototype has been informed by engaging with education literature and iteratively tested and refined in a natural educational setting (HCI course delivery). The prototype consists of a web-based learning environment named Design Eye that incorporates two new serious mini-games and a colouring tool named DEColour. In the summative evaluation, students reported enjoying the GBL activities in Design Eye and felt that they learned from them. This is consistent with the majority of the literature supporting the use of games in a learning delivery method. However, the results also showed a significant decrease in their perception of the importance of the topic. This may suggest that mini-games as an instructional tool carries the risk of making the subject seem trivial for some students. Instructors considering the use of mini-games should therefore consider the trade-off between the level of enjoyment provided by mini-games to engage students with a topic, and the potential long term impact of reducing the perceived importance of that topic. At a micro level, the research contributes to HCI education, namely in the construction (module design) and delivery (via GBL) of the visual aesthetics course material. At a macro level, experience with design, development, implementation and evaluation of this project provides valuable insights for other research efforts in the game-based approach to learning design-related subjects. The iterative-incremental DBR model also contributes to the GBL research domain, particularly in the design, implementation and evaluation of bespoke games in formal educational context.




Interface Design for Learning


Book Description

In offices, colleges, and living rooms across the globe, learners of all ages are logging into virtual laboratories, online classrooms, and 3D worlds. Kids from kindergarten to high school are honing math and literacy skills on their phones and iPads. If that weren't enough, people worldwide are aggregating internet services (from social networks to media content) to learn from each other in "Personal Learning Environments." Strange as it sounds, the future of education is now as much in the hands of digital designers and programmers as it is in the hands of teachers. And yet, as interface designers, how much do we really know about how people learn? How does interface design actually impact learning? And how do we design environments that support both the cognitive and emotional sides of learning experiences? The answers have been hidden away in the research on education, psychology, and human computer interaction, until now. Packed with over 100 evidence-based strategies, in this book you'll learn how to: Design educational games, apps, and multimedia interfaces in ways that enhance learning Support creativity, problem-solving, and collaboration through interface design Design effective visual layouts, navigation, and multimedia for online and mobile learning Improve educational outcomes through interface design.




User Interface Design for Virtual Environments: Challenges and Advances


Book Description

The design of various virtual environments should be based on the needs of a diverse population of users around the globe. Interface design should be user centric and should strive for making the user's interaction as simple, meaningful, and efficient as possible. User Interface Design for Virtual Environments: Challenges and Advances focuses on challenges that designers face in creating interfaces for users of various virtual environments. Chapters included in this book address various critical issues that have implications for user interface design from a number of different viewpoints. This book is written for professionals who want to improve their understanding of challenges associated with user interface design issues for globally-dispersed users in various virtual environments.




Designing for User Engagment


Book Description

This book explores the design process for user experience and engagement, which expands the traditional concept of usability and utility in design to include aesthetics, fun and excitement. User experience has evolved as a new area of Human Computer Interaction research, motivated by non-work oriented applications such as games, education and emerging interactive Web 2.0. The chapter starts by examining the phenomena of user engagement and experience and setting them in the perspective of cognitive psychology, in particular motivation, emotion and mood. The perspective of aesthetics is expanded towards interaction and engagement to propose design treatments, metaphors, and interactive techniques which can promote user interest, excitement and satisfying experiences. This is followed by reviewing the design process and design treatments which can promote aesthetic perception and engaging interaction. The final part of the chapter provides design guidelines and principles drawn from the interaction and graphical design literature which are cross-referenced to issues in the design process. Examples of designs and design treatments are given to illustrate principles and advice, accompanied by critical reflection. Table of Contents: Introduction / Psychology of User Engagement / UE Design Process / Design Principles and Guidelines / Perspectives and Conclusions




Designing Visual Interfaces


Book Description

Ironically, many designers of graphical user interfaces are not always aware of the fundamental design rules and techniques that are applied routinely by other practitioners of communication-oriented visual design -- techniques that can be used to enhance the visual quality of GUIs, data displays, and multimedia documents. This volume focuses on design rules and techniques that are drawn from the rational, functionalist design aesthetic seen in modern graphic design, industrial design, interior design, and architecture -- and applies them to various graphical user interface problems experienced in commercial software development.Describes the basic design principles (the what and why), common errors, and practical step-by-step techniques (the how) in each of six major areas: elegance and simplicity; scale, contrast, and proportion; organization and visual structure; module and program; image and representation; and style. Focuses on techniques that will not only improve the aesthetics of the visual display, but, because they promote visual organization, clarity, and conciseness, will also enhance the usability of the product. Includes a catalog of common errors drawn from existing GUI applications and environments to illustrate practices that should be avoided in developing applications.For anyone responsible for designing, specifying, implementing, documenting, or managing the visual appearance of computer-based information displays.




Designing for User Engagement


Book Description

This book explores the design process for user experience and engagement, which expands the traditional concept of usability and utility in design to include aesthetics, fun and excitement. User experience has evolved as a new area of Human Computer Interaction research, motivated by non-work oriented applications such as games, education and emerging interactive Web 2.0. The chapter starts by examining the phenomena of user engagement and experience and setting them in the perspective of cognitive psychology, in particular motivation, emotion and mood. The perspective of aesthetics is expanded towards interaction and engagement to propose design treatments, metaphors, and interactive techniques which can promote user interest, excitement and satisfying experiences. This is followed by reviewing the design process and design treatments which can promote aesthetic perception and engaging interaction. The final part of the chapter provides design guidelines and principles drawn from the interaction and graphical design literature which are cross-referenced to issues in the design process. Examples of designs and design treatments are given to illustrate principles and advice, accompanied by critical reflection. Table of Contents: Introduction / Psychology of User Engagement / UE Design Process / Design Principles and Guidelines / Perspectives and Conclusions




Designing the User Interface


Book Description

Shneiderman discusses the principles and practices needed to design such effective interaction.




Designing for Interaction


Book Description

With emphasis on the designer's role in strategy, research, brainstorming, prototyping and development, this book is devoted to teaching interaction design to those new to the field.




Emotional Design


Book Description

Why attractive things work better and other crucial insights into human-centered design Emotions are inseparable from how we humans think, choose, and act. In Emotional Design, cognitive scientist Don Norman shows how the principles of human psychology apply to the invention and design of new technologies and products. In The Design of Everyday Things, Norman made the definitive case for human-centered design, showing that good design demanded that the user's must take precedence over a designer's aesthetic if anything, from light switches to airplanes, was going to work as the user needed. In this book, he takes his thinking several steps farther, showing that successful design must incorporate not just what users need, but must address our minds by attending to our visceral reactions, to our behavioral choices, and to the stories we want the things in our lives to tell others about ourselves. Good human-centered design isn't just about making effective tools that are straightforward to use; it's about making affective tools that mesh well with our emotions and help us express our identities and support our social lives. From roller coasters to robots, sports cars to smart phones, attractive things work better. Whether designer or consumer, user or inventor, this book is the definitive guide to making Norman's insights work for you.




Encyclopedia of Human Computer Interaction


Book Description

Esta enciclopedia presenta numerosas experiencias y discernimientos de profesionales de todo el mundo sobre discusiones y perspectivas de la la interacción hombre-computadoras