美文网首页用Sketch做UIapp重设计UI设计
开眼重设计 Eyepetizer Redesign

开眼重设计 Eyepetizer Redesign

作者: 玄语琰 | 来源:发表于2017-12-04 22:40 被阅读6次

    从2016年开始,视频领域成爆发式发展,开眼app获得了众多用户的认可,而我在使用开眼app时,无不对其对于其页面设计,视频的选择感到惊艳,无论是从标签栏的简洁图标,到视频的类型与质量,所以这次Redesign选择开眼app(v3.10.1),将个人的一点想法倾注进去,并深入剖析其精美的设计。

    开眼登录页原设计 page1 page2 page3 page4 page5 登录页重设计

    原设计中虽然也有动态图,但也只是一张图片由近及远的动效,引导页作用不单单是渐入登录与留住用户,作为视频网站用多页动效可以从第一印象上,留下多元化丰富的视频元素的印象,这只是小小的一点。

    开眼首页原设计

    原首页设计中,编辑精选占用大块位置,给人以大气,流畅的印象。重新设计是将所有类目重新放置,可见底部的思维导图。iOS版本设计中,利用阴影,磨砂,渐变等设计想法,简洁化的展示出来。

    首页重设计 开眼发现页原设计 发现页重设计

    发现页设计中,原设计在左上角放置全部分类,让用户可以快速找到,但是我在使用中发现在全部分类-某个分类-视频层级下,用户在看完视频后容易短时间迷失层级,主要原因是层级过深,所以iOS版本重新设计后,将其改为排行榜,将原热门分类下的周,月,总排行榜改在左上角,查找不变,功能层级简化为分类和作者,将热门改在了首页下,分类层改为热门(滚动式)推荐(分类推荐)并在选项卡处在次级选项状态下添加了磨砂,渐变元素来吸引用户注意。

    开眼关注页原设计 关注页重设计

    关注页设计中,原设计将全部作者放在左上角,比较方便查找,但我个人认为关注页更应该着重在关注人身上,我在关注页找不到我关注人的列表,只能一个一个视频翻,容易让用户产生不适感。

    我将其改为我的关注,点击进入即为个人关注的所有人列表,方便查找该人的视频页,并且我将此页依然在文字部分添加了磨砂元素。

    开眼视频页原设计 视频页重设计

    视频页设计的改动较大,原有的交互方式即为下滑式退出,我将其扩大化成卡片重叠式,用户可以马上领悟,点击视频,视频页上滑式打开,顶部有下滑提示,观看完毕后下滑退出,视频页改为影片放映式,四周有空隙,方便用户在看完视频后第一时间可以反应过来退回到第一层级。下面相关视频列举未有太大改动。

    开眼我的页面原设计 我的页面重设计

    我的页设计中,原设计将收藏和评论归为重要功能级别,将其他居中在下面。

    其中,我的关注这一功能基于我将其改在关注页中,此页我重新设计成右面的风格,并添加了粉丝数量。

    左上角改为消息,右上角改为退出。将所有页面的左右上角都添加功能,让用户产生依赖感并不用深度思考。

    开眼原设计思维导图 开眼主要功能重设计

    相关文章

      网友评论

        本文标题:开眼重设计 Eyepetizer Redesign

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