app用户界面设计大作业.doc

《app用户界面设计大作业.doc》由会员分享，可在线阅读，更多相关《app用户界面设计大作业.doc（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、用户界面设计说明书版本号：3.0教学站：杭州前进 学号：201812925310039 姓名：詹浩裕医护app用户界面设计说明书修订历史记录日期版本号修改说明修改人核准人1.0制定大纲及编写正文XxxYyy2.0修改界面设计规范XxxYyy3.0修改主要界面设计XxxYyy目录1引言21.1编写目的21.2项目背景21.3主要功能22应当遵循的界面设计规范32.1用户界面设计原则32.2界面一致性42.3布局合理化原则43引导页54主界面54.1主界面54.2登录页面64.3各子界面75美学设计106 界面资源设计106.1图标资源107 投诉与建议111 引言1.1编写目的本文档是对系统界面

2、设计风格进行描述，和用户交互的最终界面在详细设计说明书中设计和解释。1.2项目背景主要针对的用户群体为全国三甲医院的专科护士，主要的功能有：对院内院外用户进行管理，提供随访评估所需的内容与工具，查看用户日常病程变化，为用户私人定制康复计划，与用户进行即时沟通，并在线回答用户问题。1.3主要功能患者端主要的功能有：查看宣教内容，根据护士为其制定的康复计划，完成周期性康复内容。实时监控自身病情变化曲线，并可及时与护士进行沟通，使问题得到快速的解答。2 应当遵循的界面设计规范2.1 用户界面设计原则基于用户群体的特性，产品整体采用比较简单干净的风格，多用于圆角的设计是为了增强亲切感。弹出框、icon

3、等设计多采用圆圆的饱满的设计风格，使整个画面更加亲切！界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.2 界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。2.2.1 显示信息一致性标准2.2.2 布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按tab键,移动聚焦的顺序不能

4、杂乱无章,tab的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。该系统的界面设计布局力求简洁、有序、易于操作。3 引导页 4.主界面4.1主界面4.2登录界面用户登录看护系统的界面，是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户可以选择登录权限即“用户”、“管理员”登录。为防止可能出现的恶意攻击，登录时设置了验证码。4.3各子界面5美学设计本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的内容、简化用户操作、提高操作的效率、应用安全等一般原则

5、。对于用户问题和要求表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度上便于用户的习惯使用方式。6界面资源设计6.1图标资源7投诉与建议- 12 -说建与书资图设源本式用：习用.上程性和性具面，满很表求题对则一用、作提操化、忆要避、交提户以。设人了设界各码验设录，的现止。”理户“限选户时登全息系来，的页到录必，界页立个面统看录界录界主界 导作操序洁求布面系。位较窗应位靠序 件的重入输。至下从序顺 无能序动移 中一观面得性的息信件所内个原化标一致保确信误显、格签体在方表相使件控使既一性面持应计性性成完确须设界。加作把意按由是，、何如制由应用所理决程用该心处是中软该设界加更使格的的用计等

6、 框。亲为设圆用风干较采体性体户原原规设的答的快问通进与及线变身控。内期周计的其护根教看能要功要题问答在，时进，康定用化程户查工内需评供理户外内有的，科院国全用背项释和中明设面的户用行格设界目写引 建 0资 0 0设面 0 0 学 0 面各 0 0 页 . 0 0 面 00 00 _ 界 0 0 导0 0 则化布 0 性一界 0 _ 0 _ 则面用. _ 0 规设界应 能功 0 _ 景项 0 0 目 . _ 言 0 - 目 设界. 规设. 正编.准改说本日记史历明说面户浩詹 0号进杭：- ：进 户说历本改编 设目- 目 0 _ 能 应设 _ .面 一 布 0 界_ 0. 0各面 设0 0 建 界行的面和释全，的户供查程康进，题能教的期控身进快的规户采风设亲 计使界设是心理用如，是作加须性应性使件表签显确一原内息性观中动 从至的件位较。求作 界看面页必到来登时户。止录验界人以避要操用则求，具程习式图 - 12 -