微信、QQ图片相关功能比较分析(二)

使用照片

1.有相册权限

  • 微信、QQ:保存图片

  • APP:不保存图片

2.没有相册权限

  • 微信:保存图片

  • QQ、APP:不保存图片

3.总结

使用照片
  • 优化:当没有相册权限时,是否保存图片影响不大,但出于尊重用户权限的角度,还是以QQ为准,不保存图片。

选择图片时,预览图片

操作页面

操作

  • 在相册页面,点击某个图片,预览图片
  • 在相册页面,选择多张图片后,再点预览按钮,预览图片
预览页面比较

1.放大缩小

  • 微信、QQ、APP:有

2.保存图片

  • 微信、QQ、APP:无

3.删除图片

  • 微信、QQ、APP:选中、取消选中

4.导航栏

  • 微信、APP:有,无标题
  • QQ:有,5/8(选中一张图片时,标题为预览)

5.滚动时,导航栏显示

  • 微信、QQ、APP:有

6.总结


选择图片时,预览图片
  • APP优化:导航栏参考QQ

选择图片后,预览图片

长图展示

操作:

  • 当选择多张图片后,点完成或发送按钮,进入到图片上传页面,再点图片预览图片

当选择长图后,图片页面展示

  • 微信:图片模糊
  • QQ:图片非常清晰
  • APP:图片叠在一起,看不清楚
上传多张图片

上传多张图片

  • 微信:无此功能
  • QQ:该页面不能滚动,中间图片区域可以滚动
  • APP:原来APP的处理方式与QQ一致,后改为,图片区域自动撑高,整个页面可以滚动
  • 思考:这两种展示方式侧重点不同:QQ的重点在图片下面的其他设置,弱化图片;而APP的重点在图片的展示,弱化设置。
预览页面比较

1.放大缩小

  • 微信、QQ、APP:有

2.保存图片

  • 微信、QQ:无
  • APP:有

3.删除图片

  • 微信:删除按钮
  • QQ:选中、取消选中
  • APP:长按图片,有删除按钮

4.导航栏

  • 微信:有,1/8
  • QQ:无,底部有2/8(划动页面才出现。此处,QQ的UI不统一)
  • APP:有,11/12(只有一张图片时,标题为查看大图)

5.滚动时,导航栏显示

  • 微信:无导航栏
  • QQ:无导航栏,但是有选中、取消选中
  • APP:有导航栏

6.总结


选择图片后,预览图片
  • APP优化:从相册中选择图片,其实没有必要再保存图片到相册,因此不再提供保存功能
  • APP优化:长按,这种方式不够直观,改成删除按钮。

发布图片后,查看大图

微信、APP
QQ

操作:发布图片后,在动态页面查看大图

UI展示

  • 微信:根据屏幕大小,缩放图片尺寸,每行三张。留白较多。
  • QQ:根据屏幕大小,图片张数,缩放图片尺寸。没有留白。
  • APP:不同的页面,展示方式不一致。部分页面每行四张,根据屏幕大小,缩放图片尺寸。部分页面图片尺寸固定,不同屏幕大小,动态调整每行展示图片数量。
  • 思考:以上3中UI展示方式,个人比较喜欢微信的风格:简洁统一。QQ没有留白,感觉页面比较杂乱。而我们APP则风格不统一,每行张数不一样,圆角直角不统一。


    预览页面比较

1.放大缩小

  • 微信、QQ、APP:有

2.保存图片

  • 微信、QQ、APP:有

3.删除图片

  • 微信、QQ、APP:无

4.导航栏

  • 微信:无,底部有page control
  • QQ:无,底部有2/8(划动页面才出现)
  • APP:有,11/12

5.滚动时,导航栏显示

  • 微信、QQ:无
  • APP:有

6.总结

发布图片后,查看大图
  • 思考:微信、QQ为了让用户的焦点在图片,因而隐藏导航栏,弱化图片张数与当前位置?

上传图片张数/是否有原图功能

1.微信

  • 聊天页面、上传电脑:9/原图
  • 发朋友圈:9/无原图

2.QQ

  • 聊天页面:20/原图
  • 上传电脑:50/无原图
  • 发说说:20/预览时,没有原图选项,但选好图片后,可以设置图片质量
  • 发照片:400+/预览时,没有原图选项,但选好图片后,可以设置图片质量

3.APP

  • 聊天页面:9/原图
  • 发布动态等页面:一次选8张图片,可以选多次/原图

4.总结

上传图片张数/是否有原图功能
  • APP 优化:聊天页面和发布动态等页面一次选择的最大张数统一

图片上传

1.微信

  • 无网络、弱网、正常 :直接显示,没有loading的过程,保存图片上传队列,恢复网络后,在后台继续上传

2.QQ


上传提示
  • 无网络、弱网、正常 :直接显示,没有loading的过程,并在界面提示已保存图片上传队列,恢复网络后继续上传

3.APP

上传成功、上传失败和上传中
  • 无网络、弱网、正常 :有loading的过程,上传成功后会显示勾,当网络条件差的情况,上传失败显示叉,点图片,可以重新上传

4.总结


图片上传
  • APP 优化:因为目前图片上传都是先将图片上传到腾讯云或万象,获取到图片的url后,再进行后续操作。所以图片上传还是按照以前的主要逻辑,但UI部分重构,优化图片上传体验,尽量减少用户等待时间

其他功能

1.上传图片后,点取消按钮


上传图片后,点取消按钮
  • 微信:弹框确认:退出此次编辑?
  • QQ:弹框提示:是否保存草稿。保存后,下次写说说,图片和文字均保留。
  • APP:直接页面跳转,没有提示

2.最近图片提示

最近图片提示
  • 微信:你可能要发送的照片
  • QQ:你可能想传
  • APP:无此功能

3.正常图片滚动方向

  • 微信、QQ:水平滚动
  • APP:水平滚动,垂直滚动

4.长图滚动方向

预览长图
  • 微信、QQ、APP:水平滚动,垂直滚动

5.总结

其他功能
  • APP 优化:弹框确认:退出此次编辑?
  • APP 优化:后续可以考虑加上最近图片提示
  • APP 优化:只需要水平滚动
  • APP 优化:展示长图UI待优化
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,332评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,930评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,204评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,348评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,356评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,447评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,862评论 3 394
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,516评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,710评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,518评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,582评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,295评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,848评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,881评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,121评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,737评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,280评论 2 341

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,354评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,007评论 4 61
  • 相机功能 1.相机权限提示弹窗 微信:请在iPhone的“设置-隐私-相机”选项中,允许微信访问你的相机 QQ:请...
    栗子烤肉阅读 1,827评论 0 3
  • 今天跟同学偶尔聊起星座扒拉扒拉扒拉,一提起星座,估计很多人都为之不屑,毋须有的论调而已。不过射手座的我确实在随性的...
    二娜阅读 316评论 1 4
  • 凉凉的风 凉凉的夜晚 独自走在喧闹的街道 久违的感觉 旋转起来像花儿一样的裙摆 驻足 引起一丝遐想 忍不住那么一笑...
    饭饭认认米阅读 214评论 1 1