关闭广告
晋江论坛网友交流区碧水江汀
主题:产品UI设计说明书|基于版本V6.6.5.4的最小改动达成最大优化效果 [22]
收藏该贴
已收藏
只看楼主
一楼防pb
№0 ☆☆☆坚持不懈的码字人|872bfb07 2025-05-25 04:19:05留言☆☆☆   来自湖北 加书签 投诉 不再看TA

二楼,测试图床链接
№1 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:25:36留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

三楼,测试图床
№2 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:26:36留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

四楼,测试图床
№3 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:29:31留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

五楼,测试图床
№4 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:30:56留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

图呢?
№5 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:39:51留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

好,下面正式开始:
一、流量从哪里来?
流量从上面来。流量从下面来。
1、流量从上面来。
很好理解,晋江名气在外,晋江的书名气在外,晋江的作者名气在外,于是流量慕名而来。
所以第一眼要向用户展现晋江最好的一面,第二眼要向用户展现次等好的一面。
全站最佳,分站最佳应运而生。
№6 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:41:12留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

界面设计如图:
№7 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:43:09留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

全站最佳-文字说明:
A、【全站最佳】横向面积占比不得小于分频如【言情】【衍生言情】等
B、选中【全站最佳】出现文字加粗加大效果
C、选中【全站最佳】绿色背景变成与下方相同的白色
D、以上效果全部需要美工优化
№8 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:43:39留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

分站最佳-文字说明:
A、 图标固定在一级导航最右边,用户左右滑动切换分频时永远位于图层最上层(效果参照爱奇艺app上导航右侧)
B、 图标下挂书签,占用二级分类最右边的区域,以【分站最佳】进行文字说明
C、 书签可以做得小巧而美丽,保证文字说明清晰明显即可,但是点击生效区域必须是【图标+书签】,避免用户发生点击失误,影响用户使用体验。
D、 用户点击图标或者书签,上浮分站导航,其余地方置灰,效果如下图
E、 以上效果全部需要美工优化
№9 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:44:13留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

点击【分站最佳】上浮分站导航界面示意图:
№10 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:45:26留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

全站最佳、分站最佳取名理由:通过简单的对比植入全站-分站概念,帮助用户理解晋江产品二级分类,以最佳二字告诉用户晋江最好看的小说在哪里。
№11 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:46:04留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

补充说明:
A、分站上浮导航第一栏【书城】砍掉,直接以【言情】打头,最下面【原创】后面增加【返回】,【返回】固定跳转全站最佳,【设置】保持不变。
B、【分站最佳图标下挂文字说明】虽然占用了二级分类最右边的区域,但并非砍掉【版权】,【版权】往前挪一位,紧挨着【分站最佳图标下挂文字说明-书签】,在【书签】的左边。
C、【VIP金榜】最右边的【跳转底部榜单图标】,可以做到【VIP强推】旁边,还是在第一页,影响不大,如下图所示。
№12 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:47:55留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

当全站最佳不能满足用户的需求,用户自然会退而求其次打开分站最佳,流量开始从上面往下流。
№13 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:48:41留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

用户点击分站最佳,在上浮导航中选择任意一个分站,如言情分站,依然遵循全站最佳界面设计思路。
№14 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:49:40留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

示例-言情分站UI界面示意图:
№15 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:52:06留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

特别说明:app一级导航各个界面之间的横向滑动必须打通,包括【全站最佳】到分频如【衍生言情】等,分频之间互相横向滑动跳转,以及【言情等最佳】到分频如【古代言情】等,有利于流量流动,也方便用户使用。
№16 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:52:38留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

流量从上面往下流动,只一级导航最右侧图标一个通道,未免有些缓慢。对页面已经下滑到第三页第四页之后的用户,也不是很方便,毕竟没有回到顶部的跳转图标,不如建立第二个通道,进行第二次引导。
№17 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:53:13留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

在全站最佳(书城首页)分类推荐增加分站跳转图标,将已经有初步选择倾向的用户引导向分站。
№18 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:54:21留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

言情分站跳转图标:
№19 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:55:36留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

纯爱分站跳转图标:
№20 ☆☆☆坚持不懈的码字人|872bfb072025-05-25 04:57:24留言☆☆☆   来自湖北
投诉 加书签 引用 不再看TA

登入后查看更多回贴

回复此贴子

名字:
选择图案:
内容:
(注意:一次最多可提交3000字,且一次最多可提交三张尺寸在1024*1024范围内的图片,超出部分请分次提交!)
图片链接:
(贴图规则)


返回上层 管理 返回本版块首页返回交流区首页返回主页

 

只看楼主