重设计-每日开眼

作者: BREEZE文良 | 来源:发表于2016-07-25 17:21 被阅读450次


每日开眼

产品介绍

App名称:每日开眼

版本号:2.3.0

使用平台:ios9.3.2(13F69)

功能介绍:每日精选视频推送、播放软件

产品特色:短视频(时长基本为几分钟);  高清品质;  内容质优(无论视觉上还是内涵上都有特色,具有冲击感和内涵。);  全球性(国外视频居多);  360全景视频;  软件界面风格统一且独立,有艺术感;  弱社交(让用户专注浏览视频);  日更新量少(不求质量更求品质)


用户需求

目标用户:上班族/学生/设计师/好奇心强的人/注重品质的人等

使用场景:睡觉之前/醒来之后/上下班途中/创作需要灵感时/下课时间/朋友聚会等

用户目标:开阔认知视野/增加话题谈资/趣味分享/寻找灵感/消耗碎片时间等


产品分析与重设计

1,

存在问题:在「精选」界面,左上角的日期标识,可能有很大一部分用户会觉得这个区域是可以点击,因为他们要是想快速浏览较早期视频,必须配套的有快速切换日期功能,而不是傻傻的在瀑布流区域一直向下滑。但事实上,这里只是一个提醒作用而已,所以当我去点击该区域时,没有任何反应。很容易让用户感到像是撞到了一面墙,心里产生挫败感。

重设计:我建议在「Today」(或其他英文日期)这个区域可以设计为单击,然后下滑弹出「日期切换」界面。然后在「日期切换」界面可通过横扫滑动操作来快速切换较早日期。

添加「日期切换」

2,

存在问题:在「视频简介」的页面的任意部位向上滑动,可弹出「相关视频推荐」页面,这个隐蔽的交互设计,平时没有任何提醒,可能会由误操作触发,要是用户对你弹出来的视频推荐感兴趣,那倒问题不大,要是用户觉得这个误操作给他带来了麻烦,那就需要良好的交互方式来执行返回原界面,以帮助用户消除麻烦。但我在「相关视频推荐」只能通过点击右上角的箭头标识来关闭该界面。再有就是先不说帮客户消除麻烦的情况,按照逻辑既然我们能向上滑动弹出界面,那么同样我们就应该能向下滑动关闭界面。且这个界面并没有向下滑动刷新内容的功能设计,所以不用担心有交互手势冲突。

重设计:添加向下滑动关闭界面的交互手势。

添加「向下滑动关闭界面」的交互手势

3,

存在问题:在我们通过点击打开「评论」界面时,出现了跟问题2类似的问题,在该页面只能通过点击向下的箭头来关闭页面,本着"能滑的绝对不要用点"的原则,所以需要在这个页面也添加向下滑动关闭页面的交互手势。

重设计:添加向下滑动关闭界面的交互手势。

添加「向下滑动关闭界面」的交互手势

4,

存在问题:1,同样在「评论」界面,原设计的「写下你的评论」的方框区域,与背景交集较多,视觉上较为混乱。2,「评论展示区域」较小,可适量增大以更好展现评论内容。

重设计:将方框区域上移,并增大评论内容展现区域。

「评论界面」调整

5,

存在问题:在「视频简介」页面,点击「缓存」标志按钮,便立即开始缓存该视频,并显示缓存进度。但再次点击无法暂停或关闭。若用户误操作进行缓存,然后想暂停或取消缓存,便需要通过3个界面的切换,然后进入到「我的缓存」,才能进行目标操作。操作繁琐,不人性化,属于设计缺陷。

重设计:本着“能一步操作绝对不用两步的”的原则,需增加「点击缓存进度的按钮便能暂停或关闭缓存」的交互功能,可减少用户操作成本。

「缓存功能」的重设计

6

存在问题:点击「搜索」按钮,弹出「搜索页面」,有两点建议。1,下方「关键词区域」靠上,下方留白较多,视觉感受不协调。2,「关键词」尺寸较小,不容易准确点击。3,搜索框中和搜索框下方都有相应提醒,内容冗余,建议保留其中之一。

重设计:如图

「搜索界面」调整 「搜索界面」调整

7,

存在问题:在「功能开关」界面,「打开」和「关闭」中,深色表示的是开启状态,无法点击。而下方中央的“清除所有缓存”按钮也是深色,同样是深色但它是可以点击的。这样的设计,可能会让用户对深色字体的功能性产生混淆。

重设计:在「清除所有缓存」四周加上方框进行区别。

对「清除缓存」钮进行区别

8,

其他小建议我就不赘述了,直接上图。

「个人主页」添加视频总数 无法打开消息详情的BUG? 「作者界面」调整

总结:

1,重设计界面汇总

汇总图

2,感想

本次通过闲暇时间,对「每日开眼」软件的使用体验进行总结,在不影响原设计风格的基础上(虽然叫我影响我也没那个能力哈哈哈,原设计已经很有逼格了)提出一点小建议。好的设计是减少用户认知和操作成本,使用户更方便快捷达到目的,并留下好的印象,这个是每一位UI/UE设计师都必须去遵守的原则。第一次写应该会有太多的不足,欢迎能有朋友联系我进行交流。


欢迎批评和建议,越努力越幸运:)

相关文章

  • 重设计-每日开眼

    产品介绍 App名称:每日开眼 版本号:2.3.0 使用平台:ios9.3.2(13F69) 功能介绍:每日精选视...

  • 每日开眼03.15

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.13

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼02.14

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼02.24

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.06

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.09

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.10

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.14

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

  • 每日开眼03.11

    每日精选全球优秀拔尖的设计,每日开眼一下,深入了解每个设计背后的思考,;每日积累一点点,提升基础审美养成设计好习惯...

网友评论

  • 萝卜切:搜索界面的关键词 偏上 其实是要考虑我们输入的时候 唤起的键盘高度
  • 灿烂西瓜哥:新手飞机稿
  • pennYun:学习啦哈哈,但是有个建议不知道会不会有用,就是在“重设计”的文章中是否可以按照一定的逻辑进行分类分析呢,比如按照界面设计问题分为“逻辑”、“交互方式”、“展示视觉”、“操作流程”等针对性标签来进行分析和redesign,哈哈
    pennYun:哈哈,已经分析的很好了其实 :smile:
    BREEZE文良:@pennYun 可以的,谢谢指出不足。这篇我是按照大概的界面打开顺序来指出问题的。
  • demo的样子:对齐反而乱了
    BREEZE文良:@demo的样子 我再观察了下,左侧基本是图标,而文字靠拢在中间,确实,移到中间,体验也不会好到哪去。

本文标题:重设计-每日开眼

本文链接:https://www.haomeiwen.com/subject/xxigjttx.html