人机交互实验九

设计思路

本项目的目标是设计一款针对本科生毕业设计的管理系统 APP，帮助学生全程管

理毕业设计过程中的各项任务。APP 将包括选题管理、开题报告、指导管理、计

划安排、写作培训、优秀范文等功能，旨在提升学生毕业设计的效率与质量。

网站链接

Kz565.github.io

界面设计

总体陈述

毕业设计管理系统APP的界面设计在功能布局上较为全面，涵盖了从选题到过程文档提交的各个环节。然而，界面的可读性、交互设计、一致性和可访问性方面存在一些可以改进的空间。

问题及解决方法

1.用户界面(UI)和用户体验(UX)设计

问题：

界面布局拥挤，缺乏足够的空白区域。

导航栏颜色对比度不足，影响识别。

重要信息如“未完成”状态、截止时间等不够突出。

点击查看详情”的链接设计不够明显。

提交按钮颜色可能引起误解，不符合用户预期。

解决方案：

增加空白区域，优化界面布局，提高可读性。

增强导航栏颜色对比度，提升视觉识别效果。

使用不同的字体大小或颜色来突出显示重要信息。

对“点击查看详情”的链接进行视觉优化，如使用不同颜色或加下划线。

更改提交按钮颜色，使用更积极的颜色，如绿色。

预期改进：

用户将更容易识别和导航至所需功能。

重要信息的突出显示将减少用户寻找关键信息的时间。

交互设计的改进将提高用户的操作效率和满意度。

2.功能完善性

问题：

缺少用户操作后的明确反馈。

搜索功能设计不够明显，缺少搜索建议或自动完成功能。

缺少帮助文档或引导教程。

解决方案：

在用户提交或修改信息后，提供操作成功或失败的反馈。

使搜索框更明显，提供搜索建议或自动完成功能。

提供帮助文档或引导教程，帮助新用户快速上手。

预期改进：

用户将对操作结果有更清晰的认识。

提高用户查找信息的效率。

降低新用户的学习曲线，提高用户满意度。

3.数据管理和安全性

问题：

界面设计可能对色盲用户不友好。

缺少对不同设备屏幕尺寸的适应性。

解决方案：

避免使用颜色作为区分信息的唯一方式，确保界面对色盲用户友好。

确保界面在不同设备上都能良好显示，提高响应式设计。

预期改进：

提高了系统的可访问性，使更多用户能够无障碍地使用系统。

增强了系统的适应性，确保在不同设备上都有良好的用户体验。

4.视觉设计

问题：

界面设计较为陈旧，缺乏现代化元素。

解决方案：

更新界面设计，使用更扁平化的图标和设计元素。

考虑使用主题或配色方案，以提升界面的整体美观度。

预期改进：

用户界面将更加现代化，提升用户的整体视觉体验。