Sketch 小巧而强大的UI设计工具

　　严格来说，sketch并不能算是原型设计工具，而是一个强大的UI设计工具，操作者可以使用该软件设计出精美的UI界面，更可以方便的将设计资源导出成客户端开发所需的切图素材。
　　因为是一个UI设计软件，所以sketch并不提供基础的页面跳转等原型设计所需的功能。但是sketch拥有强大的插件功能，借助一些插件例如“Craft”，sketch也能实现基础的页面跳转，按钮互动等原型设计所需的功能。
　　sketch尽管不是传统意义上的设计软件，但由于其操作上的简单迅速视觉效果好，同时和开发软件（Xcode、Android Studio等）协作较好，所以是我个人最常用的设计软件。当然在原型部分我则是用插件，以流程图的形式标注出来，或是在其他软件中再次加工。
　　

OmniGraffle 交互原型文档制作

　　对于原型的设计，光给出图片与原型成品是不够的，所谓交互文档就是需要对产品的细节部分给出具体的说明，例如对按钮状态的说明，对页面loading状态的说明等。
　　OmniGraffle是一个很好的标注软件，我时常用来制作产品的用例图、线框图等。同时在Sketch中完成高保真原型设计后，也会导入到OmniGraffle中进行原型细节的标注。
　　 　　

Principle 动效设计软件

　　一个轻量级的动效设计软件，可快速实现较复杂的交互动效。更加重要的是他和Sketch几乎可以做到无缝衔接，如果觉得Sketch+插件无法满足炫酷的高保真原型设计的话，可以试试Sketch+Principe的组合。
　　不过我不怎么用了，有点代码基础直接在开发工具里实现更加快，更重要的是，做完了可以直接用。

After Effect 复杂动效设计

　　对于简单的动效，直接在开发工具中实现，而复杂一些的动效就要借助专业工具AE了。AE是用来做专业的影视特效的，用来做动画效果当然是绰绰有余，但是相对其他软件来说，AE的学习成本也相当之高，建议初学者还是先不要尝试。

　　这里比较的三款是百度网盘、腾讯微云、Dropbox，其中Dropbox因为某些不可描述的原因，无非在中国境内使用。比较使用的均为腾讯应用宝内最新版本。

多角度对产品整体进行分析

目标用户

　　由于Dropbox的特殊性，暂时先讨论百度与微云的用户

　　在份额上面，百度网盘占据了绝对的优势并形成了规模效应。同时，在360宣布退出个人网盘行业后，微云实际上已经成为了中国网盘市场的第二名，当然与第一名相比差距依然巨大。
　　至于两个网盘的目标用户：
　　首先这是百度网盘的现有用户画像

　　百度网盘的现有用户多为处于一二线城市的年轻商务人群，但由于百度以接近垄断的份额存在于网盘市场，接下来的目标用户应该是其他网盘的使用人群。其中，360云盘因为一些变故，原有的大量用户被迫寻找新的替代产品。因此，百度现在的目标用户应该是360的原有用户群体，有大量存储需求的个人、企业用户。
　　
　　微云：在网络上并没有发现较多的微云用户分析。但是从微云的推广渠道来看，微云面向的用户主要是腾讯产品的重度使用用户，为自家产品的用户提供一个文件的临时存储空间，因此和腾讯产品的主要使用用户是有高度相似的。
　　那么最后再来说一下Dropbox，Dropbox是国外最常用的网盘工具，国内用户相对较少，用户多为对上传内容有安全性需求、同时具有一定购买力的商务人士。 　　

###核心功能

以移动客户端为例。
百度网盘除了正常的云存储功能以外还提供：

其中，高频功能为“手机备份”、“离线下载”、“闪电互传”、“数据线”等

腾讯微云：
微云没有那么多的功能，除了基本的存储，特色功能应该是“笔记”以及良好的照片管理。

Dropbox：
很纯粹的云盘工具，除了云存储功能没有其他核心功能。

运营策略

百度网盘的卖点在“分享”，相较于其他网盘，百度网盘将他自己的社交属性发挥到了极致，群组、通讯看吧的加入，让好友间互传文件变得十分容易。百度一直都在围绕着社交属性做网盘，也是如此方便的分享功能，让几年前百度在和360之间的云盘之争中胜出。
微云的运营策略的简单很多，近段时间几乎没有见过微云做过什么宣传。在云盘容量，下载上传速度上也没有什么优势，今年更新频率明显下降了很多（最近一次更新是在8月22日），在腾讯内部应该属于边缘化的产品，主要给结合其他的app给腾讯用户提供更好的用户体验（例如QQ浏览器的离线下载功能）
Dropbox在国外面临着onedrive、iCloud等垄断厂商的压力，除了将自身的用户体验做到极致以外，他在近期重点在推Dropbox Business与Dropbox Paper功能，前者面向企业提供安全的云盘服务，后者提供高质量的云文档编辑。应该是国外个人云盘市场趋于饱和，所以Dropbox在近几年都会面向企业提供服务。

使用场景

使用场景这个每个人都有不同的使用方法，实在是不好说什么。
对于我来说，百度网盘用于下载网上的文件，良好的分享体验让下载变得更加容易。
腾讯微云用于临时保存腾讯系应用的文件，例如浏览器与QQ之间的文件互通。
Dropbox用于提供自己重要文件的保存，在360事件之后很难再信任国内网盘，同时国内的隐私政策也很难让人放心。

三个产品在上传、共享、下载中的亮点

首先给出百度网盘这三个操作的流程图

然后是微云

最后是Dropbox

三家在便捷性上都做的很好，三步之内基本都能解决这些主要的操作。
然后再来分别讲一讲三家的设计亮点。
　　首先是百度的，之前说过，百度的分享功能很棒。好友分享可以直接实现在百度网盘内部联系人的资源共享，简直就是卖片神器；同时分享界面很贴心的增加了一个文件分享有效期的操作，对于社交+工具的百度网盘来说，成千上万次的分享中，对私密分享的需求一定很大，因此这个功能很贴心，同时，PC端与网页端也默认提供了密码分享的功能，这都是百度在私密分享中做出的努力。
　　然后说微云，微云因为对于上传有大小的限制，因此在上传界面中对用户进行了一个提示。值得注意的是，微云在上传类型中加入了“笔记”、“OCR”等功能，严格来说这已经不是上传了，但是这样的操作十分方便办公人士进行文档的协作。
　　Dropbox，国内系的网盘产品其实都差不多，设计特点大同小异，国外的就不一样了。Dropbox Android版（手头暂时没有iOS设备）严格遵循MD规范，将三大操作都集中在了FAB中，因为还有其他功能所以使用sheet展现。在设计中也是遵循精简的设计原则，对于上传界面，甚至直接调用了系统的接口。如果使用的是Android原生系统或者是LineageOS等，那么整个app的视觉与交互会和系统高度统一，降低使用成本。另外，Dropbox相对于以上两家，更像网盘，更纯粹，在下载文件时，没有使用“下载”这个字眼（可能会让人以为这是个下载工具？），而是用一个开关“可以离线访问”来表示，这代表着用户在打开这个开关后，网络允许的条件下，这个文件还是会不断的与服务器交互，保持自身版本的最新，这个对我这样的设计同学来说简直就是良心功能。

小结

　　正如我刚刚所说的，我日常用百度下载文件，微云结合腾讯产品使用（也就相当于办公了，比较联系别人用的还是微信），Dropbox存储重要文件，三个软件各有特色。

感觉还是有必要记录下秋招的历程的，为了方便自己不断进步

9-19 合肥一日游

今天不是个好日子，在合肥面试讯飞的过程不是很理想，而且即便是自己过了，也不会去合肥。回武汉的路上，接到了vivo面试未通过的通知，同时也有OPPO明天笔试的通知与迅雷的笔试题目。百度面试通知直到现在还未收到，简历筛选部分就没过去就太坑了吧。还有腾讯、网易，不知道能不能过了，小米的明天还是问问HR邮箱。

然后，总结一下一些面试的题目：

1. 你觉得交互设计是什么？

　　用户体验五个层次，交互设计属于结构层与框架层，相比于视觉，交互可以考虑少一些表现层的东西，专注于用户操作流程的改进，针对具体的用户需求去做设计；相比于产品，交互则是更加注重于产品的细节，根据产品所给出的具体的需求、用户故事、操作环境，去构思用户在某一个页面的行为，并将最符合这个行为的界面设计出来。一句话说，产品经理是管理需求，视觉设计是设计样式，交互设计是设计行为。

2. 你讲一讲你在三星做的一个项目吧？

　　行，我就讲一讲我参与度的第一个项目吧，积分大转盘，这个是我刚进入时的一个项目，然后又断断续续忙活了一个月左右。这个大转盘是三星系统应用S助手里面一个页面……等下我拿下笔记本……这个转盘设计的目的是产品看到了一个需求，即用户小额积分无法消耗。三星的S助手可以实现一些积分的累积，然后使用这些积分去兑换奖品，因此会余留一些小额的积分，这时候就需要通过抽奖转盘来消耗掉，这个就差不多是用户使用我们这个功能的使用场景。然后接到这个任务之后就开始设计了，交互和视觉稿都是我在做，整个操作的流程很简单，小额积分经过兑换之后会出现抽奖次数，点击转盘开始抽奖，针对与不同的奖品会有不同的弹框提示不同的领取方式，比如说实体奖品就需要用户输入寄送地址。这里是所有操作的流程图，奖品的弹框在右边，其余状况的弹框在左边。
　　比如说这个弹框，这个弹框对应的奖品是优惠码型产品，用户中奖后拿到一串优惠码，然后凭借这个优惠码去对应的app内抽奖，这个按钮就是打开相应的APP或者网站的，然后我在优惠码复制这里做了个比较有意思的交互。一般情况下，用户不会去在乎拿到的是怎么样的一串优惠码，因为都是无意义的数字，所以只要给他们复制就好了，复制后跳转然后粘贴优惠码领奖，这是最理想的流程，当然交互设计需要考虑到其他情况，比如说有部分用户就是想要看到这个优惠码，这样能有一种拿到奖品的感觉，所以我设计了在点击一次后出现优惠码，让用户看到，还能让用户选择。这么设计还有一个考虑，就是这个用户在点击跳转之后，跳转到网页，如果他之前没有登录过这个网页，就需要登录甚至注册，这个要花点时间，而且在这个过程中剪贴板内的数据很可能被“洗掉”，比如注册需要输入验证码，有些人会直接复制。所以当用户在复制一次之后，出现明文优惠码，同时旁边还有快速复制的按钮，用户在第三方网页返回的时候，还可以复制。

3. 你觉得你相比于那些设计专业的有什么优势吗？劣势呢？

　　首先我的本科不能说和交互设计一点关系都没有，关系还挺大的，我们专业研究的是互联网，会涉及到用户调研，信息架构，传播学原理方面的知识，这方面我们一直会有虚拟的练习在做，很多同学毕业之后都打算去做产品经理或者策划，我觉得我上课学到的这些内容对交互设计的帮助挺大，同时我们专业有计算机相关的课程，人机交互、数字媒体、Java等，我在前端、Android上有能力去自己完成一个小项目，这个是我专业上的优势。还有就是创意部分，广告和我们在一个院，我和广告班的走的挺近的，在和他们一起参与的比赛中，他们也说我很有创意，敢想而且敢与把创意变现，这个是我个性上的一个优势。还有就是动效了，动效是我的一个兴趣，也是我以后想专精的一个方向，对于动效的运用我觉得我比较有优势。
　　劣势也是很显然的，专门的设计方面的资源有些缺失。比如说更多的设计相关课程、一些项目的练手，都是比不上设计专业的。但是我在大学过去几年都在尽量减少这方面的差距。

4. 讲一讲你擅长的动效设计吧，你平时是怎么使用动效设计去提升用户体验的

　　这个我之前看过国外的一篇文章，详细的讲述了动效在提升用户体验中的作用。动效和动画不一样，动画属于视觉方面的设计，目的是要炫酷，抓人眼球。动效属于交互方面的设计，更多的是帮助用户在日常的操作中提升体验。我就举几个例子吧，例如一个“开始下载”的按钮，点击之后会变成圆形的下载进度条，下载完成之后又变为打开按钮，这之中整个过程是连贯的，而如果采用三个静态的控件，这在操作上就是一种割裂、卡顿。相反，如果将三个状态平稳过度的话，用户会认为这是一个控件一套完整的操作，从而在一定程度上会让用户觉得这个下载很快。再举一个吧，页面之前的切换，现在的设计大多是很生硬的切换，用户在进入一个新页面时会经历“丢失焦点”-“大脑短暂放空”-“重新获得焦点”。如果是我来设计的话，我会利用两个页面之间的共有元素进行转场，例如A页面中有一个C控件，B页面中也有，那么在A页面转场到B页面的时候，我的做法是让A页面中的C空间发生一些改变，获得用户的视觉焦点，然后C控件去引导用户焦点，同时A页面转场到B页面，C控件停止变化，然后用户会发现自己很自然的来到了B页面。这个比较典型的一个运用的是音乐app中，专辑歌曲跳转到播放页面，两个页面之间的共有元素是唱片。 　　

5. 讲一讲你最喜欢的app，以及它可以有哪些改进吧

　　那就选择好奇心日报吧，我一直在找一些交互上比较有意思的APP，这是最近看到印象比较深刻的。
　　好奇心日报是一款资讯阅读类的APP，主打的是高质量的深度阅读，他的主页面交互很有意思，几乎全都是内容，tab也只有两个“news”、“lab”，且第一个tab的使用率远远高于第二个。我觉得它有意思的一点就是主页上的悬浮按钮，几乎所有的阅读之外的操作都被收到了这个悬浮按钮里面。按钮在主页上默认是一直显示的，但是在滑动的时候会隐藏，然而，这个控件并不是就消失了，隐藏的时候在原先的位置上仍然可以点击，只是看不到了而已。这个设计我觉得很有心，一方面避免了浮动按钮常有的遮挡内容的问题，一方面又无需让用户在需要点击按钮的时候等候时间，较小的按钮与页面间距也避免了点击内容时误触的可能。然后我注意到点击这个app之后，一些项目出现的方式：上面的这些设置、夜间等是由上而下出现，下面这些条目则相反，这个交互动效的运用让用户在看清具体内容之前，就能够有一个印象，这两者是不同的。
　　这个按钮还有改进的空间，在按钮触发不同操作的时候，按钮似乎有些太过活泼，我个人更希望这个按钮能成为一个全局的操作，所以想让这个按钮变得更加沉稳一点，在app的使用过程中起到一个船锚的作用，对好奇心日报这样追求深度阅读且交互方式较为个性的APP来说，页面元素少，用户容易迷失，因此有个不变的按钮可以增加用户的安全感。 　　

6. 未来有什么职业上的规划吗

　　会一直做交互，尽量往动效方向靠。我喜欢手机行业，所以以后我想在手机系统里去做一些交互方面的改进，通过自己的努力，让用户感觉到自己使用体验的提升，使用手机更加畅快。

7. 还有什么问题要问吗？

你们对于手机系统方面的交互设计应届生的期待是什么？
你觉得面试我的这个过程和面试设计相关专业的同学有哪些区别吗？

9-20 OPPO面试日志

　　OPPO的面试出现了一些让人不愉快的事情，上午抵达OPPO现场之后，得知了OPPO的交互方面面试官的航班延误了，因此只好留下联系方式下午再来。下午没有等到，所以还是到了现场，结果就是差点错过了这个笔试。
　　然后说一说具体的面试题目吧，之前准备的面试题猜想命中了2、5、7，没有命中的题目是：如果你来设计一款手机的会怎么设计？你平时是怎么自学设计相关的知识的？可能是因为上午航班延误的原因，所以这次的面试时间普遍偏短，估摸着应该不到半个小时。面试中的两个“决定点”应该是讲在三星做的项目以及自己喜欢的那一个APP。
　　面试的时候说话节奏还是偏快，以后感觉需要放慢语速吐字清晰。
　　OPPO的面试官还是很潮的，比vivo的年轻很多，更感觉像一个互联网公司一样。 　　

9-25 终结

　　OPPO过了，此文断更

大众点评“好友约会”

项目背景

约好友“吃喝玩乐”已成为当下民众普遍的社交需求，而美团点评一直将为用户提供更好吃的“吃喝玩乐”服务作为发展的核心目标。为此，特在大众点评上线新功能“好友约会”，旨在帮助用户更好的与好友相聚，尽量简化好友约会中“怎么约“”在哪约“”怎么玩“等一系列决策与问题。

竞品分析

竞品项目

暂时没有找到

需求分析

受众主要特点：

用户特征

会玩的大学生：经费较少，空闲时间较多，聚的次数多且疯狂，为了享受生活。

期望能找到比较实惠的饭店或者娱乐场所。多数都是成群结队的，吃喝完了的地方要求不怎么高，从路边摊到咖啡厅，只要消费能力力所能及的都可以。有时候也会去一些看起来比较好玩比较文艺的地方，例如飞机餐厅，火车咖啡店等。
初步构想是适当提供一些优惠券与补贴，降低吃喝的成本。时间成本在这里可以不用考虑。

刚上班的毕业生：经费较多，空闲时间较少，喜欢方便一点的地方，为了调剂一下紧张的生活。

有时候约会会带有一些目的性。例如约心仪的对象吃饭，和同事搞好关系。
初步构想是在客户端提供一些聚会时候的小游戏，有利于增加约会的趣味性。

工作几年的白领：经费多，空闲时间少，玩乐的次数较少，偶尔玩个一两次，目的是提升自己生活的品质。

拼搏了几年之后决定开始追求一下生活的质量，一般不会在乎约会的费用，同时因为约会数量比较少，所以对约会的质量要求较高。
初步构想是单独提供一些质量较高的场所。

用户画像

功能痛点

1. 多数地点消费较高，经济能力难以承担。
2. 聚会通常难以符合每个人的预期。
3. 聚会沉闷，没意思。
4. 聚会没有让人放松，反而让人感觉紧张。

（加粗项为重要痛点）

交互设计及说明文档

入口设计

不会放在底部tab，底部tab已经有5个了，不能再多了。
而且好友聚会和”首页“、”发现“、”足迹“不是一个等级的入口，不适合放在一级页面。

　　我的观点是，”好友约会“有两个方面的功能，一是发现合适的约会地点，二是熟人之间的美食社交。由此我设想中的一个完整的好友约会行为是：被推荐或发现了一个好地方，然后朋友间约定要去，去了并完成玩乐行为之后，app生成记录并提示用户是否要发表在足迹页面，用户可以在足迹页面将这次聚会分享至其他平台。
　　所以我觉得应当增加两个入口，一是在发现页面增加”想约好友一起玩？“入口至”好友约会“功能的约会地点选择页面；二是在足迹页面增加”我的约会“功能，查看已完成或者未完成的约会，同时也可以通过这个入口发起新的约会
　　
　　利用滚动节省页面空间
　　 　　

流程图

用户一般完成一次完整的”好友约会“的流程是这样的

交互设计

嗯这个是简答，所以以后有空接着做。

姓名：徐炜楠
班级：传播1401班
学号：U201417090
实习作品集地址：

小米公司实习报告

实习单位及岗位简介

实习单位的简介

　　我在2017年1月开始，在北京市小米移动软件有限公司的MIUI部门进行了为期4个月的实习。本次实习的目的，在于深入了解互联网公司的日常运作流程，熟悉一个项目中不同岗位的分工与写作，并将自己在学校中的所学知识运用到实际工作中去，巩固知识的同时也不断提升自己。小米公司在北京市海淀区西三旗附近，主营业务是智能硬件以及互联网服务，旗下注册了多个子公司，而我所在的小米移动正是负责小米互联网服务的，我所在的部门负责小米手机系统MIUI，旨在使用互联网理念去提升用户在使用手机过程中的体验。

实习岗位的简介

　　我在的项目组负责一个单独的短视频APP，人数在40-50人左右，分工是产品+设计+开发+运营，我则是运营岗位下的一个实习生，平时主要业务负责与产品种子用户对接，整理用户数据并提供给产品，同时在产品+运营的会议中就这些数据针对性的提出建议，帮助我们的产品更好的成长。

实习内容

　　虽然属于MIUI部门，但是我所在项目组所做的产品是一个独立于MIUI的app，同时上线于iOS端与Android端，产品的名字叫做围观小视频，是一个用户自发上传短视频的UGC内容平台。我加入的时机刚好是Android产品上线之前，所以做的工作会很繁杂，下面我根据所做工作的不同来分别阐述一下我实习的内容。

产品上线前的内容筛选

　　这是我在实习中从事的最为枯燥的项目了，所做的事情简单却又繁重——从上万个已有的素材中选取适合我们平台的短视频，然后针对于视频的内容打上合适的标签，最后一起上传到我们app的后台服务器中。整个过程坐下来一做就是一整天，我们的运营组长说一般情况这个是外包给祖国中部的一些公司的，不过还没有谈下来，所以只能自己的员工先暂时顶上。所以这个工作就是我上岗之后的第一个工作了，简单枯燥，不过也正好让我有机会了解一下整个部门的运行情况，为以后的工作打下基础

产品上线前的作者运营

　　在我们老大和外包公司谈成合作之后，内容的审核归类这样类似的工作就不需要我做了，所以又安排给了我去找短视频作者的任务。虽然我们的产品主打的是用户自发上传，自发观看，但是任何的内容平台都需要有比较受欢迎的作者，这样用户的留存率才能上升。而我的工作，就是从现有的竞品软件中去寻找这样子的作者们。为此我整理了一份竞品软件的相关报告，内容包括了各大视频平台（快手、火山小视频、小影等）他们的用户用户群体，然后试验一下邀约作者的难度，综合了各方面的考虑之后大概做出如何邀约作者的计划。另外，因为自身有一些计算机的基础，所以写了一个小程序可以实现在竞品app内消息的群发，为自己和同事减少了不少的工作量。
　　在初步的邀约完作者（邀约频率不能太高，不然会被竞品发现）之后，接下去要开始的就是管理运营那部分邀约过来的作者了。主要就是让作者快速熟悉我的产品的操作，然后尽量积极的在我们平台上发视频，同时引导用户与之互动，留住这些优质的作者很关键。因为如果这些首批作者走了，后面再邀请回来会非常的难。

新用户快速上手引导

　　有了协助那些作者快速上手我们产品的经验之后，如何让普通用户快速上手我们的产品就是下一个问题了。与一般互联网公司不同的是，小米有着扎实的硬件基础，小米手机中存在着很多广告位，当然这些广告位对于公司内部的项目——比如我们来说，是免费的，而且量也很大，同时我们的产品的目标人群与小米手机的主要人群也比较符合，所以初期用户的获取相当的容易，用户量可以迅速的达到很多APP需要运营小半年才能达到的水平。但是同时这也是个双刃剑，因为用户体验的改进是和用户量的增长是相挂钩的，如果用户体验的增长和用户量脱节了，那么会造成用户对于我们产品的好感度的下降，为以后用户数量的持续增长造成困难。
　　稍微有些跑题了，在新用户引导这一块，我在我们的专业课“新媒体用户分析”中学到的那些调查方法终于能派上用场。在搜集了MIUI系统各大广告位所带来的用户的大致数据之后，根据用户特征大致分出几类用户，然后根据各类别中的用户比例挑选了一些用户进行深度的访谈，然后整理提取访谈中的要点，顺带给出一些自己的看法，最后整理出来交给产品。不过比较可惜的是，我们的产品因为是刚刚上线，所以产品的bug还比较多，这个引导作为优先级比较低的任务自然也被安排到了比较后面。

额外任务——协助设计师

　　在学校里我也参与过一些项目，在这些项目中我所扮演的角色主要是设计师。因此自然而然的，在项目中我也会不自觉的向设计那方面靠，和设计师打点好关系。我比较擅长的是动效设计，所以有一些动效方面的设计任务我们组的设计师也会让我帮忙设计下。

实习总结

　　四个月的时间过得很快，一眨眼就过去了。我之前没有在互联网公司实习过，所以小米算是第一家。公司的快节奏生活头几天的确很难适应，不过还好刚开始的任务较为简单，也让我有了充足的时间去适应。在这次小米的实习中，最大的收获还应该是学习的新媒体用户分析方法的实际运用了吧，虽然之前在课堂上也有过模拟的试验，但毕竟不是实打实的项目，也没有互联网的氛围，所以还是很感谢小米能提供这种机会的。

三星公司实习报告

　　如果说小米还带给我什么的话，就是对自己以后职业目标的认识了。通过四个月的实习，我觉得自己还是更加喜欢做设计，也很羡慕组里同事的工作状态，所以我第二份实习就找了三星的交互设计岗位实习。当然也有个原因是自己对手机真的很感兴趣。

实习单位及岗位简介

实习单位简介

　　六月份开始，我在北京三星电子中国研究院进行了为期三个月的实习。三星电子中国通信研究院成立于2000年8月 ，是三星电子在华投资设立的具有独立法人资格的研发机构（注册名称 ：北京三星通信技术研究有限公司）。研究院的主要研究范围为通信终端软硬件开发、多媒体软件开发、第三代移动通信标准及第四代通信技术先行研究、通信系统软件开发等。

实习岗位简介

　　在三星做的是我擅长的设计岗位，负责的是三星S助手（现改名三星生活助手）的交互设计与视觉设计工作。三星作为一个传统企业他的结构和互联网公司有很大的不同，设计是单独分出去的，需要帮助的时候要提需求。设计部门负责整个S助手APP的设计大方向，我所做的就是小修小补。不过，在有时候设计部门忙不过来没有精力的时候，我也会主导一两个小项目的设计到上线。对于一个实习生来说，这样的机会还是比较难得的。

实习内容

　　设计的人物相比运营来说要单一多了，就是作图作图作图，所以我就不分开来写了。总的来说，我第一是负责三星S助手日常的UI更改，比如经常我们的产品发现app有一个小细节需要修改，就让我简单的赶一下；第二是负责一些小功能的设计，例如为了解决某个问题，产品经理需要我设计出一个抽奖转盘及转盘的配置后台，这种任务需要我全程的参与与掌控，完成交互文档和视觉设计；第三是负责一些活动的宣传材料的设计，S助手就和其他的互联网产品没什么区别，需要通过许许多多的活动来拉日活，活动的宣传材料则需要我来设计。

实习总结

　　三星的实习还没有结束，不过也快了。三星带给我很多感受，我认识到了传统企业和互联网企业的不同，同时也让我认识到了一个设计师在整个项目组中应该处于的地位，更加也是坚定了我以后的目标职位——交互设计师。我发自内心的感谢三星能够提供给我这个机会。

这里是我在实习过程中的一些作品，因为涉及到视频图片等较为复杂的媒体形式，所以给了一个网址。

三星实习作品整理

1. 大转盘流程图

因为运营需求，需要上线一个抽奖转盘，转盘需要给出交互逻辑文档及视觉稿。

视觉稿

流程图

2. 首页作图

S助手的首页会有一些板块的图片需要定期更换，所以有部分的图片是我做的

3. 三星浏览器单页H5

一个活动的H5页面，简单的设计了下

4. e代驾banner

新服务上线之后的banner通知

5. 三星浏览器网页头部图片

6. 三星浏览器新版本海报设计

7. S助手介绍页设计

在其他平台推广我们app的时候需要向用户展示的网页

8. 摩拜单车落地页及类似页面设计规范

摩拜单车服务上线后需要有一个页面单独介绍摩拜单车的使用方式。同时依照这个页面要给出一套设计规范以方便后续有新服务上线时同样制作介绍页面。

9. 摩拜服务上线Banner+Push+LaunchingPage

摩拜服务上线后还需要几个宣传图的设计

10. 卡片改进

对S助手内的一张卡片进行了重新设计

11.应用商店图片制作

新版本上线应用商店之后需要更新应用上线的详情图片

12. 邮箱登录页图片制作

S助手的一个新活动首先需要在公司内网推广，因此需要一个宣传图放在邮箱登录页面。

额外的任务

自己在boss没有派任务的时候对app的交互给出了一些建议

1.FAB改进

　　FAB的用法在Google官方所给的设计规范里规定好了，而且还是专门的一个章节。FAB的全称叫做Floating Action Button。
这是Google对FAB拓展按钮的说明

The floating action button can fling out related actions upon press. The button should remain on screen after the menu is invoked. Tapping in the same spot should either activate the most commonly used action or close the open menu.

　　当然Google也提供了另外一种展开方式

The floating action button can transform into a single sheet of material which contains all the actions.

　　这里我选择了第一种，因为第一种的动效比较好做，等我有空的时候再试试第二种。

2.天气卡片改进

　　原版的天气卡片存在一些问题：文字缺乏组织，看起来不规整；天气数字太过纤细；以上两个问题导致卡片上半部分重心偏左；下方天气列表图标夹在两个文字中间显得较为局促；更新按钮后面文字太多，信息冗余。
　　所以我将信息重新组织，提升了展示效果。

3.空气质量卡片改进

　　原版空白实在太大‘单独一个空气质量（优）浮在空中实在太过单薄；PM2.5作为一个重要参数只是在左下角小小的出现，与整体卡片闲的格格不入；余下地点信息、刷新文字与天气卡片改进同理。
　　仪表盘的设计在很多天气应用上都有见到过，所以也就这么设计了。不过在过程中倒是碰到些难题，sketch不能像PS一样很精确的控制锚点的位置或是画出任意精确的角度，所以那个空气质量的40度一格的2/3标尺挺难的。

小米实习作品

如何把让其他平台的用户平稳过度到我们平台？

APP初期需要从其他平台邀约种子用户用以启动。

　　作者邀约的目的，第一是拉日活，提升每天在我们平台产生视频的数量；第二是“洗内容”，我们平台上还有不少快手抓取过来的内容，这些都是不合法的，我们要去邀约作者把盗版的内容弄下去。 　　

1.影响作者来我们平台的阻力：

• 管理不过来，比较专业的作者觉得平台太多了管不过来，两个平台（快手、火山）足够了；
• 没有利益，抱着赚钱想法的作者觉得现在我们平台没有钱赚，当时火山把他从快手邀约过去的时候说是有利益关系的，这种作者我们可以先记下，以后围观正式的激励措施出来了再去找他；
• 没有互动，没有动力，打广告的用户，比如说发视频给人签字，这种用户很多都是邀约过来的前几天会发几个视频，后面没有人回他就不再继续发了，偶尔哪天想起来了可能还会在发几个视频，这种作者我们还是要留意一下，伪造一些用户去和他互动； 　　

2.邀约作者话术：
　　邀约作者的时候，因为是我们主动邀约的，所以作者大多都会问是否有利益。再具体的激励措施还没有出来之前，我们能承诺的只有增加他的上热门机会，并且如果发视频质量高且积极的话，在以后大力推广之后会有首批作者的福利。如果作者说手头上没有什么好视频的话，我们可以帮他把快手上的视频下载下来（强烈建议做一个搬运快手视频的工具，不一定要做到围观里，而且也不一定要实时搬运，实时搬运之前被产品否了，但是我们可以只搬运现在有的视频，方便用户把之前做过的视频发上来，从而快速洗白我们的热门内容）。
如果作者比较积极活跃的话，可以把他拉进我们的优质作者QQ群，一方面形成一个圈子，一方面也是邀请他们参与对产品的讨论，如果以后做用户调研的话会比较方便。

3.其他问题：
　　一些作者在使用我们app的时候，只是单纯的上传自己的文件，没有使用围观的编辑功能，连最基础的剪辑功能都没有试用，我们在邀约作者之后，应该引导作者去使用我们围观的特色功能。

4.建议改进：

• 尽快上线激励措施
• 可以的话，监测一下邀约作者发视频频率，如果频率持续下降，则伪造用户与之互动，甚至后台发送短信提示，提升留存。
• 上线一个新用户引导的网页，帮助其他平台过来的作者快速上手我们的产品，同时如果可以的话，帮助用户快速从其他平台导入已有作品。最后，还要向用户解释我们平台的状况，包括现在上热门的容易程度，直播等功能的加入，以及以后的激励措施。

5.邀约作者建议：
　　主要在小影、快手、火山这三个平台上去邀约，其他平台试了，基本都没有回的。
　　快手可以一直弄，因为量多，不太会重复。
　　火山要隔一段时间搞，因为我试过把热门刷了很多次之后就刷不出东西来了。
　　小影用我的账号去直接在app内发私信，我发过私信的都已经关注了，所以找那些没有关注的人发私信邀约。

活动奖品估计

策划的一次活动的奖品，因为我对小米的产品比较熟悉所以我来出主意。

奖品总成本预估3120元（+邮费530元）：

• 参与用户（在活动期间达到每日发送一个视频即可）：
  随机话费2~5元不等，需要用户绑定手机号之后方能充值。
  预计成本：1000元左右

• 积极用户（活动期间积极参与，并获得一定点赞数量的）：

  对于点赞数量在10~50的用户，赠送小米福袋（礼物随机，价值约在5~20元左右，不算邮费），需用户绑定手机号后方能领取。
  福袋中可以放：米家签字笔、type C 转接口、指环支架、米家LED随身灯、小米二合一数据线、小米随身WiFi、彩虹电池、小米鼠标垫等
  预计成本：600元（+邮费400元）
  

• 优质用户（活动期间积极参与，并且产出优质内容的）：

  对于点赞数量前十的用户，依次发放：米家智能摄像机×1、小米运动蓝牙耳机2×1、小米小钢炮蓝牙音箱×1、小米蓝牙随身音箱×2、小米支架式自拍杆×5
  预计成本：1070元（+邮费100元）
  

• 隐藏奖项（不确定）：

  1、最霸气奖：如果点赞数量第一的用户是第二个用户点赞数的两倍，额外奖励一个小米6的F码
  2、最人缘奖：点赞数中新用户点赞数量最多的单个视频，视频作者将获得小米蓝牙手柄*2（就是我们在算赞数的时候，额外计算一下在活动期间注册的用户的赞，这样可以看出一个视频主拉来了多少的新用户，对于最多的用户给予奖励）
  

  3、最幸运奖：凡是在活动结束后，点赞数量停留在888或8888的用户，公司分别送出小米鼠标一个、小米移动电源高配版一个（若有多个用户则以最早的那个为准）。围观官网实时更新当前符合条件的两个用户。
  预计成本：450元（+邮费30元）

技术上需要解决的点：手机话费的批量充值（虚拟运营商能充值吗？）、新用户的点赞的统计、符合条件用户的实时更新

作者来源

整理的优质短视频作者的来源，PPT形式

懒得分P,写在一起算了

搜狐的笔试是这周二，然后我周四还有个笔试。(╯°□°）╯︵┻━┻
Sohu的题量和阿里一样，也是三道题目，不过只给了两个小时，比阿里少了一个小时，题型大题也是一样，前两题纯文字，最后一题设计题。整体做下来，感觉比阿里更像交互设计的题目，尤其是第二题还考到了我擅长的动效部分，可以说是十分幸运了。

如何针对移动设备设计专有的交互方式

　　讲真，这种题目从iPhone出现那天开始直到现在就一直在提。网上也有许许多多的文章讲述这方面知识，如何不受那些文章的影响写出风格写出水平这是我觉得这道题目最大的难点。
　　答案没有像阿里笔试那样复制下来，我大概的说一下逻辑吧。先从手机和PC的使用方式说起，手指触控与鼠标（触控板）；手机和PC获取信息方式的不同，手机传感器更加丰富；用户使用场景不同，PC较重，手机较轻等等。等说完了区别之后再给出手机与PC端应用设计的不同点，每个不同点都有上述一个或多个差异点做支撑。

动效和交互设计与视觉设计的关系

可以参考我之前写的一篇文章动效是对于行为的设计

设计题，设计一个图文编辑器

这题给出了需要设计的最少功能：文字编辑、插入图片、调整图片位置、插入地点、更换字体颜色和字体，欢迎发挥。
这题感觉也挺幸运的，之前设计过不少app的源文件还在电脑里，很多元素都可以直接复用，之前还安装了一个sketch插件，可以以画板为单位绘制流程图，我在下面直接给图吧，文本编辑器的逻辑很简单，也不需要额外的说明了。

这里有些内容被遮挡了，所以本来还想把图片再单独上传一份的，可惜那边不能批量上传图片，时间又不允许我一个个上传，最后只能将源文件上传了，希望那边能打开sketch。

事前准备

1. 学习并熟知Markdown语法
2. 些许的命令行知识
3. 些许的前端知识
4. 些许的git知识
5. 一个gayhub账号
6. 一颗赤诚的心

具体步骤

搭建个人博客主要分为这几个部分：

安装git与Node.js

安装hexo

在命令行中输入

1

npm install -g hexo-cli

提示安装成功或者可以执行hexo指令即可。
安装完成后使用命令行（cd命令）进入合适的文件夹，使用以下命令初始化博客。

1
2
3

hexo init <folder>
cd <folder>
npm install

然后会发现在相应的文件夹目录下出现了名为的文件夹（可以改成其他的名字比如xwnblog）文件夹里面会出现一些文件。

1
2
3
4
5
6
7

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

hexo就新建完成了，你可以通过

1

hexo server

来初始化本地网站，在浏览器里输入0.0.0.0:4000进行查看。
查看完了记得用Ctrl+C关掉。

尝试写文章

文件夹中的_post文件夹里面就是那些文章了
默认会有一篇示范性的文章
你可以通过在命令行里输入

1

hexo new 文章的名字

来新建文章，文章是使用Markdown语法书写的，所以要求能熟练使用Markdown语法

部署本地网站到github

github提供了一种方式可以帮助用户用github的服务器存放自己的网站，虽然网速很慢，但是个人博客足够用了。
新建一个仓库，命名为：你的github用户名.github.io，例如xuweinan123.github.io。
这个仓库有一个HTTPS，复制这个网址到本地网站文件夹的_config.yml中（用记事本或者其他IDE打开）的deploy条目下，如：

1
2
3
4

deploy:
  type: git
  repository: https://github.com/XuWeinan123/XuWeinan123.github.io.git
  branch: master

然后使用命令行命令

1
2

hexo generate
hexo deploy

第一个命令是将你的文章生成静态网页以便上传
第二个命令是进行网页的部署，将网页上传到github，第一次上传会比较长。
PS：如果是第一次使用git工具，会要求你输入github的用户名和密码
上传完成之后，访问你的github仓库，确认部署成功。
访问 网址“你的github用户名.github.io“ 如果可以正常访问说明你的网站已经被部署成功。

自定义域名

购买域名，比如www.xuweinan.com，然后后使域名指向 “你的github用户名.github.io“
如果你之前执行过

1

hexo generate

的话，会有一个public文件夹，这个就是上传到github的部分。
新建一个文件，改名为CNAME（无后缀名），然后用记事本打开，在里面填上你的域名，比如www.xuweinan.com。
执行

1

hexo deploy

部署，然后等个十分钟左右，取决于DNS提供商的效率，然后就可以通过你的域名访问你的博客了。

进阶教程

过几天再写。

这篇文章会出现在我的实习日志里面，所以我特地分成了三篇写。

记一次阿里爸爸的面试（中）
记一次阿里爸爸的面试（下）

　　阿里的今年的秋招应该是互联网公司中截止的最早的，无论是内推还是网申都在8月18号结束了， 然后如果有幸过了简历筛选的阶段，那就是秋招的大头——笔试了。阿里的笔试不同岗位在不同的时间，上礼拜三我完成了我投递的交互设计岗位的笔试，时间很长，有三个小时，三题的题量。这篇文章会简单讲讲这次笔试的三道题目。

　　第一题，是关于AI在国内国外的发展，以及在人工智能崛起的当下设计师职能的转变。
　　AI是今年大热的话题，同时由于其入门门槛较高，应用市场较大，未来还会持续不断的发展，起码未来五年，AI都会活跃于互联网行业。
　　首先是国外的人工智能发展，Google的人工智能可以说一直都代表了国外AI研究的先进方向，阿法狗、自动画画、智能去马赛克，Google的各种小应用都让网友们惊喜。除了Google，比较智能的还有各式各样的智能助理。关于智能助理这年的大发展，如果一直在使用苹果Siri的同学可能会比较有感觉。近几年对深度学习与神经网络不断研究，让智能助理的智能程度相比几年前有了很大的提高，亚马逊echo在今年的大火就是相关技术积累的最好证明。如果能在自然语言的研究上有所突破的话，那距我们自己的“贾维斯”也就不远了。
　　国内的人工智能，以阿里鲁班系统为代表，人工智能已经可以初步应用在一些低难度-大数量的任务上面。现在国内以BAT、京东美团为代表的互联网第一梯队都在注重人工智能的开发与应用，其他也有一些小公司例如Rokid、出门问问等专门做人工智能并且成果不菲。
　　阿里鲁班系统，据说不久即将上线面向其他企业，这对设计师来说不是一个好的消息。现在的鲁班系统不仅可以实现简单宣传资料的制作（例如淘宝banner），甚至承担一部分主题设计的工作（双十一主题海报）。这对刚入门的设计师来说不是一个好消息。那么设计师职能该如何转变呢？鲁班系统虽然可能是现在最先进的AI设计软件，但是仍然无法实现一些层面的设计。例如，AI无法创造或紧跟设计潮流，这些工作仍然需要设计师去完成；再比如，AI无法在设计中加入“隐喻”，融入内涵，也许在鲁班的代码中，可以将一种情感相关的意向全部收集起来，但是就和文学一样，华美的辞藻没有办法充实诗歌的内涵，因为文学还是属于人类的艺术 。
　　对于以后的设计师来说，只做体力活的设计师估计是活不下去的。以后的设计师，应当从劳动者变成团队内的创新者，能够跳脱框架思考甚至给出产品的大方向；也是团队文化的构建者，能够将团队的风格融入到产品的代码中去；也是团队中人工智能的操作者，设计师应该相比其他人更能让人工智能帮助团队快速发展。
　　因此，设计师在以后的发展中需要储备的能力有：良好的文化知识与艺术修养；一定的号召性和人际交往能力；适当的AI技术了解，对前沿科技要能今早获取。

　　这题有点没有控制好,一开始关于国内外AI研究的东西讲的太多了。感觉实际上笔试看的部分应该是设计师在AI发展后职能的转变，如果鲁班系统真的上线了，那么对于大部分初级设计师，将面临无活可做的境地，设计师职位的过剩和职能的转变确实是后几年互联网企业将要面临的问题。

这篇文章会出现在我的实习日志里面，所以我特地分成了三篇写。

记一次阿里爸爸的面试（上）
记一次阿里爸爸的面试（下）

　　第二题写一下移动设计中的一些导航方式，对其的理解和具体的例子。但是阿里的答题框只接受文字不能贴图，所以我用了Markdown格式写作，这样方便在文章中插入图片。

• 标签栏（顶部标签）
  以三星S助手为例，三星S助手是我在三星实习跟的一个项目，比较熟悉。
  
  三星S助手这样设计处于的考虑是，首栏的生活服务与次栏的提醒页面是用户使用S助手频次较高的两个页面，用户只需要左右滑动便可以快速的在两个页面之间切换。至于不常使用的“发现”（发现栏目刚上线不久，所以仍在考虑中）和“我的”标签，等到需要使用的时候，即使不方便点击也没什么关系。其次，三星手机屏幕较大，滑动操作更容易进行。
  因此我对顶部标签栏的理解是：在各个栏目访问量差距较大的时候使用，方便用户在前几项之间快速切换；大屏手机不方便点击底部tab，所以将操作方式改为滑动，并将标签栏挪到顶部（迫使用户双手操作）。
• 底部标签栏
  淘宝、微信等国内巨头APP几乎都是使用底部tab栏，这样做原因大概就是之前Android规范尚未形成的时候这样做，后来为了避免突然改版造成用户学习成本上升而沿用下来（微信几年前曾短暂改版，后来还是改了回来）。国内app大概是这样的原因。
  而在国外，以google photos为例，在几年前，photos还是使用抽屉栏作为导航。
  
  但是在一个版本的更新后，google在其官方设计规范内增加了bottombar的使用说明，同时photos也更新出了bottom这一有争议的导航方式。（为什么有争议下一条会将）
  
  Google官方当时的解释，是因为侧边栏操作成本较高，用户大多出都停留在照片页面。当换用了bottombar之后，用户在其他页面的访问量有明显的提升。
  所以我对底部标签栏的理解是：一，在国内这是一种相对来说比较稳妥的导航方式。二，底部导航栏相对于其他导航，直观的展示了页面数量，在大拇指能够到的地方方便点击，暗示了多个栏目之间的平等关系。所以底部导航也的确在一定程度上能提高其他页面的转化率，对于大多数以KPI作为考核的公司来说，这是应用这个导航方式的根本原因。
• 抽屉（侧边栏）
  抽屉栏之前在Material design是主要的导航方式之一，因为多数Android手机底部有一行虚拟状态栏，而底部tab会存在误触的可能，顶部tab单手又不好操作，所以侧滑能呼出的抽屉导航是最好的选择，算是google的一个特色，所以刚出来的时候吸引的一大片粉丝。但是侧滑的缺点也很明显：不够直观；界面中缺少足够的提示元素表明抽屉的重要性；滑动-点击需要进行两次操作。所以国内使用这种导航的app很少，且多数都是独立开发者或是比较极客的社区，比如数字尾巴，酷安。
  来看看Android版的Skype：
  
  
  Skype使用这种导航，是希望替换掉手机中的通讯录，成为一个集网络与本地一身的超级通讯录，所以采用了和通讯录较为相似的导航。除此之外，这个产品清晰的架构也让这个侧边栏导航显得不那么突兀。
  我对这个导航方式的理解是：一、国内较少app采用，所以不推荐使用，会带来用户新的学习成本；二、适用于功能较为简单架构清晰的app；三、不能作为主力导航，需要和其他导航方式搭配使用。
• 平铺导航
  平铺导航就是指把所有栏目直接放在一个页面上，比较简单粗暴。例如美图：
  
  对于美图来说，多种多样的功能就是这个app的内容，是app最大的卖点，所以希望用户一进去就能看到。换句话说，除了这些功能，美图还能放什么？
  我对这个导航方式的理解是：适用于工具型APP，而且是比较纯粹的工具型APP，且各功能之间的优先级差不多，例如360手机助手、sanpseed。像google翻译一样的工具型APP有主要功能和次要功能，所以它选择了侧边栏导航。
• 列表式导航
  就是手机设置界面那样的，是个手机就有，就不截图了。
  我的这个导航方式的理解是：一、适用于频次低的访问。二、适用于比较严肃的场合。三、导航的终点，实现的功能最好比较简单，否则会有头重脚轻的感觉。

这题答得比较轻松，之前因为实习需要所以找过这些导航方式以及运用的情景。像这种问题基本上不用指望能把所有的导航方式都写一遍，只能说把常见的导航方式写详细了，然后能写多少写多少，然后记住一定要分情景回答，没有绝对好用的导航方式。