搜索框|改版复盘:智能终端电视系统( 三 )


3. 组件保证平台一致性: 加强产品与开发的沟通,解决多平台后期多而复杂页面带来的不一致性。用户用到一个新功能或者切换到另一个新平台,不需要再花额外的学习时间,所以保证一致性可以让用户形成习惯性路经思考。
提升产品使用效率: 组件化设计是通过对页面中元素的拆解、归纳和重组,并基于可被复用的目的,形成规范化的组件。再通过组合来构建整个设计方案,从而提升设计效能。所以组件化为产品带来一致的设计语言和工作效率上的提升,另一方面确保使用的客户或用户在很短的时间内使用平台。
4. 栅格系统栅格系统可以在实现良好的布局结构、层次结构、位置关系和实现一致性上面为我们提供帮助。在研发阶段栅格系统也可以加速开发并保证视觉还原。
搜索框|改版复盘:智能终端电视系统
文章插图
我们根据原型的设计,以及一次试错,因为存在基数列最终确定12列栅格设计。进一步定义常用的3柱、4柱、6柱海报展现形式,并形成组件化。
六、强化视觉感受,给与用户满满的惊喜感1. 主页归纳概括核心功能:IP直播、点播、应用商店。根据权重放置于顶部。
这次改版的原因之一也是非洲互联网的崛起,人们对新鲜事物的喜爱,我们在设计中也添加了国内的一些设计样式,希望能让用户燃起对产品的新鲜感,并且对“旧版本”的复用上,不断思考着用什么展示形式能更吸引更多的用户进行购买。
所以模块的排布上,将精选页面从上到下分成了3个区域,分别是“主要功能区”、“用户中心区”、“个性化推荐区”。
设计灵活的页面排布:
搜索框|改版复盘:智能终端电视系统
文章插图
2. 分类界面根据现有分类不同的内容展现形式,在现有的网格系统中,定义不同的栅格样式。
搜索框|改版复盘:智能终端电视系统
文章插图
3. 详情界面a. SVOD详情界面在整个用户点击播放过程中占据重要位置。在详情页中加入适量的推荐内容,可以让增加用户选择权利,同时也能增加用户的浏览量。
搜索框|改版复盘:智能终端电视系统
文章插图
b. 应用详情界面,考虑应用类的属性,已视觉表现为核心。采用定义的“轻质化”设计为视觉设计导向吸引用户。
搜索框|改版复盘:智能终端电视系统
文章插图
4. 播放界面a. 点播界面:以视频播放为主,用户体验至上,非必要情况(试看结束、开通VIP提示等)不能遮挡用户的观看体验,即不能有遮挡视频的组件出现,如果需要,则应通过降低控件透明度等手段保证视频的清晰。
搜索框|改版复盘:智能终端电视系统
文章插图
b. IP直播直播界面要点:无法快进退、快速切换频道、ZAPList、查看7天EPG、查看当前频道当天Event。相对IP点播需要的功能较多,且界面中还存在跳转,合理有效的布局界面较为关键。
利用按键解决:为保证相对操作的统一性,与点播采用一致性操作逻辑,减少用户的学习成本,将切换频道与查看频道信息分为两个(ChanneBar and OKBar)这与点播界面的查看当前视频和呼出推荐操作一致。
搜索框|改版复盘:智能终端电视系统
文章插图
5. 搜索界面从体验层面上看,一个良好的用户体验需要具备完整的流程。搜索框的使用流程可以简单划分为:

  1. 使用前-找到搜索框入口;
  2. 使用中-点击输入内容;
  3. 后-展示搜索结果。

搜索框|改版复盘:智能终端电视系统

推荐阅读