案例来了!手把手教你梳理产品结构(归纳法)
很多产品小白在项目阶段和我沟通,都说无法梳理出产品结构,不知道从哪里入手,这里,我们尝试从锤子时钟的世界时钟功能入手来做案例:如何梳理产品结构。
首先,我们来确定世界时钟的核心功能(世界时钟只是锤子时钟的其中一个简单的功能,根据枚举法,我们通过底部导航发现,锤子时钟还有闹钟、秒表、计时器其他三个模块的功能),很简单,就是允许用户选择多个不同的地区和时区可以放到面板上,时钟显示其中一个时区的时间,其他时区的时间通过左右滑动可以实现。
然后,让我们通过操作流程来确定世界时钟的产品功能。
- 默认会显示系统时间(手机设备的时间);
- 点击添加按钮,进入时区列表页,选中时区;
- 显示所添加的时区;
- 已经被选中的多个时区可以变更在首页的展示样式;
- 移除一个时区。
注意:用户要使用某个功能的话,从第一步到最后一步操作的整个流程就是纵向流程。当然人们都非常清楚的小细节是可以被省略掉的。在这一步里,你 主要考虑的不再是三原则,而是流程是否能走通、逻辑是否相互冲突、功能设计是否能够落地。同样,你也不需要考虑展现的层级、信息的内容。
然后,按照流程梳理完成之后,我们再来梳理我们需要在界面上呈现的信息;
流程第一歩是默认的系统时间,这里涉及的信息架构就是时钟显示,提示时间来源:系统时间。
流程的第二歩是点击默认界面的右上方“+”号,进入世界时钟列表页
在信息上显示对应的时区和国家,同时根据字母进行排序显示,点击对应字母则进入到对应的界面;已经被选择的界面则灰度显示不一样表示禁选(已经被选择,只能在主页点击删除按钮才能进行删除);
搜索功能暂时不进行细化描述,之后会推出关于搜索功能更细致的描述说明。
流程的第三歩,显示所添加的时区。
我们观察以上的界面信息:
功能层面:删除按钮、添加按钮、变更展示样式按钮、左右滑动显示不同时区;
信息层面:时区、图示时钟(早、晚、时、分、秒)、数字时钟(日期、时、分、时差)、气温
第四歩,变更样式。
再来观察,
功能层面:编辑按钮、添加按钮
信息层面:地区、图示时钟(早、晚、时、分、秒)、数字时间(日期、时、分、时差)
流程第五步,根据你显示的不同展示形式进行编辑操作;
视图展示方式——
点击左上方按钮,弹出模态试图,进行操作(文本提示,按钮)
列表展示方式——
删除方式遵循了移动端用户的使用习惯,点击编辑和滑动删除,也可以在编辑界面中点击右边的按钮进行排序调整;
最后,把流程、功能、信息整合在一起,就可以梳理出产品结构了。
由于篇幅有限,我们隐去了最后两个部分,主页变更样式部分和删除时钟的部分,如果需要原文件请留下邮箱,我会发给你噢~