用户体验相关设计第一课

之前多多少少的看过关于交互设计UI设计和用户体验设计相关的书籍，因为这些是我感兴趣的东西。一个按钮的位置，一篇文章的字体大小。一个APP的交互层次等。只要用户用着很舒服，流畅，我就会觉得很开心。但我太懒惰了，零敲碎打的只是总是串不起来，在公司做的是前端，想设计，不会PS 不会AI，也就平时用用ARP，mockup画个大概。这就相当于有脑子没有手吧。说白了就是缺乏自己学习设计技术的动力。也许真是得有人亲口教我，我才能跟着一个节奏长时间的思考这些。又正好加上领导让我来做用户体验，公司也就我一个人负责这里，找到不合理的地方，重新设计加前端实现等等工作都一个人负责。虽然我认为设计应该更锻炼我，而不是天天调浏览器的兼容性，但无奈知识和技术储备不足，所以最后我决定报了一个周末用户体验班。好好地学习一番，并跟现在公司产品AND自己的小项目相结合。

8周，每周日上午9:30--12:00 下午1:30-6:00

今天讲的是第一课，上午前一个半小时就算是开场了，老师的个人介绍，用户体验重要性和前景的介绍等等。我认为比较有价值的一下几点（也许其他书里也都看过，无奈本人太懒，非得人逼着给我讲我才能吸收）

首先是如何评价一个产品的好坏。切记不要零敲碎打的去评价，比如这个界面不友好，这里乱，这里意思不清楚。应该讲出层次。

首先，从视觉设计来讲。。。。。。

其次，从功能业务上来讲。。。。。。

再次，从交互层面上来讲。。。。。。

最后，从盈利（市场层面上来讲）。。。。。。

至少这样别人听着也觉得你说的有点层次=。=。。。

后来我想过如何评价webtrnsns，这也是我现在的工作，优化webtrnsns平台。

1. 首先，从视觉上来讲。。。 之前可以说没有任何视觉。。。 

现在至少可以切换各种模版。模版都是从新浪微博上扒下来的，虽然尽量找符合webtrnsns平台的了，但总是觉得很怪。不过至少从色系搭配上，我觉得还是比较好的。。毕竟是新浪拿过来的。。。自己本身就不懂视觉实在是不知道如何评论了。

2. 功能业务和功能上来讲，主打在线学习和社交我个人觉得是没有太大问题的。但是有个小疑问，社交是不是我们强加给用户的目的呢？我觉得一半一半，或者至少现在的webtrn有一点点强加进去的感觉。

虽然教育社交是网站的核心价值。但是现在明显更偏向的是学习功能。用户在上面更多的目的是学习。这可能跟我们的目标人群有关。SNS核心我认为有两点，一点是用户的社交关系链，另外一点就是资源。这些都是校内和微博所具有的。 而我们如果说一个班上课的人算是用户的社交关系链的话。那我们缺少的就是调动他们的资源。班级里面的事务会通过通知的方式告诉大家吗？这些他可以一上线就看到吗？ 同一个班级的人可以在网站里面有什么可以一起讨论的内容或者地方吗？现在的SNS只不过是每个人发个状态，并且凌乱的呈现在首页罢了。 如果校内没有分享，那么大家产生的话题就越少。我觉得一个班级里面，产生的话题应该是班级通知，动态，或者谁谁谁在班里论坛里说的什么而产生的。

3. 从这一点来想，那么交互等面上，现有的交互设计并不能体现网站的核心价值。我认为如果要想做出社交的功能，那么在首页上一定要展现出吸引他关注、跟他相关并且愿意参与讨论的内容。包括各个培训班的新鲜事（可以是XX传了个资料，XX老师共享了个课件，课程通知等等）

4. 其次，左侧的工具栏十分凌乱。我的班级和推荐班级是什么关系？订单为什么在学习辅导里？等等等等。这应该是开发的时候想到什么就加什么的后遗症吧。

盈利方面我真的不懂，就不多说了。既然是个项目转研发的产品，至少现在项目上还是有很多的收入的。如果要是个纯运营的产品的话。我不认为现在的教育环境和现状能够让webtrn盈利

之后老师又讲到了优秀设计的8个原则:

1.商务 满足商业目标

2.任务 满足用户使用目的

3.易用 对新手友好，流程最短，使用便捷。

4.一致 交互设计，控件元素的一致性

5.清晰， 主模块主功能清晰，

6.反馈，良好的操作反馈。

7.友好，实时帮助，柔和提示

8.极简（这个再议=。=。。）

我认为前面7个都很正确，同样我们可以通过这些原则来判断现在的产品是不是一个好的设计。第八个我觉得跟易用等是一样的。或者说它是一种流行的设计趋势。大家都很喜欢，符合大家的感官体验。但是不是原则我就不知道了。。

还是针对WEBTRN。我认为3、4、5、、6、7都是我们没有做到的。运行到最后一步才提示CHROME播放不了课件等等。首页功能混乱，第一次进入的同学不知道从哪里开始学习等等

最后一点我觉得比较有用的是用户体验的设计流程

1. 建立用户坐标

2. 用户建模

3. 内容坐标

4. 内容和功能点的梳理

5. 任务与操作流程图

6. 草图设计

这些由于我刚来公司一年，没有参与过这些流程。但我想现在是不是可以通过数据库里的数据，翻过来推用户的年龄，什么时间段进行学习，平均一次多长时间，挂机次数有几次等等呢？这些数据都有没有记录呢。

最后有一点我觉得非常值得思考，那就是用故事讲产品。这样更生动也更易于理解。

比如引梦计划。

小明是一个高三的学生，习惯高科技产品，一有好玩的应用都会第一时间下载尝鲜，另外头脑好使的他数学也非常好，经常为同学答疑解惑。但快报专业了，自己却迷茫了起来。自己也不知道对什么是真的感兴趣，可能是高科技产品？也可能是数学？如果是高科技，那么也不知道应该学电子信息还是计算机。这两个专业有什么区别吗？毕业后都能学到哪些技术，可以从事什么职业？我是不是学习这个的料儿？  这时候小明使用了引梦计划的APP，映入眼帘的是一堆名词：律师，数学家，程序员，程序界面设计等等。小明点选择了程序界面设计。这时候看到了国内知名公司的产品经理在讲解程序设计的步骤，从交互到UI，并且给小明推荐了相关的专业，告诉了小明大学四年间需要努力学到哪些能力和专业技术。 之后小明有看了其他的感兴趣的职业，比如数学家，程序员等等。 之后小明对几个感兴趣的职业有了一些了解。这时候他就会自己思考：我更适合哪个职业？我更喜欢哪个职业？到最后小明从迷茫中走了出来，果断的选择了设计专业。因为他发现他喜欢的是使用优雅的高科技产品时给自己带来的愉悦感。而自己并不是一个能踏踏实实研究数学或者对着电脑编程到深夜的人。最后小明选择了设计专业。

从这个例子我们可以看出来，引梦计划这个APP做到了以下几点：首先从一堆列表里小明有限选择了程序界面设计，这本身就是一种潜意识里对兴趣爱好的排序。其次，小明通过软件，了解到了程序界面设计，程序员，数学家各自都需要的技术和能力，引发他第二次思考，是否真的喜欢并且适合这个专业？ 之后，小明通过介绍也知道了大学四年的课程设置等内容。 他做到了报志愿的时候基本知道大学会讲些什么。

从迷茫，到开心的选择出了一个至少当时不会后悔的大决定。我认为这就是引梦计划为孩子们做的贡献。

这些就是上午的课了。

下午的时候老师主要是从流程开始讲解。先是从APP设计上， 首先要分析出目标人群，然后做出需求分析，之后建立用户模型，找到软件的目的，担忧点和痛点。然后想办法弥补痛点。

我认为引梦计划，学生的担忧点在于：这个专业真的适合我吗？而痛点就是APP里面描述的专业需求和大学课程设置和实际上完全不一样。

我认为针对这个痛点。我们应该请权威的专家来讲解专业的需求，而同时请在校的大学生，来讲解大学的课程设置，并且表明所在的大学。并且要明确说明每个大学在70%课程上是一样的，但还有30%是不一样的，如果感兴趣应该去网上去查对应大学的课程设置

好了，就先写这么多吧。努力把学到的东西用到实际工作和项目上，加油。