前端交互设计,交互界面设计

电视TV端APP前端交互竞品分析

1.? 分析背景及目标

智能电视是多媒体传输日益融合和扩展的自然发展。智能电视允许用户通过使用与人们在手机上使用的应用非常相似的应用定制他们的电视娱乐体验。对于即将迎来的冬奥会，各视频APP对体育内容的展示和用户体验都各不相同，现针对目前热门TVapp体育页面的对比分析，更好的优化咪咕视通前端页面交互增加用户体验，并对体育内容的展示更好的优化。

2. 功能清单

3. 交互设计

? ? 3.1首页

（1）点开应用，极光和爱奇艺都有广告投放，增加新内容的引流，咪咕视通打开logo展示直接进入首页。

（2）极光首页首先左侧展示了当前的最热门赛事列表，右侧展示最新体育内容；奇异果首页先展示最新体育咨询和活动内容，没有展示最新赛事；视通左侧展示目前一个最热的体育赛事，内容过于单一，右侧展示即将开始的比赛消息，与极光相识，可以只管展示最新的比赛赛事。

（3）三者都采用了模块信息展示授权的频道信息（NBA，CBA，等），奇异果没有更多选项，需要进入赛事种类中才可选择没有枚举出的赛事种类。

（4）三者都采用的是垂直滑动，单行更新方式，加快读取数据速率，增肌页面的平滑滚动平滑性。

（5）三者都对赛事种类展示最新或者最热的赛事内容，选中某个内容模块时，极光不仅展示内容标题，也展示出内容简介，方便用户快速了解内容大概；奇异果和视通只展示内容标题；极光和奇异果在选择某个内容，图片会有动态播放按钮，视通只有放大动态，没有播放按钮。

（6）首页底部：极光展示回到首部按钮；奇异果文字提示“按菜单回到首部”，但是只展示一次，有时间控制；咪咕视通没有回到首部功能。

? ? 3.2内容标签列表

（1）对应内容标签页面，极光才有垂直和水平标签共存展示，增加用户在选择内容时对标签的选择灵活度，可以在任何位置重新选择想要的标签；奇异果只有首部有标签筛选条件，下拉查看内容时，标签筛选条件消失，需要重新回到首部重新筛选。视通没有内容标签页面，只有赛事页面。

（2）极光的标签体系比较丰富，按照赛事种类和自定义标签展示，展示顺序按照热门度降序排列。奇异果标签内容过于单一。标签的排序是固定的，没有按照最新最热展示。

? ? 3.2播放详情页

（1）极光和奇异果都采用了小屏优先，并展示该赛事的标题，进程。可以通过选择【全屏】按钮进行全屏播放，两者都展示【会员】按钮，方便用户进行对付费或者会员内容的购买。

（2）详情页极光展示回放，赛程推荐，集锦，方便用户对正在播放的内容进行其他关联性选择；奇异果只展示赛程推荐。极光详情页底部会推荐目前除体育以外其他热门内容的展示，提升其他热门内容的曝光量。

（3）视通只有全屏播放，没有其他附件功能。

4. 总结

? ? （1）不得不说，腾讯在哪都要想着各种商业模式去赚钱，2C,2B都不会放过，自己的平台任何页面都不会放弃广告和会员的推荐，这种已经有高流量的平台可以轻松的搭建分支的商业模式。

（2）不过有钱了也注重了用户体验，很多小细节都能解决很多用户使用问题，比如对角线对称的筛选条件。详情页推荐其他栏目最新最热内容，回到底部这些很常见的功能，但是其他两家都没有，所以常见功能不在乎复杂高级，而是是否真的解决了用户问题。本人也是第一次分析TV端的三个APP，希望给大家带来一些个人见解。

前端工程师和前端交互设计师有什么区别

个人认为前端工程师和前端交互设计师的的却别还是很大的。

1、首先说一下前端工程师和前端交互设计师。

首先说前端工程师，我们都知道前端工程师的职责就是使用html、css、JavaScript等前端代码实现网站的页面，但是严格的意义的前端工程师都是不负责设计网站的，一般都是由美工或者前端交互设计师来设计网站的效果图，然后前端工程师只负责将效果图实现成为网页。现在一般的比较专业的公司都是不需要前端工程师来设计网页的了。

前端交互设计师要比前端工程师的技术含量要高一些，你可能认为那前端交互设计师不就是美工吗？那当然不是，严格意义上讲，前端交互设计师的应该是网站美工和网站前端的“合体”。前端交互设计师的职责就是设计网站的色调布局、网页特效等直接与用户接触可以直接影响用户体验的网页元素，也就是说网站前端不仅仅要设计效果图也要懂前端的知识。

2、网站前端工程师和网站前端交互设计师的区别。

网站前端交互设计师一般在公司里就是产品经理或者是组长，而前端工程师就是员工或者是组员，从技术层面上讲，前端交互设计师在不同的公司从事的技术工作可能不相同，有些特别大的公司网站交互设计师就是负责设计网站的与用户交互设计的，为的就是设计出用户体验好的网站，这样公司的前端交互设计师主要从事的从美学或者人们的心理学等方面研究网站和用户的体验。而在一些中大型企业可能，网站交互设计师就是设计网站效果图和负责是实现一些比较负责的网页特效，当然一些大公司的网页特效都是由专业的负责框架的人来写的。总之，不同公司对于网站前端交互设计师的分配的工作可能不同，但是有一点是肯定的，网站交互设计师技术上要比前端工程师高，且一般网站交互设计师都是前端工程师的经理或者直接的领导。

最后，网站交互设计师一般也都是从前端工程师做起来的，只不过比前端工程师更加注重用户体验，比前端工程师更加理解网站前端这个行业。

前端交互和UI设计有什么区别?

简要说一下：

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

软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

UI设计主要偏设计，很多的UI只是负责出图，并没有和程序太深度的交流，他更多需要定位使用者、使用环境、使用方式并且为最终用户而设计。现在更多的交互设计。ui设计往往偏向于UI交互设计。

前端设计在设计的基础上涉及到HTML5+CSS3的知识，更多的要解决兼容性问题。这是需要同时同步的学习互联网知识和前端代码知识。

H5+CSS3学习不复杂，但是解决兼容性问题需要大量的实践与经验，需要多于程序沟通。

UI交互设计和前端是什么样的关系，为啥有听别人说前端也是UI

1、概念不同

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

web前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

2、研究方向不同

UI设计的研究方向是：用户研究、交互设计、界面设计；

web前端的研究方向是技术方向：包括html、css、js等需要编写代码。

3、职业机会不同

UI设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等；

web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等；

计交给美工来做，把html5、css、js的添加交给web前端工程师来做，

4、工作内容不同

UI前端：主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计。

web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。