美文网首页PMskill
私信修改设计

私信修改设计

作者: huglee | 来源:发表于2015-03-29 21:43 被阅读476次

    问题

    • 私信的样式还是最初的样式,与目前总体风格相悖
      解决方案:重新设计私信模块
    • 私信无删除功能,给很多用户带来困扰
      解决方案:在私信列表增加删除按钮
    • 发送私信的体验很差
      解决方案:输入框可以类app化,同时增加QQ表情
    • 私信数据库设计效率低下,消耗过大
      解决方案:尝试优化,同时做mysql改kvdb的调研

    具体修改

    将私信模块的前端按新的设计图重写,注意交互设计的注释

    交互设计

    【私信列表】

    1.顶部导航始终固定于顶部(手指下滑导航仍需置顶)
    2.未读的私信,以背景颜色区分
    3.点击头像区进入用户主页,点击右边整块进入对话页

    【对话页】

    我标注了交互
    1.顶部导航固定,右侧为删除按钮
    2.靠近底部为最新对话,且无论对话数多少,初始状态始终保证底部为最新对话
    3.底部输入框固定,输入栏随文字自增,表情按钮唤出QQ表情

    【对话页】删除私信
    1.点击删除按钮唤出弹出框,注意透明化设计
    2.若点击确定,“删除”私信并跳转至私信列表页
    3.以时间戳标记某用户删除的时间。整个私信数据库设计求优化@skyway




    UI初步

    @ 喵喵 请喵喵务必遵守以下原则

    1.遵循自己的设计规范,包括导航条、提示框、按钮等
    2.一定要有设计文档,格式化设计规范
    3.与Lee确定设计后,向strong提交详细标注图,并验收 此项亦可Lee代劳

    上传照片增加鲁棒性

    @striving
    目前仍有很多用户未上传相册和背景图片,有好几个用户都反映无法上传。不管是微信js-sdk的问题还是手机问题,反正我们得提供更完善的解决方案

    解决方案

    【Caution】研读js-sdk官方文档,附录里有很多新的修改。根据文档附录完善js代码。

    检测用户手机是否支持接口,若不支持:
    1.统计失败比例:发送错误报告至后台(user_id,header)
    2.说明提示:不支持使用微信上传接口,请升级微信最新版
    3.替代方案:采用<input type="file">直接上传,若仍不成功,提示用户在电脑端上传

    相关文章

      网友评论

        本文标题:私信修改设计

        本文链接:https://www.haomeiwen.com/subject/ndgnxttx.html