第七章 设计开发与整合

图7.58  英语移动学习软件界面主情境树

    4．信息交互设计
    信息交互设计主要人与产品的交互流程以及信息的架构与设计，包括菜单设计、硬件界面的定义以及交互设计文档等。在具体开发设计工作中，需要完成“英语多味堂”、“娱乐休闲吧”、“商务百宝箱”、“交流易空间”和“兜兜的状态”五个节点以及下层节点所有的信息构架、交互流程设计和spec文档。
    信息架构是信息交互设计中重要的环节，决定了软件的操作形式和方式。在本研究中，我们采取纸面原型的方式，列出每一个功能的交互模型，并在Visio软件中表现出来，同时进行用户评估和内部评审。
    在设计交互流程的同时，还要勾勒出相应的界面草案，以视觉化的形式提供给项目小组讨论，以便方案确定后提交给界面设计师作为参考。界面草案可以是低保真的纸面原型，也可以是高保真的设计界面。以“一读天下”情境模块为例，图7.59所示的是“一读天下”的交互设计示意图，图7.60所示的是对应的界面设计方案示意。在“一读天下”模块中，文件采取mp3播放形式，用户可以边听边看，以此提高单词的识记程度和语感，根据阅读文件的时间，增加宠物的状态值。

图7.60 “一读天下”界面方案示意

    图7.61所示的是“写作甜心”的交互设计示意，图7.62所示的是对应的界面设计方案示意图。“写作甜心”模块是对命题进行写作练习，运用手机的短信和上网功能，上传至网络或者发送给好友，交流修改，提高英文写作水平，加强和好友的交流互动。

图7.61 “写作甜心”交互设计示意

图7.62 “写作甜心”界面方案示意

    5．界面设计
    界面设计包括角色设计、图标设计、背景设计、整体界面设计和界面设计文档等。
    在软件产品的实际操作过程中，界面与用户接触是最多的。由于每位用户的背景不同，偏好不一样，每个人都可以对界面设计提出很多不同的见解。根据用户调研的结果，我们设计了三套界面方案，邀请了10位在校大学生用户进行了评估，最终确定了如下的界面设计方案。