一：行业介绍

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

1：UI设计师工作方向

UI设计师培训主要有三个方向，图形（视觉）设计师、交互设计师、测试研究工程（前端），目前市场上主要UI设计多指视觉设计

二：UI培训市场环境

1：UI行业前景

UI从业人数：276万人

UI人才缺口：据前程无忧照片网统计，平均每日超过3500个招聘职位，地区主要分布在北上广等一线互联网发达地区。

UI设计岗位需求：根据2015年权威数据显示，中国总设计师人数为2100万，平面设计师51万。互联网设计师仅17万，单纯的移动端UI设计师只有5万，与行业人需求仍有一定差距，所以UI培训市场还是具有巨大潜力。

2：UI培训模式

UI培训为互联网行业迅速发展所连带培训行业，目前培训模式分为线上视频/直播授课，线下开班上课，线下小班精英培训三种

2.1线上培训课程模式

线上培训课程可分为免费和收费两种模式，免费课程多为独立的单课程，不成系统。而成系统的进阶课程，多为收费课程。

2.2线上线下培训优劣势

2.3行业现状分析总结

现阶段垂直类的在线UI设计培训竞品不多，没有出现绝对的领导品牌和典型的代表性产品。大多数涉及多个分类，并且较为突出的多以技术编程起步，课程体系并不完善。

培训行业多为课时开班上课，先付款后上课。且录播多余直播，行业传播多以口碑传播。大的平台均有口碑问题。

三：竞品整体评估

1.1慕课网

慕课网百度指数11374，整体有明显增长趋势。

根据百度指数提供的需求图谱来看，慕课网品牌词与UI关键词几乎没有关联，从课程内容上来看，慕课网UI设计课程是最少的一个模块，只占总课程的2.9%。

因此，可以看出慕课网在UI设计培训上暂没有重视，但其优秀的产品体、内容运营、较低的客单价，都有机会成为一个教程强的竞争对手。

1.2麦子学院

麦子学院百度指数1011，整体呈现平稳状态，是一个攻击性不强的网站。在2016年4-5月出现一次波峰，结合新闻舆情，猜测是由于与阿里云达成战略合作。但其后并没有明显增长。

1.3：优优教程

优优教程自5月上线以来，其IP增长较快，主要是优设网倒流，占网站流量来源的80%，优设可以看出团队对其的重视，且其优质的内容、免费教程的模式都使其成为一个不容忽视的竞争对手

2：范围层（直接竞品为主）

课程方面，麦子学院课程最为全面， 优优教程课程形式最为复杂，包含图文教程、视频教程、外文翻译教程。

特色功能方面，同样以课程费为营利手段的慕课网和麦子学院，都为学员提供了交流平台。慕课 网学员互动方式较多，但缺少在线客服为用户解疑，优优教程前期重点在内容生产机制上，产品相对比较轻量级，体验和功能略有欠缺。麦子学院提供课件下载、优优教程还提供课件、相关软件、教程素材下载。方便用户学习。

3：结构层（直接竞品为主）

3.1：慕课网

慕课网框架结构整体较宽，分为课程、职业路径、实战、猿问、手记、消息、购物车、个人中心几大功能。慕课网产品已相对成熟，延生出许多辅助功能，例如社交模块—猿问，积分商城等功能。

问题：

A：我的课程功能隐藏较深，

B：购物车存在的必要性不高，可替代性强

C：职业路径、实战傻傻分不清楚

3.2：麦子学院

麦子学院结构简单，主要包括职业课程、免费课程库、个人中心三大块内容。侧标签栏结构有别与其他产品，强调了整站分类结构，最大程度的为职业收费课程分类分流。

从其分类结构上可以看出，麦子学院在it教育培训行业中，内容丰富度相对较高，网站战略已往IT行业教育发展。

3.3：优优教程

新站成立5个月，整个产品比较轻量化，产品结构简单，分为教程、软件（下载、使用教程）设计师、各站倒流入口四块内容

教程分类及内容还在逐步完善中，从现有分类中课可以初步判定优优教程主要走设计师垂直市场，内容上产以UGC为主。

4：表现层（直接竞品为主）

4.1色彩体系   

优优教程虽然品牌色相对丰富但受内容量和条目展示方式（下一页会具体描述）影响，整站色彩相对平静，饱满度不高，色彩丰富度也相对较低。用色过于保守，沉稳。相比较有种老干部的气质。

麦子学院和慕课网，由于条目展示均采用高饱和度的色块卡片式结构，热情、明快、年轻化。贴合的20-30岁的目标用户。

4.2条目性感度与防错

4.2.1慕课网

慕课网条目为卡片式设计，主要有两种形式

a：首页和分类页的单卡片形式，条目尺224*230，每排五个，一页最多展示25个条目

b：职业路径分类页的多层卡片叠加形式，

条目尺寸：276*328 每排4个，一页最多展示30个条目

职业路径使用多层卡片叠加的目的是为突出单个条目内含有多个课程，在产品定位和用户认知上与其他分类做区分。

性感度：

卡片式交互，给予网站很好的视觉一致性，且易于设计上的迭代。且良好的交互反馈，具有互动感，更为吸引眼球，易于页面转化

防错：

高纯度图片设计是按颜色来区分分类，对页面视觉丰富度起到很关键作用，但每个条目图片各不相同，图片风格要求较高，对产品运营需要考验解决图片问题。

4.2.2 麦子学院

麦子学院条目设计有像慕课网发展的势头，但分类页还保留老板图片加文字形式，

A：首页条目尺寸：206*146  单排展示5个

B：分类页条目尺寸278*252 单个展示3个，单页展示15个

首页为各分类展示推荐条目，页面本身不易过长，采用新的卡片样式，在空间上降低单个条目尺寸，在内容上又能展示更多内容，且视觉美观度和页面一致性都要高于分类页样式

列表页条目卡片课程配图占据大面积空间，成视觉中心区。且每张图都为单独上传。图片质量成为转化关键，对图片内容、质量和风格均又要求，维护成本相对较高。

首页条目去掉了多余的信息，将视觉中心集中到课程名称上，但课程名出现重复，单个题目只有学习人数，缺少刺激转化的课程信息，

4.2.3优优教程

首页条目为精选推荐，采用大图+课程信息的当时展示，条目尺寸：262*310  单排展示4个。与麦子学院不同，优优教程条目所使用图片来自教程截屏教程设计成果，维护简单。但对普片传达的内容信息不好把控，对整站页面风格和视觉也不好把控。对视频的判断离不开30字符内的教程名称。

列表页条目采用左图右文的展示方式，条目尺寸：870*268  单排展示1个，单页展示20个。优势在于，可以假装有很多内容量，非常适合产品前期内容过时期使用，缺点美观度不够。

课程赠送资源，是课程额外福利，建议强调一下，优优教程的赠送资源，包括软件下载、软件插件、课程素材包。均是为学生学习提供方便。干货包对学生来说还是有很大的吸引力的。

5：表现层（直接竞品为主）

5.1首页头屏

产品头屏三要素，我是谁  我有什么   那些内容吸引着你，从而实现头屏转化。

A：头屏设计中，优优教程更为简单粗暴，也由于产品刚起步，所以产品内容和框架都有待完善中，

B：慕课和麦子相比，麦子的首屏第一层转化更有力度，一级类目选择一种更为清晰的方式展现，热门课程使用岗位目标薪资来直击用户需求点，头屏banner又利用用户贪小便宜的心理，推出500万助学红包来吸引用户。

C：竞品的产品框架都比较强分类，弱搜索。搜索内容均为免费基础课程。

5.2课程列详情页

课程详情页：优优教程较慕课网和麦子学院少一层转化，单独分析。慕课网与麦子学院的课程详情页框架结构差异不大，主要差异在于特色功能的差异。慕课网提供讲师问答，和课程笔记帮助学习。麦子学院提供课件下载。

课程播放页：慕课网与麦子学院的课程播放页与课程详情页存在很多功能重复问题，慕课网的课堂工具更为丰富，可提问评论，主要可以查看课表。方便用户随时记笔记解疑惑，切换课程。麦子学院更重视讲师效应，视觉只集中的播放器区域大篇幅介绍导师，同时可以向导师提问。

优优教程的课程详情页分两种，1：系列课程，包含课表，如右图，2：单个课程，不包含课表，两种形式均是一个页面完成。如同，优优课程的播放器体验较差，左侧课表不可收起，学习过程中占据三分之一的页面，  视频播放器右侧自带弹幕设置区，也是不可收起，体验较差