编辑导语：如今许多软件都有PC端和移动端的版本，PC端到移动端在设计形式上也有许多变革，好比尺寸、操纵、 *** 的差异等等；本文作者分享了关于从PC端到移动端的产物成果拆解重组的心得，我们一起来看一下。

本年九月份的时候接到一个需求，要将已经搭建好的pc端产物增加一个移动端，移动端定为小措施版本，产物的成果稳定。

其时花了两周的时间去研究产物成果、绘制移动端原型、写需求说明书；今朝该移动端产物已于十一月上线，此刻总结一下整体的事情心得。

一、PC端与移动端区别

按照已有pc页面改版，做成移动端应用，需要先相识两者的差异点。

按照一般履历，我们可以知道PC端与移动端有以下区别：

屏幕尺寸：移动端的便携性使得它的屏幕面积比pc端小很多，可容纳的信息在空间上整体被压缩。

操纵 *** ：移动端由拇指操纵，拇指长度有限因此有拇指热区，pc端用鼠标操纵，全区域易操纵。

*** 情况：移动端 *** 不不变，受差异场景下的 *** 影响，会呈现很多异常环境，pc端的 *** 环境较移动端不变。

由此我们在移动端设计上，要思量信息的可容纳度、拇指热区、异常页面。

二、产物成果布局

先看pc的前端页面，如下图，这是一个很常见的pc前端页面，有搜索、轮播图、小我私家中心等。

在将设计移动端成果之前，我们先相识原产物的设计逻辑，知道产物原本的成果布局，才气在原有基本长举办改革。

该产物的定位是垂直规模在线教诲教室，用户群体为当局构造人员，具有课程单一、受众少的特点。

在成果设计上，由首页、课程广场、在线大课堂、案例评析、精英名师、小我私家中心六个模块构成；同时小我私家中心包括培训打算、测验中心、我的勾当、我的后果、选课广场、存眷讲师、保藏课程七个模块——这是一个成果较多的在线教诲进修网站。

三、产物成果优先级

在分列成果优先级前，接到需求，在线大课堂模块在产物V1.0版本临时不做。

因此我们将剩下的成果倾轧优先级：

焦点成果：课程广场、培训打算、测验中心；

重要成果：案例评析、精英名师、选修广场；

一般成果：我的后果、存眷讲师等剩余成果。

四、移动端成果布局机关

移动端为小措施版本，团结小措施轻量、简捷的特点，我们需要在原有成果上做一些删减，同时将重要的成果放在显眼位置，利便用户在特定场景下操纵；只需将首页、课程、培训、我的这四个焦点成果作为标签；重点把pc端的培训打算和小我私家中心举办拆解，组合成适合小措施的轻量全面的产物。

在下文中，将选择移动端的“培训”标签来重点讲我的在设计中的考量。

五、PC端的小我私家中心

PC端的机关逻辑除小我私家中心外都简捷明白，首页是课程广场、培训动态、在线大课堂、案例评析、精英名师的推荐位；课程广场包括全部课程资源；在线大课堂指课程直播；案例评析包括相关规模案例和专业评析；精英名师涵盖所有课程的讲师——在上述模块中重点是课程广场里的课程资源。

小我私家中心涵盖的对象较多，也较量杂。

1. 缺点

1）左侧边栏无关的模块只是摆列，布局杂乱，成果的优先级不明晰；小我私家中心将焦点成果培训打算，和一般成果我的勾当、存眷讲师放在一起，会造成培训学员对培训打算的利用场景和成果不明晰，培训学员在刚打仗所谓的培训打算时会较量苍茫。

2）在整个产物的定位中，培训打算应属于焦点成果，学员均需在此在线教诲评残参加培训，需要突出此成果及关联成果。

下面我们列出成果相关性。培训打算是包括靠山打点员设定好的课程（选修课、必修课）和测验中心模块的，所以在培训模块里，培训打算、测验中心、选课广场关联性是很大的。

该产物涉及到的人员有两类，一类是成立培训打算、开设测验的打点员，一类是参加培训的培训学员。