1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

重新设计流行网站——YouTube

本帖由 we96325802017-05-26 发布。版面名称:图形设计

标签:
  1. we9632580

    we9632580 New Member

    注册:
    2010-10-30
    帖子:
    10
    赞:
    0
    作为设计师,重新设计一直是我的爱好之一,特别是对于一个我每天都使用的产品。因为我使用的每时每刻都在收集想法,直到我明白我希望这个产品是什么样。

    1-3IdiF3Wb5uSRnMEOJBsu8A.png

    在重新设计流行网站的时候,我最享受是清除所有的混乱。

    在我看来,最流行的网站往往是最混乱的。看看Facebook,YouTube,LinkedIn……他们提供了过量的信息,以致于你不能专注于真正重要的事情。

    在这次对YouTube的重新设计中,我希望实现3个主要目标:

    1. 设计一个能够完美满足用户需求的东西。
    2. 让用户关注真正重要的事情(换句话说:不要分散用户注意力)。
    3. 做一个实际的的,对用户意义重大的重新设计。
    主页
    1-5JPmTfDC5l5L8YnOT4hN1Q.png

    主页结合了“Home”页面和“订阅”页面两个页面,现在我经常在这两个页面中来回跳转。当我们把它们并列排在一起的时候,就会意识到他们就应该在一起,像命中注定一样。

    侧栏

    1--kQfZ8iwwiXnN8c4SO5deg.png

    很多时候你会想快速跳转到你最近看过的视频。你会不喜欢能快速访问最近看过的视频吗?

    视频页面

    1-XQl46_bNdV5G9aEjP-9v1w.png

    更让人专注的视频页面

    这是非常有趣的地方,我发现我没法专注地观看YouTube视频。有时候我会一直保持扩展视图,大多数时候我会直接转到全屏模式,因为我很难专注于视频本身。

    所以我清除了所有导致混乱的和有干扰性的因素,把视频放到中间,让屏幕的其余部分变暗,以此来让我专心看视频,获得全屏模式下的视觉焦点。

    在视频详细信息部分,我让页面尽量保持整洁和可读性:

    1-PMjyOumTq1qcI1C31mRINg.png
    视频页面中的视频信息部分

    如上图所示,我在主页上使用过的网格系统让整个网站井井有条,同时还留有相当数量的空白,让眼睛能迅速抓取重要信息。

    但你一定在想:我怎么才能看到详细信息?就这样……

    1-nynpzssKEd2dVOBl-qY9Jg.gif

    快速滑动的效果,很棒吧

    最棒的是,你不用关闭或离开视频播放器,就可以同时阅读视频详细信息和评论。

    最后的想法
    这是一个有趣的经历。作为设计师,重新设计一直是我的爱好之一,特别是对于一个我每天都使用的产品。因为我使用的每时每刻都在收集想法,直到我明白我希望这个产品是什么样。


    原文链接:https://medium.com/@matanm/youtube-redesign-c27376294e06

    译者:非科班设计翻译小组@浣熊君,微信公众号【非科班设计】
     
  2. 按时大大123

    注册:
    2017-05-26
    帖子:
    13
    赞:
    0
    帮楼主顶帖!赞!!!
     
  3. ﹏譆揂嶼妳ゞ

    注册:
    2017-08-28
    帖子:
    132
    赞:
    0
    顶帖!赞!!!