网站改版 4 个月了,分享一下改版的 UX 介绍。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
imSam
V2EX    分享创造

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

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

    去年 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  
    PRO
       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  
    PRO
       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  
    PRO
       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  
    PRO
       2017-03-13 12:09:19 +08:00
    @designer
    抱歉,我一直以为我打的是「创造狮也没学个好的」,措词有比较大的问题。

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

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

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

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

    以上都不妨碍我对所有原创设计的致敬和崇拜。
    nicoljiang
        20
    nicoljiang  
    PRO
       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  
    PRO
       2017-03-13 12:51:36 +08:00
    @ryh 我 15 的一样。
    nevergg24
        23
    nevergg24  
       2017-03-14 18:26:28 +08:00
    整体设计很不错,尤其是展示,但是感觉左侧导航的对齐方式有点奇怪,整体的对齐方式是居中对齐,但是底下细分的菜单是局左对齐,觉得统一一下会更好,个人意见。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5494 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 45ms UTC 07:25 PVG 15:25 LAX 00:25 JFK 03:25
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86