搜索
教学站：杭州前进学号：201812925310039姓名：詹浩裕医护app用户界面设计说明书修订历史记录日期版本号修改说明修改人核准人1.0制定大纲及编写正文XxxYyy2.0修改界面设计规范XxxYyy3.0修改主要界面设计XxxYyy用户界面设计说明书版本号：3.0-1-目录1引言...................................................-2-1.1编写目的............................................-2-1.2项目背景............................................-2-1.3主要功能................................................22应当遵循的界面设计规范.................................-3-2.1用户界面设计原则....................................-3-2.2界面一致性..............................................42.3布局合理化原则..........................错误!未定义书签。3引导页.....................................错误!未定义书签。4主界面.................................................-5-4.1主界面..............................................-6-4.2登录页面................................错误!未定义书签。4.3各子界面................................................75美学设计..................................................106界面资源设计.............................................106.1图标资源...............................................107投诉与建议................................................11用户界面设计说明书版本号：3.0-2-1引言1.1编写目的本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。1.2项目背景主要针对的用户群体为全国三甲医院的专科护士，主要的功能有：对院内院外用户进行管理，提供随访评估所需的内容与工具，查看用户日常病程变化，为用户私人定制康复计划，与用户进行即时沟通，并在线回答用户问题。1.3主要功能患者端主要的功能有：查看宣教内容，根据护士为其制定的康复计划，完成周期性康复内容。实时监控自身病情变化曲线，并可及时与护士进行沟通，使问题得到快速的解答。用户界面设计说明书版本号：3.0-3-2应当遵循的界面设计规范2.1用户界面设计原则基于用户群体的特性，产品整体采用比较简单干净的风格，多用于圆角的设计是为了增强亲切感。弹出框、icon等设计多采用圆圆的饱满的设计风格，使整个画面更加亲切！界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.2界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。用户界面设计说明书版本号：3.0-4-2.2.1显示信息一致性标准2.2.2布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。该系统的界面设计布局力求简洁、有序、易于操作。用户界面设计说明书版本号：3.0-5-3引导页4.主界面用户界面设计说明书版本号：3.0-6-4.1主界面4.2登录界面用户登录看护系统的界面，是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户可以选择登录权限即“用户”、“管理员”登录。为防止可能出现的恶意攻击，登录时设置了验证码。用户界面设计说明书版本号：3.0-7-4.3各子界面用户界面设计说明书版本号：3.0-8-用户界面设计说明书版本号：3.0-9-用户界面设计说明书版本号：3.0-10-5美学设计本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的内容、简化用户操作、提高操作的效率、应用安全等一般原则。对于用户问题和要求表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度上便于用户的习惯使用方式。6界面资源设计6.1图标资源用户界面设计说明书版本号：3.0-11-7投诉与建议用户界面设计说明书版本号：3.0-12-