作业11：界面和流程

这一步的作业，是将情感故事的文字流程转为框架界面和流程图。这是第二次绘制界面图，前一次是界面草图。这个阶段，基本上能搞清楚界面的大致内容，以及App的架构，所以主要任务就是完成主要界面的内容元素和版式（相当于机械制图的装配图）。

作业要求：选择一个情感故事流程，完成流程中的关键界面的规划，至少3个界面。用框架图方式绘制，手绘即可，即低保真界面。

原型设计是个逐步迭代的过程，需要从一个最主要的流程开始，先完成该流程的界面内容和流程。然后在此基础上，再完成另一个流程的界面和流程。每个新流程建立过程，都是对先前流程的完善和补充。这样一个个流程逐一解决，最终完成。

示范：吃货App的“美味猎奇”流程的功能规划和流程

课堂上板书示范。主要示范设计3个界面，如下。

1、“美味猎奇”的主页界面（板书示范）。方案2种：1、多个美食卡的列表方式；2、抖音式单个美食卡。美食卡包括名称、价格、主成分等基本关键信息，最热和随机3个成就卡，贡献者，等。

2、某美味如“西红柿炒蛋”的界面（板书示范）。更详细的美食卡，包含更丰富的成就卡互动内容，方案可以参考贴吧楼层。

3、某成就卡如“五味俱全”之“酸”的界面（板书示范）。可以参考游戏成就卡，做好互动。

手游《战歌竞技场》的任务卡

任务卡详情。