拍照应用交互体验

目的: 了解当前流行的拍照分享应用的交互设计和体验从用户角度，对Instagram、美图秀秀、魔漫相机三款应用的进行交互体验分析

体验的应用均为android版

Instagram

特色新功能简介

用户进入应用后，简短聚焦介绍新功能。用户容易把说明内容记下来，然后可以尝鲜使用

架构

Instagram交互架构设计属于传统的iOS设计规范。这种交互体架构优势：

方便单手操作，验过程中90%的操作可单手完成

内容架构清晰便于记忆

导航和标签栏是固定的，中间部分则是内容区，内容区的交互架构设计做到了恰到好处，重点内容最大化展示，又不妨碍用户对其他信息查看。这样做也有缺点，看到的内容很少，得往下滑才看到其他用户的分享，但对于一款照片分享应用，使用它的用户都不希望看到的照片是小小的缩略图吧。

社交功能

值得说一下的是右边3点的图形按钮设计，它属于一个用户不常用，甚至不使用的功能。从视觉设计上弱化，区别于赞和评论。一点儿的不同却容易引起用户的好奇心，但点击它之后发现功能与平常使用并没任何帮助，用户便会把它过滤，但万一有需要的时候也可能会想到它。挺有意思的一个交互设计

磁性标签设计

往下滑动时，作者标签会一直跟着这条分享往下滑动，这样交互设计可方便用户随时点击作者，进入作者的个人主页查看ta更多的作品。记得在2年前使用Instagram的时候，并没有这样的设计，个人猜测是通过用户调研或背后数据挖掘而作出的交互体验设计。

拍照

点击标签栏中间那个照片按钮后的拍照界面。 Instagram做法是让用户马上拍照，下面我们进行交互操作分析：

1. 如果我需要马上拍照，我需要依次点击‘拍照’按钮 — 直接取景拍照，才能完成操作，共 2 步；

2. 如果我需要从相册中选择，我需要依次点击‘拍照’按钮 — 触摸左下角的‘相册’按钮 — 选择照片，才能完成操作，共 3 步。

大家可回想下微信完成拍照操作是要3步。 Instagram的交互设计更胜一筹

照片美化

这里有设计误导，在顶部的左右2个方向按钮，在我没说明时你也认为是美化工具左右滑动控制按钮，从左往右看，最右的按钮高亮起来了，用户会想是不是点击一下会有更多工具？实则是下一步，而最左的是上一步重拍，比较严重的一个错误，与用户思维模式不一致。

分享照片最后一步，操作使用方便快捷，不填写任何内容也可以点击右上的‘完成’按钮

动态

信息架构不清晰的问题，导致整个界面UI布局显得混乱，像软件出错的感觉

个人主页

在这里交互体验上也没什么可说的，使用起来也挺方便。但右上角最右的图标设计有点不恰当，如果用齿轮来表示选项/设置是否更适当？让用户更易懂

美图秀秀

主页

美图秀秀把主要的功能模式，以色块的方式布局在首屏上，有一种工具箱的感觉。用户启动应用后，面临的选择太多了，要翻一翻找一找才发现自己想要的在哪里，并不是好体验。翻到主页的第二屏，也有与美图不相关的功能模块，这时我发现有一个九格切图功能，想把它移到首屏，却没有这样的交互设计。部分功能模块需要下载才能使用

美化

点击美化图片、人像美容、拼图都弹出相册列表，只能选择现有的照片进行出来，没有拍照选项。从美图秀秀这个主打美化产品角度考虑是没有错的，但应用内有提供拍照功能，又为什么在这里不提供拍照功能入口？如：妹妹在选照片时发现刚才拍得不好（善变是女人天性），想重拍就得返回多步去找拍照。提供上一步，下一步的功能按钮，当我使用了一堆美化效果时，对于妹妹们爱美的用户，非常不错和实用，但没有清除所有效果的功能，如果用户想重新美化就得点击返回，然后再从相册中找回需要美化的照片。保存后，可分享到各种社交应用，操作简便。对于保存后的照片，在美图秀秀应用内是找不到，没有提供我美化过的照片浏览功能。需要退出应用到系统相册去找。在应用内找不到用户自己的美化作品，对于用户来说会有点失落感。从美化图片保存后这里显示的是人像美容，若从人像美容保存后则是美化图片，通过这样设计诱导，用户可以把照片做出多不同的美化效果。

素材中心

在素材中心下载各种素材体验不错，登录操作也简单。登录后在主页上没有任何登录信息展示，如头像或ID。

登录后

右下的功能模块变为动态的推广信息，和最右下角设置按钮旁边也多了一个带动画按钮，从用户的角度看，干扰了用户使用。但细想一下美图秀秀的主用户群是女孩子，那这些推广的内容就有必要了，爱美的妹子都会去点一下，看一下，从而提高用户的粘度。

魔漫相机

简短介绍

第一次启动应用，显示了魔漫相机核心功能的操作使用方法。若使用简短聚焦方式，如Instagram，把介绍贴切到真实的界面中，交互体验上会有更佳效果。

主页

很强的个性化、风格化设计，从视觉上给人一种特别的感觉。这些感觉过后，就有一种困惑不知道点击哪里继续使用。迈出一步尝试，点击了‘漫画’，后才真正知道原来是可以点的。这里体验一般，用户需要去发现，而不是通过界面UI向用户传达信息。魔漫相机也做了一个补救方法，触摸‘漫画’时上面整一大块都会放大，这可以让用户知道，这里整块都是可以点的，下次使用可以尝试。信息架构有点不合理，设置按钮叠在作品集上。

漫画

点击‘漫画’，后的loading提示，虽然这是不错的交互设计方式，但loading有点慢，从而影响用户体验。第一次进入‘漫画’，也会出现一个操作使用方法的提示。界面中也出现了双重弹窗，1.操作使用方法 2.主题包，严重影响用户体验。主题包小窗口中，放弃和获取按钮设计，是鼓励用户去点击获取，把放弃按钮设计成不可点的效果，但这样的交互设计有点反人类了，那用户不想获取该怎么做呢？这个窗口又影响用户浏览整幅漫画。像我这种不屈的用户，坚决点击放弃，其实是可以点的，点击放弃后会消失，但不获取下次进来一样会出现。获取了今天的主题包后，漫画图会马上换成刚获取的主题，替换前可使用咨询的交互方式，这样会更加友好。主题包内是有多张漫画效果的，但我在屏幕上尝试使劲地上下左右滑动，没有任何反应。也找不到如何把这个漫画图换成其他的，体验糟糕。但它还是有一点好的设计就是右边那列分享按钮会变成半透明，降低对用户干扰，又能产品需要。进入到‘我的’，实则是素材库。右上提示选中的素材包会在首页‘背景’显示。‘两会’主题是默认必选，不能取消上面吐槽的换漫画效果图，原来在这里，需要点击‘背景’后才显示切换选项。信息架构和交互设计的不恰当，导致了前面像我这种笨用户的糟糕体验。选好后，你会发现保存按钮被设计得很细，一个常用的按钮被设计成这样，是一个低级错误的交互设计。（苹果规范建议：44px，符合人类手指大小）