"以前是通过响应式设计来适配移动端,也就是说,PC 端和移动端使用的是同一套皮肤模版代码。 @Vanessa 和我一直在优化用户体验。至今,我们决定移动端和 PC 端皮肤分离,主要原因: 移动端不应该出现太过于干扰阅读的元素,比如帖子热度红点移动 移动端不应该存在随机文章、最新标签等,并且分页大小应该 ...."

社区移动端皮肤分离

以前是通过响应式设计来适配移动端,也就是说,PC 端和移动端使用的是同一套皮肤模版代码。

@Vanessa 和我一直在优化用户体验。至今,我们决定移动端和 PC 端皮肤分离,主要原因:

  • 移动端不应该出现太过于干扰阅读的元素,比如帖子热度红点移动
  • 移动端不应该存在随机文章、最新标签等,并且分页大小应该降低,避免过量的滚屏
  • 移动端静态资源尽量减少,降低流量使用

社区正在朝用户体验至上的方向前进,谢谢大家的支持和鼓励 grapes


PS 如果遇到 500 错误的朋友,你换个浏览器,然后找到此贴并留言.... 唉,算了,这个反馈机制逻辑上不成立....

0     3     0     1     0    
13 回帖  
  • zempty • 10 个月前

    你感谢我,我也感谢你。可好?lips

    1   0   0  
  • zonghua • 10 个月前

    用 nginx 去分发移动的样式吗

    0   0   0  
  • zonghua • 10 个月前

    还是 Java 代码里面写

    0   0   0  
  • 88250 • 10 个月前

    @zonghua Java 里面通过 UA 识别,然后切皮肤

    1   0   0  
  • zonghua • 10 个月前

    1460780925920

    Solo Finding 皮肤

    0   0   0  
  • 88250 • 10 个月前

    @zonghua 360 CDN 抽风了,下个版本改进一下

    0   0   0  
  • loggerhead • 10 个月前

    @88250 提个几个反馈或建议:

    1. 移动端的「最近回复 XXX」可以去掉。一般除了自己发的帖子,不会关注一个帖子最后回复的是谁吧?
    2. 回复数放在右上角,和头像位于同一水平线,可能更有美感?
    3. 去掉移动端「回到顶部」那个按钮,手机自带有这个功能
    4. 移动端帖子之间间距太大了,想办法弄小一点?
    5. 「领域」和 title 之间加点什么做区分(比如:1px 的 border),可能看起来会更好
    2   0   0  
  • loggerhead • 10 个月前

    @88250 我说的「移动端」只指「iPhone 5S」blush

    1   0   0  
  • loggerhead • 10 个月前

    @88250 一直隐隐觉得有点不协调,刚刚终于发现了,wrapper 没有边框,但是其他的元素都有,所以总觉得很别扭。

    PS:黑客派功能和 UI 都做得挺好的,加油~

    2   0   0  
  • R • 10 个月前

    UC上打不开,500,在微信里打开了,回复键盘删除键无效。。。

    2   0   0  
  • crick77 • 10 个月前

    spring mobile 加上 user-agent 抽离一个访问设备判断 比响应式要好 移动端的业务可能和web不一样

    0   0   0  
  • xcatliu • 10 个月前

    移动端皮肤分离有相关的进展吗?

    我提供一个思路(一直想做但是还没做的事情):

    • 前后端分离,后端只负责提供标准化的 http 服务
    • 前端(包括 Node)负责渲染

    优势:

    • 后端标准的服务可以开放成 api,供第三方调用
    • 后端标准的服务将来可以接入到 iOS App & Android App,不用重复开发了
    • 前端(包括 Node)可以作为独立项目,任何符合标准的接口(比如其他社区)都可以很方便的生成自己的应用

    劣势:

    • 开发成本变高
    • 维护成本变高,需要维护 Node
    1   0   0  
  • 88250 • 10 个月前

    @xcatliu 现在已经根据 UA 进行了模版分离。

    你建议的方案还是很赞的,只是稍微复杂一点点,现在开发跟不上....

    0   0   0  

赞助商 我要投放

又拍云
又拍云上线 Let’s Encrypt 和 Symantec 免费证书
到期后可免费续签
Promoted by 又拍云