V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
imSam
V2EX  ›  分享创造

网站改版 4 个月了,分享一下改版的 UX 介绍。

  •  
  •   imSam · 2017-03-12 01:05:57 +08:00 · 3885 次点击
    这是一个创建于 2812 天前的主题,其中的信息可能已经有所发展或是发生改变。
    顺便请容我仅有的一次吐槽:像以往的版本一样,新版一出,瞬间被抄走,无论是善意的借鉴还是恶意的抄袭,有的朋友会很厚道地直接联系我,参考了新版牛大拿的一些元素,有些干脆就直接抄走,并且美其名曰原创设计,对此我一直没有公开吐槽,今天各位请原谅我唯一的这一次不爽。

    去年 11 月份进行了改版,一直没有整理 UX 简洁,今天放出来分享给热爱设计的朋友共勉。

    On Dribbble https://dribbble.com/shots/3355120-UX-Design-for-Niudana

    23 条回复    2017-03-14 18:26:28 +08:00
    isCyan
        1
    isCyan  
       2017-03-12 01:17:13 +08:00 via Android
    设计大神,每次的作品都超漂亮超养眼的
    notes
        2
    notes  
       2017-03-12 01:32:51 +08:00 via Android
    大牛做的漂亮
    valkjsaaa
        3
    valkjsaaa  
       2017-03-12 03:17:46 +08:00
    语法错误: currently logo 应为 current logo
    sinv
        4
    sinv  
       2017-03-12 03:50:42 +08:00 via iPhone
    imSam
        5
    imSam  
    OP
       2017-03-12 04:28:31 +08:00 via iPhone
    @isCyan
    @notes 谢谢鼓励。

    @valkjsaaa 谢谢提醒,一直在恶补语法,有疏漏请谅解。

    @sinv 这个站长改版前就加我好友了,并且表示借鉴了牛大拿的一些元素,属于蛮厚道的朋友。
    istark
        6
    istark  
       2017-03-12 15:10:46 +08:00
    以前有位 V 友做了可以自主编辑的导航,蛮不错的,可惜忘记网址了,楼主可以考虑下这个功能。
    dreamcog
        7
    dreamcog  
       2017-03-12 16:59:51 +08:00
    赞!
    v2ex_user001
        8
    v2ex_user001  
       2017-03-12 21:21:33 +08:00
    不错
    nicoljiang
        9
    nicoljiang  
       2017-03-12 22:12:56 +08:00
    很早就知道牛大拿,也在 v2 看到站长分享过几次,其实觉得体验一点都不好,但是本着不喜勿用的原则,也不适合去多说什么。

    但是今天看到这篇,还是有点感慨。

    以下是三个同类网站的截图,孰优孰劣一眼便知:
    http://ompgl8dri.bkt.clouddn.com/seeseed.png
    http://ompgl8dri.bkt.clouddn.com/chuangzaoshi.png
    http://ompgl8dri.bkt.clouddn.com/niudana.png

    感觉牛大拿的整个设计意图应该是根本就不想让人好好看,从布局到颜色,再到字体、留白、排版。。。特别左边那个导航,真是既不想让人看清楚,又一直在抢视觉重点。

    今天发这篇帖子主要是想告诉站长:你上面四幅原型看起来全都比网站舒服多了。

    创造狮也是好的没抄到~

    利益相关:无。
    imSam
        10
    imSam  
    OP
       2017-03-12 22:21:14 +08:00 via iPhone
    @nicoljiang 感谢你耐心的拍砖,另:我只做原创设计,初衷就是先保证满足我已有的核心用户。第二个网站的站长我认识,第一个,我只能说模仿得很好。再次感谢你的指教,希望下个版本的牛大拿能吸引你使用。
    nicoljiang
        11
    nicoljiang  
       2017-03-12 22:24:43 +08:00
    @imSam 原创非常值得尊重,这点自不用说。希望你下个版本是一个能让人真切感觉到在为用户服务、认真考虑用户感受的产品。现在的感觉是想炫技,又没有摆布好。
    imSam
        12
    imSam  
    OP
       2017-03-12 22:25:48 +08:00 via iPhone
    @istark 之前考虑过,但是碍于没有技术,一直都是一个人做设计,做前端,但不懂开发,所以只能用 CMS 程序修改。😂
    imSam
        13
    imSam  
    OP
       2017-03-12 22:30:50 +08:00 via iPhone
    @nicoljiang 关于考虑用户感受这一点,我们的意见稍有出入,但我会像捍卫自己的意见一样尊重你的看法。其实我比较倾向于用户们直接给我的反馈,微信啦, QQ 啦之类的,另外流量就可以说明了。改版前流量跟改版后流量对比一下就很明显了。当然了,一定还会有不足的地方,请原谅一个人的精力实在是有限,我愿意尝试接下来继续调优,留住你这样的用户是我的荣幸。再次感谢耐心指教。
    nicoljiang
        14
    nicoljiang  
       2017-03-12 22:39:46 +08:00
    @imSam 好的。
    designer
        15
    designer  
       2017-03-12 23:56:22 +08:00 via iPhone
    @nicoljiang
    你好,我在公众号有说过,左右卡片式布局我最初有借鉴钦慕(admire.so),侧边栏 side bar 确实借鉴了牛大拿的深色系设计。创造狮的 logo 说实话都比牛大拿新版早。

    牛大拿的侧边栏最开始是悬浮圆角的。后面也跟创造狮一样,上下全屏固定到了屏幕右侧。算是好的设计一种相互借鉴吧。

    也比较钦佩 sam ,都是设计好友,在牛大拿改版的时候我们一起交流了下导航设计。那是牛大拿风格还处于定位,创造狮也刚刚起来,内页还没有设计其实。 sam 对牛大拿有他自己的理解。牛大拿及牛大拿的内页的设计也并不是创造狮的方向,所以并不存在好的没“抄”到,请你用词注意一下。因为你并不了解。我能理解。
    -------------------
    你的截图 seeseed.com 这个网站是 designup 旗下的最新推出的。你可以看下他跟创造狮 chuangzaoshi.com 的对比。说实话他们抄了创造狮比较多,书签上带有浏览量和其他一些微交互属性算是创造狮的鲜明特色了。手机版基本跟创造狮一样, seeseed 当初毫不知耻批量爬创造狮的书签 icon ,被我保存到了国外缓存网站,后面他们官方出了一个“道歉信”,我就算了。

    我不拒绝别人借鉴,但是你至少能承认。也能够得到别人的祝福。
    imSam
        16
    imSam  
    OP
       2017-03-13 00:06:55 +08:00 via iPhone   ❤️ 1
    @designer 没错,借鉴本来并不是什么大不了的,只要抱着一颗交流学习的心态就可以了。而不是堂而皇之抄走,还绞尽脑汁的玩文字游戏,各种开脱。

    另:牛大拿新版侧边栏最早就是固定的,我在牛大拿 QQ 群里也有说,想试试悬浮效果,如果不行就改回来,如果借鉴了你的,我会说的,这没什么……😂
    haopic
        17
    haopic  
       2017-03-13 09:03:38 +08:00
    @imSam 网站很漂亮,一直有关注。
    图片素材站能否做个连接?
    yunlongzi
        18
    yunlongzi  
       2017-03-13 10:21:55 +08:00
    第一次见到这么专业的设计稿,漂亮,希望自己也能够有这样的能力
    nicoljiang
        19
    nicoljiang  
       2017-03-13 12:09:19 +08:00
    @designer
    抱歉,我一直以为我打的是「创造狮也没学个好的」,措词有比较大的问题。

    + @imSam
    其实我本想强调的并不是借鉴、抄袭的问题,不过算了,可能角度不一样,很能理解那种愤怒💢。

    而且我本身并不是设计师,只是产品🐶,所以对视觉其实没有太大的发言权。单纯觉得「这网站乍一眼看起来完全不知道重点在哪里」。但是私以为,你看到几个截图对比,心里还是会有公允的对比。

    必须说,设计稿很棒, Logo 改的很可爱,网站里的一些小细节都很赞。但是没能很好地 Hold 住你的「设计导读」和左边的「菜单」,再加上各种 Tip 以及广告,在首屏造成了眼中的视觉分裂。而且我认为,这不是理解不同,用户一开始哪有什么理解,但是你没有通过视觉清楚地传递你的理念和意图,我觉得一看便知。个性地鲜明表达,一定是建立在达标的基础上。比如毛主席的单个字对大多数人来讲并不会觉得好看,但一个篇幅下来,观客能充分感知那种豪放和苍劲。

    希望可以从「抄袭、借鉴」这些小思维中跳脱出来看问题。

    以上都不妨碍我对所有原创设计的致敬和崇拜。
    nicoljiang
        20
    nicoljiang  
       2017-03-13 12:16:00 +08:00
    勘误:
    [眼中] 的视觉分裂 => 严重;
    但是你 [没有] 通过视觉 => 有没有。
    ryh
        21
    ryh  
       2017-03-13 12:47:11 +08:00
    可能因为 rMBP 13 屏幕比较小, dribbble 的图片 被压缩的不是原始长宽比了(#tablist1 > div.block > ul > li:nth-child(1) > a 205.3 X 168px ),一般的图感受不到,但 F+J Holiday Card
    那张因为是圆形的所以很明显。
    nicoljiang
        22
    nicoljiang  
       2017-03-13 12:51:36 +08:00
    @ryh 我 15 吋的一样。
    nevergg24
        23
    nevergg24  
       2017-03-14 18:26:28 +08:00
    整体设计很不错,尤其是展示,但是感觉左侧导航的对齐方式有点奇怪,整体的对齐方式是居中对齐,但是底下细分的菜单是局左对齐,觉得统一一下会更好,个人意见。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1643 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:54 · PVG 00:54 · LAX 08:54 · JFK 11:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.