美文网首页产品UX(UE)移动设计
髋关节置换术后康复--APP交互及界面设计

髋关节置换术后康复--APP交互及界面设计

作者: Subber_Ji | 来源:发表于2016-02-21 12:20 被阅读226次

    面临的问题及解决方式


        髋关节置换术后患者常常面临一个这样的问题:出院回家之后缺乏正确的康复指导,日常生活活动能力受到一定的限制,导致患者康复进展缓慢。

        作为一名康复科医生,我们关注的重点通常放在患者的日常生活活动能力各个细节方面,在工作当中我们常常会被患者问及髋关节置换手术之后家庭中一些简单而具体的日常动作(如步行、上下床、如厕等)该怎么做,有些活动会不会影响手术效果造成不利影响。进而我们就考虑是否在家庭康复方面我们的工作是否有所缺失,但实际并不是这样,在出院之前会有专业的康复医生进行指导,一些该做的和不该做的都会向患者进行口头和纸质宣教。所以我们考虑到仅仅是口头及纸质宣教还不够,考虑到患者的年龄层次需要一些动态的简易的像一位家庭康复医生一样随叫随到的康复指导方式。

        考虑到现在康复医生资源紧张,以目前的资源条件是不可能每个患者安排一位康复医生的。所以我们寻找是否有替代的方法进行有效的康复宣教。我们提出方案有手机端APP展示、微信公众号推送,CD制作派发、电话随访等等。综合考虑还是认为手机APP内添加视频制作后供患者下载最有可行性。


    设计前的思考


    与该APP相关联的词汇

    专业  患者应该感觉这几乎是一款可以代替医生的专业性医学APP

    安全  患者按照APP上指导不应出现任何影响病情的不利情况

    简单  软件的内容应该是易于普通患者理解的,不应出现太过专业化的词汇

    易用  软件的操作应该是无任何歧义,适合普通大众使用

    清晰  软件的内容应该足够清晰,具体的细节及动作时间顺序应一目了然


    APP定位

      一款向髋关节置换术后患者出院后提供全面日常活动康复指导的宣传类软件


    APP所具备的功能

    1.  提供快速查阅日常活动各项动作细节

    2.  提示各项活动的安全范围,提示禁忌症

    3.  如遇特殊问题,患者可以有提问的空间


    用户研究


    人物模型

    人物角色关于智能手机使用方面的调查

    1.  在医院中工作时观察到绝大多数的髋关节置换术后患者年龄在40岁以上,年龄层集中在50-70岁之间。

    2.  患病率在性别方面无较大差异。

    3.  患者绝大多数有智能手机,但使用时会面临一些困难,如不知道有些图标、按钮的含义。

    4.  并且大多数患者抱怨手机屏幕太小,看不到屏幕上的字,所以视力相较年轻人差。

    5.  对于这些中老年用户,手机文字输入也是他们面临的一大困难。

    人物关于智能手机使用方面的特征分析

    1.  年龄较大

    2.  app在性别上不需有重点偏向

    3.  对新事物学习理解能力欠缺

    4.  视力有障碍

    5.  手机打字输入有障碍


    人物与该款APP之间的交互分析


    交互分析

    原型设计


    交互流程

    导航页

    0.  第一次打开app时会有引导页(后面会有具体说明)。

    1.  打开app首先进入导航页 ,用户根据自己的兴趣及痛点选择相应的训练项目,往往患者第一次使用时会对多个细节进行大致浏览,所以简便的返回及撤销显得尤为重要。

    2.  当点击具体选项时,该选项的图片的文字进行高亮显示,图片亮度降低,松开时文字低亮度显示。

    3.  当用户长按具体选项,所有项目进行轻微抖动,可以向上及向下移动具体项目的位置。

    内容页

    1.  当导航页具体选项进行点击后,内容页从右至左划入界面。

    2.  视频自动播放,并循环。在播放过程中用户点击视频后底部显示进度条,右侧显示音量调节。

    3.  内容页不设置整页滑块,若注意事项栏文字过多需要滑块,则在注意事项栏内设置局部滑块。

    4.  手机横向时,视频全屏播放,不显示注意事项。

    5.  用户点击帮助按钮时,出现非模态对话框,显示具体信息。点击其他地方时对话框消失。

    6.  点击返回按钮导航页从左侧滑入。

    7.  在视频区域外进行左右手势滑动时,按顺序滑入相邻的内容页。

    8.  考虑到用户可能视力较差,注意事项内的所有文字都应该在视频内容中通过语音方式展现。

    引导页

    引导页

    1.  第一次打开app时出现,以后不再出现。

    2.  打开app后,第一个选项正常显示,其他所有区域都加一层黑色透明蒙版。在第一个选项下面显示“点击”二字。

    3.  当用户点击蒙版区域时,点击二字放大显示。当用户正确点击时,进入内容页引导。

    4.  当用户往左滑或往右划时,显示正常的内容页。引导完毕。

    UI设计


    ICON设计

    icon设计产出及思路

    界面设计

    导航页 内容页 点击帮助后页面显示

    相关文章

      网友评论

      • 东南骨外:一个髋关节训练app帮助更多的人训练,很不错定时做哪些运动。

      本文标题:髋关节置换术后康复--APP交互及界面设计

      本文链接:https://www.haomeiwen.com/subject/ffpvkttx.html