FEAD: Figma-Enhanced App Design Framework for Improving UI/UX in Educational App Development

Tianyi Huang
11/22/2024
cs.HCcs.AI

No confident code implementation found for this paper. 2 possible matches can be shown below.

Abstract

Designing user-centric mobile applications is increasingly essential in educational technology. However, platforms like MIT App Inventor-one of the world's largest educational app development tools-face inherent limitations in supporting modern UI/UX design. This study introduces the Figma-Enhanced App Design (FEAD) Method, a structured framework that integrates Figma's advanced design tools into MIT App Inventor using an identify-design-implement workflow. Leveraging principles such as the 8-point grid system and Gestalt laws of perception, the FEAD Method empowers users to address design gaps, creating visually appealing, functional, and accessible applications. A comparative evaluation revealed that 61.2% of participants perceived FEAD-enhanced designs as on par with professional apps, compared to just 8.2% for baseline designs. These findings highlight the potential of bridging design with development platforms to enhance app creation, offering a scalable framework for students to master both functional and aesthetic design principles and excel in shaping the future of user-centric technology.

View on arXivView PDF

Code Implementations

No confident code match yet

We couldn't find an author-owned or strongly-evidenced community implementation for this paper. 2 weaker matches are hidden by default — verify before relying on them.

No code implementations found yet.

Know of an implementation? Let us know in the comments below!

Similar Papers

Aptly: Making Mobile Apps from Natural Language

85% match2024

On AI-Inspired UI-Design

82% match2024

Skeet: Towards a Lightweight Serverless Framework Supporting Modern AI-Driven App Development

80% match2024

How Human-Centered Explainable AI Interface Are Designed and Evaluated: A Systematic Survey

79% match2024

Rapid Mobile App Development for Generative AI Agents on MIT App Inventor

79% match2024

From PowerPoint UI Sketches to Web-Based Applications: Pattern-Driven Code Generation for GIS Dashboard Development Using Knowledge-Augmented LLMs, Context-Aware Visual Prompting, and the React Framework

79% match2025

Cite this paper

@article{huang2024fead,
  title  = {FEAD: Figma-Enhanced App Design Framework for Improving UI/UX in Educational App Development},
  author = {Tianyi Huang},
  year   = {2024},
  eprint = {2412.06793},
  archivePrefix = {arXiv},
  url    = {http://arxiv.org/abs/2412.06793v1}
}

Add a badge to your README

Shows whether official code is linked for this paper.

Code of Paper badge
[![Code of Paper](https://codeofpaper.com/badge/2412.06793.svg)](https://codeofpaper.com/paper/2412.06793)

Discussion