社交应用一般都有以下7个要素:身份、状态、关系、群组、交流、分享、声誉,不同应用对不同要素的侧重点则决定了产品的不同形态。但是绝大多数产品都离不开“图片”这种信息展现形式,图片具有的直观性的特点,且随着移动智能终端和wi-fi网络的普及,图片的获取,保存,上传,分享更加简便、高效、免耗流量。
我们在社交应用中要有自己的独特的身份则需要上传头像,需要用到图片;我们发表自己的状态,分享自己的心情也更倾向于图片这种直白、感染力强的媒介形式。而照片的拍摄和图片的选择上传各个应用对此的细节却各不相同,下面是收集整理的新浪微博、微信、QQ空间等社交网站的图片处理方式,希望从拍照、选择图片、完成选择这三个方面的细节来归纳出移动应用的图片选择上传的最佳产品体验。
新浪微博
流程:
1.点击相册之后,进入照片选择界面,照片选择界面包括【相机】功能和默认的【照片】里的照片。点击【相机】按钮,调取相机进行拍照点击顶部导航栏,可以选择其他相册照片
2.先勾选相册里的照片后,点击相机按钮拍照完成之后,勾选照片和拍摄相片均被选中。
3.勾选9张照片后,点击相机按钮拍照完成之后,勾选照片和拍摄相片均被选中,且默认最后勾选的那张照片不被选中,而是选择刚刚拍摄好的那张相片。(这里的细节处理的非常好,免去了用户修改的麻烦)
![](https://img.haomeiwen.com/i171976/ae3690618544847d.png)
选择界面:
图片入口数量:2个,分别是相册和拍摄,在相册页面的第一个仍可以选择相机拍摄。
默认进入照片文件夹页面,界面第一个位置为相机拍摄,最新的照片处在前面,正向显示,支持9张图片多选。
![](https://img.haomeiwen.com/i171976/67323563637a4b40.png)
支持勾选原图,且有图片大小显示:新浪微博的原图勾选不仅支持,还显示了图片文件大小是为用户考虑的体现,如果现在的网络环境原图会耗费流量就不勾选原图。
![](https://img.haomeiwen.com/i171976/07a90e2c9e444682.png)
支持预览:新浪微博的支持预览值得赞,虽然很少会需要用户预览,但是在社交圈子中发送图片之前预览一下,看是否美观、得体是避免社交尴尬比较实用的方法。
![](https://img.haomeiwen.com/i171976/b4d60f7673394485.png)
点击左上角取消按钮则为取消本次发照片的操作。这一点微信的设计更人性化,请移步一个关于微信的例子。
发送界面:
已选择照片进入发送界面,在发送界面点击添加图片再次选择照片时,默认进入照片文件文件,而非上一次已勾选的文件夹。这里有待优化,如果用户想在之前的文件夹继续添加照片需重新点击下拉按钮,选择文件夹,勾选自己选择的照片,增加了用户操作的流程。优化的方法则是记住上一次用户勾选的文件夹,用户在发送界面想继续选择图片时,直接进入上一次文件夹的界面。
微信
流程:
微信发布图片有一个相机图标入口,点击后需选择照相和选择相册两个按钮进入。点击照相,调取相机,可以拍照,进行照片选择。点击相册,按相册显示显示照片。最新版的6.0发布之后,微信还可以添加小视频,这里就不介绍了。
选择界面:
默认进入照片文件夹,最新的照片处在最后面,逆向显示,支持9张图片多选。
6.0之前的版本是默认进入图片文件夹列表页面,点击单个文件夹之后,图片列表显示如下图
![](https://img.haomeiwen.com/i171976/a8cc5b8bd8506827.png)
不支持原图勾选。
同样支持预览。
在照片文件夹页面点击左上角返回,进入相册文件夹列表页面,可以继续选择文件夹,从而选择照片。点击右上角取消按钮则为取消本次发照片操作。这样处理则防止用户发送误操作,返回和取消代表不同的操作对象。
![](https://img.haomeiwen.com/i171976/37bae9ed1bce0899.png)
发送界面:
选择好图片之后,在发送界面继续选择图片,会弹出重新选择拍照和从手机相册选择的浮层,点击到相册界面之后,可以重新选择照片,可是微信并没有记住我之前选择的照片,这里容易导致重复选择,下图就是3张图片重复选择了3次。
![](https://img.haomeiwen.com/i171976/a788ed7e5f508a81.png)
![](https://img.haomeiwen.com/i171976/0de62a1b28333e71.png)
QQ空间
流程:
点击发布按钮,可以选择照片和水印相机两个入口发布图片,点击水印相机,直接调取水印相机照相界面。点击照片进入相机相册页面,显示照片为按时间排列的,且最近的时间排在离确定按钮最近的地方。
从照片页面点击返回回到相册页面,显示不同的相册。
![](https://img.haomeiwen.com/i171976/9905028daa74e18b.png)
选择界面:
默认进入照片页面,且在进入图片选择页面之前有一个相册页面的转场过渡切换:这样的处理效果有助于用户知道自己操作所处的位置,点击上角的“返回”和“取消”按钮的时候不容易发生误操作。
第一次进入图片默认按照时间列表显示,时间精确到分钟,如果某一天有多个不同的时间段集中形成图片,图片也是分不同的时间段显示在不同列表里,也就是说一天会形成多个以时间来划分的图片集合。这样处理的好处同样是帮助用户快速找到需要发送的照片。
显示方式除了按时显示也可以选择按顺序列表显示,在按时间显示的列表里,可以对单个列表里的照片全选。
![](https://img.haomeiwen.com/i171976/a2e7d5402d8d5c13.png)
![](https://img.haomeiwen.com/i171976/57222323fd8805a0.png)
选择图片没有数量限制,同样也支持预览
在某一个相册选择了图片之后,返回到相册页面,列表里卡片标题后有数字提醒,选择多个相册里的图片之后,每一个卡片标题后都会有数字提醒。这样的提醒也非常人性化,清楚明白的告诉了用户已经选择了的照片是属于哪个相册,避免重复选择。
![](https://img.haomeiwen.com/i171976/bbcc93e26b9f7ec1.png)
发送界面:
1.支持选择上传到的相册:这里主要是和QQ空间有【相册】这一产品有关。
2.支持选择图片质量,有正常、高清、原图三种方式可供选择,且将原图折叠起来了。每种图片质量标题下面有文字解释,比起微信和微博多了一种高质量的上传模式,介于压缩和原图之间。
![](https://img.haomeiwen.com/i171976/87281056c3f71db6.png)
![](https://img.haomeiwen.com/i171976/7d5341b6d3b1943d.png)
从以上对比可以看出,QQ空间作为非常资深的社交应用,在图片上传这一细节打磨的是最好的。
关于图片上传优质的用户体验体现在如下方面:
1.照片列表的排列方式是否友好:倒序,正序,或者按时间排序,不管是何种排序方法只要方便用户选择最近收入的图片即可,这一点很重要的,选择之前不用滑动即可看到自己想要上传的图片,而想要上传的图片一般是最近产生的。微博,微信和QQ这一点均处理的很好,不过图片的位置和确定选择按钮所在的位置有关,微博、QQ空间的确定按钮均在屏幕的右下角,微博是正序,选择好照片之后需要到下方点击下一步,完成选择;QQ空间是倒序,选择之后,确定按钮就在下方,明显QQ空间的体验更好。
2.勾选照片之后,是否有数字状态,进入发布状态页面之后,重新选择也可以看到状态,状态提示防止用户重复选择。新浪微博和微信均为勾选状态,而QQ空间为数字状态。
3.选择界面的取消、返回、完成、确定、下一步等使用也需要注意,如果使用“下一步”,给人的感觉很复杂,需要多步操作,而使用“完成”则更加简单。取消和返回也容易引起歧义,微信在这一细节处理的很好。
4.是否支持预览
5.是否支持发送多种形式的照片:压缩图、高清图、原图,不同的图片形式满足不同网络场景下的用户需求。且原图情况下有内存大小提醒,土豪,屌丝可自行选择。
以上可以归纳为7个关键词,在做类似的产品设计的时候可以提醒策划者考虑:选择入口、相册列表、排列顺序、勾选数字、预览、上传类型、图片大小。
网友评论