从整理看视觉设计（网易云课堂我的学习中心－微专业视觉优化）
此文已由作者张玲滢授权网易云社区发布。
欢迎访问网易云社区，了解更多网易技术产品运营经验。
最近又重新看了《佐藤可士和的超级整理术》，这本书介绍了在信息处理阶段的一些思考方法。从实物整理、信息整理、思维整理三个层面阐述了这一思考方法和其自相似性。 思维整理和实物整理在方法上没有太大差别：分类，排列，删减，根据自己的需要重新把他们放到合适的空间。自认为没有办法把生活过得像他那样井井有条。但想学习面对需要解决的问题时，如何在各种复杂混乱的信息中，把重要和关键的信息梳理出来，最终得到一个满意的问题解决方案。
整理术中讲到了几点方法论：1、明确具体的目标 2、根据关联性对所有资料进行分类 3、确认并保留重要内容 4、排除无用以及关联不大的部分。那么如何运用到我们平时做视觉稿中呢？我尝试着去做了，虽然还不成熟，但是感觉会比以前考虑更多面对问题时的处理方式，有新的领悟。个人认为最难的在于舍弃和推翻固有的思维重新组建。
以下分享一个我在设计云课堂我的学习微专业模块视觉样式的一些心路历程吧～下图是我的学习微专业模块改版的交互稿：
拿到交互稿之后我开始逐步分析：
1、明确具体的目标：微专业作为成体系的课程组合，在添加后被分散成单课后加入到“我的课程”中，使这些课程之间的联系丧失了。因此希望微专业可以作为一个整体被加入到“我的学习”中，保留组合课程所有的逻辑联系，同时也减少“我的学习”中的无用信息，减少用户的筛选成本。
2、根据关联性对所有资料进行分类：根据交互稿中的信息提炼了页面需要呈现的内容
根据内容，对交互结构进行了优化，把所有的元素根据整体网站的风格和网格，合理的分布在页面中。根据线上真实数据，舍弃了交互稿中轮动展示课程的体验，把课程全部铺出来，方便用户一目了然的看清楚需要学习的课程。
从而有了第一稿视觉稿（如下）：
做完之后我问自己，好吗？满足目标需求么？所有的元素都是必要的吗？页面设计可用性高吗？……
我重新审视了最初的目标，“微专业作为成体系的课程组合，在添加后被分散成单课后加入到“我的课程”中，使这些课程之间的联系丧失了。因此希望微专业可以作为一个整体被加入到“我的学习”中，保留组合课程所有的逻辑联系，同时也减少“我的学习”中的无用信息，减少用户的筛选成本。“策划反复强调了” 为了促进学习，要有升级打怪一样的体验。“
而我第一稿中，一是，虽然把每一门微专业包起来了，但整体感不够，没有微专业体系化教学模式的感觉，更像是一个课程包，一眼看到的还是单门的课程。二是，没有进阶性，没有促进用户学习的元素。
其实在整理的过程中我们往往只会做到前面两点：粗略的分析目标和分类已有的信息，而忽视了最重要的：确认并保留重要内容，排除无用以及关联不大的部分。
于是我重新梳理了内容信息：
1、增加了微专业的课程图片和减去了单课课程卡片，削弱课程的概念而增强微专业体系化的教学服务模式。
2、增加整体的学习进度，突出教学模式，激励用户完成学习。
3、卡片做了开课和未开课的区分，未开课中间的锁，增加游戏解锁的趣味性，同时也是突出整个微专业的学习顺序和进度。卡片课程标题字放大，突出学习模块，增加了学习按钮引导用户进入学习。进度条和整体进度统一，完成后用打勾的形式满足用户的成就感。
4、默认第一个展开，其余收起，为了提升用户沉静式的学习。增加了置顶功能，方便同时学习多个微专业之间的操作。
得到了第二稿，有没有好一点呢？可能还不够完美，但自认为比第一稿好很多。突出了微专业整体性和
在整体的过程中，不断地删除，不断的重组，不断地问自己“什么是最重要的”，可能是我们在遇到瓶颈时可以做的一些事吧～
免费体验云安全(易盾)内容安全、验证码等服务
更多网易技术、产品、运营经验分享请点击。
相关文章：
【推荐】 当前安卓App加固到底该如何做到防篡改?
【推荐】 kubernetes大概的工作原理
从整理看视觉设计（网易云课堂我的学习中心－微专业视觉优化）相关推荐
- 网易云课堂Java进阶学习笔记系列01 -- 第3周 对象容器
个人为了复习一下Java基础, 在网易云课堂上报了翁恺老师的Java语言程序设计进阶篇的课程, 主要看了其中的3. 对象容器, 6. 设计原则, 7. 抽象与接口, 8. 控制反转与MVC模式这几部分 ...
- 网易云课堂web安全学习第七天——了解点击劫持
第一 什么是点击劫持 通过覆盖不可见的框架误导受害者点击而造成的攻击行为 特点:隐蔽性高 骗取用户操作 UI-覆盖攻击 利用iframe或者其他标签的属性 第二 他是如何实现的 & ...
- 网易云课堂Java进阶学习笔记系列03 -- 第7周 抽象与接口
第七周 抽象与接口 在第一周就有一个Shape类的例子.这个类有很多的子类,每个子类也都实现了父类的方法.实际上父类Shape只是一个抽象的概念而并没有实际的意义. 举例案例理解 如果请你画一个圆,你 ...
- 网易云课堂web安全学习第七天——了解url跳转漏洞
第一 url跳转漏洞是什么 借助未验证的URL跳转,将应用程序引导到不安全的第三方区域,从而导致安全问题 比如:http://www.baidu.com?url=www.longaotian.cn 第 ...
- Day 9 : Spring框架网易云课堂教程1～22
Spring视频教程 JavaGuide中对Spring一些资料的整理 准备跟着网易云课堂的Spring教程先过一遍Spring框架的基础知识. 但是感觉视频有点过时,所以不用跟着视频教程把所有代码和 ...
- 网易云课堂--软件工程学习心得
网易云课堂–软件工程学习心得 一.软件工程实验 通过十周的学习,老师要求的网易云课堂–软件工程的学习,终于结束了. 从开始的对linux平台的不熟悉,到能够熟练运用linux书写代码,我相信大家和我一 ...
- Python爬虫入门教程 21-100 网易云课堂课程数据抓取
写在前面 今天咱们抓取一下网易云课堂的课程数据,这个网站的数据量并不是很大,我们只需要使用requests就可以快速的抓取到这部分数据了. 你第一步要做的是打开全部课程的地址,找出爬虫规律, 地址如下 ...
- 网易云课堂解析_网易云课堂课程下载教程
网易云课堂不能下载视频,缓存打不开? 记: 网易云课堂.中国大学mooc这些学习平台确实大大方便了我们这些工作党学习,之前一直用的是手机客户端看视频,但是由于换手机啊,清理垃圾啊,手机储存容量各种原因 ...
- python数据抓取课程_Python爬虫入门教程 21-100 网易云课堂课程数据抓取
写在前面 今天咱们抓取一下网易云课堂的课程数据,这个网站的数据量并不是很大,我们只需要使用requests就可以快速的抓取到这部分数据了. 你第一步要做的是打开全部课程的地址,找出爬虫规律, 地址如下 ...
- 网易云课堂解析_使用SQL分析网易云课堂职场提升类课程
前言: 正值毕业季,职场相关话题毋庸置疑又再次成为热门话题,结束学校生活并不意味着学习的终结,真正走入职场才会发现学习才刚刚开始.许多职场人士为了在激烈的市场竞争中保持竞争力,都会选择在工作之余学习充 ...
最新文章
- linux 自定义外壳,管道在自定义的linux外壳
- Android 美团Robust热更新 使用入门
- Word 2007中隐藏段落和格式标记
- 计算机控制读书报告心得,计算机控制系统读书报告
- python下RSA加密解密以及跨平台问题
- 微软携手红帽，共筑开源新未来
- python同步应用：多个线程有序执行
- 【Python】Matplotlib绘制三维散点图
- linux手动生成dump文件权限不足_linux下生成dump文件方法及设置
- python center函数_数据类型和数据结构（三）：字符串(4) 字符串内置函数(1)
- 关于MYSQL的 insert 的一些方法说明
- js table 生成序号_CSS Counter 以及 CSS content 内容生成技术的实用价值
- larveral 直接拷贝安装_做一个能引导所有系统的安装盘
- c语言编程绝对质数,c语言求绝对素数
- 维纳滤波(Wiener Filter)
- pytorch模型转onnx Exporting the operator _thnn_fused_lstm_cell to ONNX opset version 9 is not supported
- php 图片上加文字,PHP语言之给图片添加文字(支持中文)//PHP函数
- 标签打印软件如何制作医疗废物标签
- 【测绘程序设计】——角度与弧度的转换
- 转摘--Dism 编辑Windows WIM 文件