用Figma提升教育类App的UI/UX设计质量
FEAD: Figma-Enhanced App Design Framework for Improving UI/UX in Educational App Development
- 将Figma设计工具融入MIT App Inventor，构建可操作的设计流程
- 61.2%用户认为改进后界面媲美专业应用，远超基线的8.2%
- 适合学生和教育开发者快速掌握美观实用的设计方法
在教育科技领域，设计以用户为中心的移动应用日益重要。然而，全球最大的教育类应用开发平台MIT App Inventor在支持现代UI/UX设计方面存在固有局限。本研究提出Figma增强的应用设计（FEAD）方法，通过‘识别-设计-实现’工作流，将Figma的先进设计功能集成到MIT App Inventor中。基于八点网格系统与格式塔知觉法则，该方法帮助用户弥补设计缺陷，打造视觉吸引人、功能完善且可访问性强的应用。对比评估显示，61.2%的参与者认为FEAD优化后的设计达到专业水准，而基线设计仅8.2%获得同等评价。结果表明，将设计与开发平台融合能显著提升应用质量，为学生提供可扩展的学习框架，助力其掌握功能与美学并重的设计能力，推动用户中心技术的发展。
原文摘要 · Abstract (English)
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.
Thank you to arXiv for use of its open access interoperability. PaperDance 不是 arXiv 官方产品；中文卡片由大模型生成，请以原文为准。