前天去面试实习，结合了自己被问到最多的一个面试问题以及做的一个笔试题，整理了一篇关于——“如何从需求到原型”这个过程的文章。

（下面这个是原题，当时看着的时候觉得蛮简单的，但是自己做完后就经常出现一些小问题==）

回学校后自己又重新理了一下这个笔试题，按照自己以前听网易微专业的课程学到的“GSM法则”重新做一下这个题目并拆分了下步骤。

（因为对业务需求的理解还不是很到位，所以以下仅是站在用户需求的角度进行分析，希望有不合理的地方，大佬们多多指出来hhh）

-01-

分析一下目标用户和用户需求

目标用户是指使用某一产品或者服务的典型群体，我们可以分析一下典型用户的用户需求。

可以这样拆分：

用户需求=目标用户+用户场景+用户行为+用户体验目标

那么结合题目可以分析出：

用户需求：在app里面预约空教室开会；

目标用户：经常在教室开会的大学生社团组织；

用户场景：通过移动手机app预约；

用户行为：点击预约按钮；

用户体验目标：快速找到符合要求的空教室并预约。

-02-

将目标与设计建立关联（GSM法则）

目标（GOAL）：快速找到符合要求的空教室并预约；

信号(SIGNAL)：让用户点击预约按钮；

衡量指标（METRIC）：（提高）用户点击预约教室的效率

（这里应该是有一个关于分解关键因素的步骤，比如在用户预约教室的过程中，从业务视角和用户视角去分解他的关键因素——“创造动机”，“排除担忧”，“解决障碍”，不过准备之后等我研究完设计心理学的书之后，再举例子和大家讨论hhh……）

-03-

接着进行流程设计

（这里只简略画了下功能流程图 ）

（后面的分析，侧重点是关于用户预约教室的流程，所以关于前期的注册登录，认证等流程，不会详细提及，默认此时用户已经注册登录并且认证成功）

-04-

列出流程中的功能点和信息点

选择预约日期：星期，年/月/日；

筛选：教室位置，教室大小，特殊设备；

浏览教室列表：头像 ，教室地址，教室座位数，有无特殊设备，可预约时间段，立即预约入口；

选择教室（预约信息）：教室信息（头像+地址+座位数+特殊设备），预约时间段选择，社团/部门选择，提交预约

-05-

依据流程中将次序相同，功能相近的功能分类组织在一起，得到内容组织图

（简单画了下关于预约教室流程的信息组织图，涉及到的信息层级没有很多）

-06-

根据前面的内容组织图，我们可以得出预约教室模块需要以下几个主要页面（最好可以绘制页面流程图）：

今日空教室列表页

筛选教室页面

根据日期（近一月）筛选教室页

确定日期确定时间空教室页

预约教室详情页

预约成功页

-07-

对每个页面的功能排序优先级，可以从使用频率，对产品或者是对用户的重要性程度等进行排序.

那我直接用首页举个例子，首页也就是默认的今日空教室列表

-08-

最后就是绘制原型并画出页面流程，以及撰写交互说明，我简单地绘制了几个低保真的原型图……