scholarly journals Ensino de Design Visual de Aplicativos Móveis no Ensino Fundamental

2020 ◽  
Author(s):  
Miriam Nathalie FortunaFerreira ◽  
Christiane Gressevon Wangenheim ◽  
Berenice Santos Gonçalves ◽  
Jean Carlo Rossa Hauck ◽  
Giselle Araújo e Silva de Medeiros
Keyword(s):  
User Interface ◽  
Mobile Applications ◽  
Interface Design ◽  
Significant Contribution ◽  
Positive Impact ◽  
Instructional Unit ◽  
Instructional Design Process ◽  
Ui Design ◽  
Public Middle School ◽  
K 12

Computing in K-12 is typically taught through practicalprogramming activities in which students create software artifactssuch as mobile applications. This approach, however, may notcover other important competencies such as user interface design,which are essential for software development. Within this context,this article presents an instructional unit that incorporates theteaching of UI design competencies into computing education.The instructional unit was developed in a systematic wayfollowing an instructional design process, and applied andevaluated in a Brazilian public middle school. First resultsindicate that dynamics can have a positive impact on motivation,user experience, and provide a significant contribution to thestudents’ learning.

Using Deep Learning to Support the User Interface Design of Mobile Applications with App Inventor

2021 ◽  
Author(s):  
Daniel de Souza Baulé ◽  
Christiane Gresse von Wangenheim ◽  
Aldo von Wangenheim ◽  
Jean C. R. Hauck ◽  
Edson C. Vargas Júnior
Keyword(s):  
Deep Learning ◽  
User Interface ◽  
Mobile Applications ◽  
Interface Design ◽  
User Interface Design ◽  
App Inventor

scholarly journals On distributed concern delivery in user interface design

2015 ◽  
Vol 12 (2) ◽  
pp. 655-681 ◽  
Author(s):  
Tomas Cerny ◽  
Miroslav Macik ◽  
Michael Donahoo ◽  
Jan Janousek
Keyword(s):  
User Interface ◽  
Interface Design ◽  
Web Application ◽  
Significant Information ◽  
Server Side ◽  
Ui Design ◽  
Potential Benefits ◽  
And Performance ◽  
Client Side

Increasing demands on user interface (UI) usability, adaptability, and dynamic behavior drives ever-growing development and maintenance complexity. Traditional UI design techniques result in complex descriptions for data presentations with significant information restatement. In addition, multiple concerns in UI development leads to descriptions that exhibit concern tangling, which results in high fragment replication. Concern-separating approaches address these issues; however, they fail to maintain the separation of concerns for execution tasks like rendering or UI delivery to clients. During the rendering process at the server side, the separation collapses into entangled concerns that are provided to clients. Such client-side entanglement may seem inconsequential since the clients are simply displaying what is sent to them; however, such entanglement compromises client performance as it results in problems such as replication, fragment granularity ill-suited for effective caching, etc. This paper considers advantages brought by concern-separation from both perspectives. It proposes extension to the aspect-oriented UI design with distributed concern delivery (DCD) for client-server applications. Such an extension lessens the serverside involvement in UI assembly and reduces the fragment replication in provided UI descriptions. The server provides clients with individual UI concerns, and they become partially responsible for the UI assembly. This change increases client-side concern reuse and extends caching opportunities, reducing the volume of transmitted information between client and server to improve UI responsiveness and performance. The underlying aspect-oriented UI design automates the server-side derivation of concerns related to data presentations adapted to runtime context, security, conditions, etc. Evaluation of the approach is considered in a case study applying DCD to an existing, production web application. Our results demonstrate decreased volumes of UI descriptions assembled by the server-side and extended client-side caching abilities, reducing required data/fragment transmission, which improves UI responsiveness. Furthermore, we evaluate the potential benefits of DCD integration implications in selected UI frameworks.

MD: A New Mobile User Interface Model

2011 ◽  
Vol 268-270 ◽  
pp. 1739-1744
Author(s):  
Cu Guo ◽  
Qing Yi Hua ◽  
Ya Ming Li ◽  
Yan Shuo Chang ◽  
Hong An Pan
Keyword(s):  
User Interface ◽  
Mobile Applications ◽  
Interface Design ◽  
Mobile User ◽  
Interactive Graphics ◽  
Interface Model ◽  
Mvc Model ◽  
Prototype Development ◽  
New Type ◽  
Pac Model

In view of various shortcomings of the traditional MVC model and PAC model in mobile applications, this paper presents a new type of mobile user interface model named MD to guide the mobile user interface design and prototyping. MD model reasonably distributes the tasks between front-end and back-end: input and output are closely coupled as front code put in the D to achieve macro-communication, application model can be considered as back code put in the M. This model effectively solves the power restricted and other problems of mobile devices. By applying this model to the prototype development of Android-based Interactive Graphics Toolkit—AIGT, we verifies the feasibility and effectiveness of the model.

scholarly journals THE USE OF FLAT ILLUSTRATIONS IN WEBSITES AND SMART PHONES APPLICATIONS’ USER INTERFACE (UI) DESIGN

2020 ◽  
Vol 1 (2) ◽  
Author(s):  
Hanan Fouad
Keyword(s):  
User Interface ◽  
User Interfaces ◽  
Mobile Applications ◽  
Smart Phones ◽  
Brand Identity ◽  
Modern Times ◽  
Ui Design ◽  
Flat Design ◽  
Design Style

Smartphones and computers are the most usable communicative tools in modern times. This urged the need to develop softwares, webpages and mobile applications that work as a mediator between users and devices. This is in addition to user interfaces (UI) that need to be designed to help users while using these websites and mobile applications. In this paper, the researcher reviews the Flat design style and its use in UI design. Then, she studies Flat illustrations that are added to user interfaces to help users imagine things better, enhance the brand identity of the UI and make texts and interactions easier to understand. The researcher then reviewed samples of Flat illustrations done for universal user interfaces. Finally, she made a practical study where she examined the importance of using Flat illustrations in mobile app’s UI. Through which she could reach to her final results and conclusions via analysis of outputs..

An Integrative Approach to User Interface Design

2009 ◽  
pp. 457-463
Author(s):  
Vanja Kljajevic
Keyword(s):  
User Interface ◽  
Interface Design ◽  
Cognitive Architecture ◽  
Easy Access ◽  
Integrative Approach ◽  
Top Down ◽  
Ui Design ◽  
Psychological Theories ◽  
Cognitive Principles ◽  
Small Set

As we are witnessing an increase in multifunctionality of interactive devices, two problems are taking shape in user interface (UI) design: first, the problem of complexity, and second, the problem of fragmentation (Kljajevic, in press). The former is reflected in the fact that multipurpose interactive devices usually have interfaces that do not allow easy access to new functions and features, rendering the increased functionality useless. The second problem is related to the fragmentation in the current research paradigms and testing trends that inform UI design. These paradigms and trends stem mostly from psychological theories that focus on only some specific aspects of user-interface interaction. While it is important to investigate such topics in detail, it is even more important to look at the totality of the interaction and determine the principles that operate in it. An integrative approach to UI design has the potential to solve both problems. Such an approach has two components: a top-down and a bottomup component. Its top-down component deals with a small set of basic cognitive principles that operate in interactive reality and therefore need to be recognized at the level of UI design. The principles are built into a cognitive architecture—a wide theoretical framework that corresponds to the human cognitive system—whose constraints prevent proliferation of implausible theories, which solves the fragmentation problem.

User Interface Design in Isolation from Underlying Code and Environment

2017 ◽  
pp. 175-183
Author(s):  
Izzat Alsmadi
Keyword(s):  
Operating System ◽  
User Interface ◽  
Programming Language ◽  
Interface Design ◽  
User Interface Design ◽  
Software Application ◽  
Ui Design

The success of any software application heavily depends on the success of its User Interface (UI) design. This is since users communicate with those applications through their UIs and they will build good or bad impressions based on how such UIs help them using the software. UI design evolves through the years to be more platform and even code independent. In addition, the design of an application user interface consumes a significant amount of time and resources. It is expected that not only the same UI design should be relatively easy to transfer from one platform to another, but even from one programming language release to another or even from one programming language to another. In this chapter, we conducted a thorough investigation to describe how UI design evolved through the years to be independent from the code, or any other environment element (e.g. operating system, browser, database, etc.).

User Interface Design and Implementation for Electricity Operation Information System Based on Android

2014 ◽  
Vol 602-605 ◽  
pp. 3630-3634
Author(s):  
Xiao Jia Zou ◽  
Xiang Dong You ◽  
Hao Pan ◽  
Xu Zhang ◽  
Qian Luo
Keyword(s):  
Information System ◽  
User Interface ◽  
User Interfaces ◽  
Interaction Design ◽  
Interface Design ◽  
Early Stage ◽  
Ui Design ◽  
Design And Implementation ◽  
Implementation Methodology ◽  
User Actions

In this paper, we mainly explore how to design and implement the user interfaces of Electricity Operation Information System based on Android. The paper extends its process as the following four aspects---requirements analysis, UI design, interaction design and programmatic implementation. In response to user actions fluidly and friendly, we add modules to handle exceptions. In the end, we give a briefly test on the system UI to ensure it run smoothly and make less mistakes. There are limited studies focusing on the flow design of UI combined with programmatic implementation. The UI design and implementation methodology has good reference at the early stage of developing an application, especially on Android platforms.

scholarly journals An Evaluation Model for Measuring the Usability of Mobile Office Applications through User Interface Design Metrics

2019 ◽  
Vol 38 (3) ◽  
pp. 641-654
Author(s):  
Mariam Nosheen ◽  
Zahwa Sayed ◽  
Muhammad Saad Malik ◽  
Muhammad Abuzar Fahiem
Keyword(s):  
User Interface ◽  
Mobile Phone ◽  
Mobile Applications ◽  
Interface Design ◽  
Evaluation Model ◽  
Age Groups ◽  
Experimental Studies ◽  
Vital Role ◽  
Primary Objective ◽  
Smart Phones

Usage of mobile devices and particularly smart phones has seen an enormous hike due to the advancement of mobile phone technology in recent times. People of different age groups, one way or the other, are now connected to different mobile phone applications, such as, Social Networking, Chatting, VoIP (Voice Over Internet Protocol) applications, Gaming etc. This rapid advancement has made it necessary for user interface designers of mobile applications to design user friendly interfaces for their applications, so that users can interact and use those applications with ease irrespective of their location. Usability plays a vital role for measuring the usefulness of such applications. After examining different experimental studies on usability assessment techniques imparted by various research workers, it has been determined that there is still a great deal of requirement where application designers have to guarantee more adept and improved usability of offline mobile applications, such as, Conversion Apps, offline encyclopedia, Translation apps, business use applications (office applications) etc. The primary objective of this study is to render a model for usability metrics of measuring the usability of office applications for smart phones. The effectiveness, usefulness and reliability of the proposed model is measured through two office applications named Office Suite Pro7 for Android and Office 365 for Windows 8 touch screen Smartphone.The results of usability testing and t-test show the significance of the proposed approach. The model in this study will enable the application designers to guarantee a more adept and enhanced usability of office applications for smart phones during the designing stage.

Sign in / Sign up

Export Citation Format

Share Document