相机360&VSCO交互结构分析

用户头像
北京/设计爱好者/9年前/606浏览
相机360&VSCO交互结构分析
用户头像
VK22

主要从效率和易用性两个维度对VSCO cam和相机360进行交互设计分析

0a2d58ba590ca801219c77061a0e.jpg

相机360选择了图标卡片式布局的导航,由于功能较多,分成了两页,通过左右扫动可以切换选择项,充分利用了屏幕空间在首页展示功能,而VSCOcam采用的是抽屉式的导航,能更高效的在不同的二级页面之间切换,二者都值得称道的是,在提高功能发现率上都巧妙地运用了不同的设计,360通过将第二页中按钮的一部分置于第一页,让用户知道此处还有内容,而VSCO在每次打开时,它的“导航抽屉”是展开的,既方便用户快速选择功能,又让功能易于被发现。


107e58ba596ea801219c772a8b72.jpg


两者都将最常用的快门和打开相册按钮放在了拇指最容易触及的最下面。为了不影响观察取景窗,两者都将闪光、快门、切换摄像头等拍照设置放在了最上面。比较不同的是,相机360多了一个滤镜控件,VSCO则是将所有的设置都放在拍照页面中,不过相机360切换滤镜的方式和VSCO切换设置项都是通过左右滑动滑块,这样既能节省屏幕空间,又能提高效率。


521158ba599aa801219c77c8bc80.jpg

在相册界面二者的区别较大,相机360使用的是标签菜单+标题栏帮助切换不同的相册,易于认知且效率较高,缺点是占用一定的屏幕空间,VSCOcam的节目则是非常的简洁,显示照片分类的图形也是切换照片分类的按钮,右上角的按钮则可以帮助用户切换照片瀑布流,通过轻点、双击、长按三种不同的手势可以进入选中照片、查看照片、编辑照片三种不同的状态,VSCOcam的这些设计都在帮助用户提高操作效率,缺点是需要一定的学习成本,二者相同的优点是底部和顶部的控件都会根据不同的状态变换,节省屏幕空间并且利于用户使用。


056958ba59baa801219c77e88c11.jpg

两者的编辑照片很类似,控件基本都放在了最下面,不过VSCO更纯粹,全部在底部,相机360将不常用的保存和返回按钮放在顶部。调节参数和选择编辑项目都是通过滑块控制。有区别的是360需要先通过滑块选择一种类型的编辑再通过滑块选择具体的编辑项,而VSCOcam则是直接选择编辑项,更换编辑类别需要点击屏幕最下面按钮调出隐藏在底部的控件组,这是因为360的编辑类别有10类,每一类下面最多有10个左右的编辑项,而VSCO每一类下面大约有20个编辑项,一种是窄而深,一种是浅而广,二者没有绝对的优劣,但在功能需求和屏幕限制下都做出了相对各自而言更适当的选择。


61f758ba59d1a801219c77e40863.jpg

将两个应用中的设计要点按照认知难易度和操作效率两个维度进行对比,可以很明细地发现相机360倾向于降低认知的难度,VSCOcam则希望提高操作效率,因为相机360的用户大多只需要一款可以拍照并且对照片进行编辑的相机应用,并不会花较多精力学习一款应用,而VSCOcam主要致力于在手机上制造出胶片效果的照片,赢得了很多摄影爱好者的青睐,并且这些用户使用相机应用的频率很高,两者用户群体的需求不同,易于上手的相机360和操作高效的VSCOcam都很好的满足了各自用户群的需求。

7
举报
|
8
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
城市园林平面布局航拍
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
牛奶乳液层次平面平铺平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
空的平台平面和自然景观
海底世界插画
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
倒计时,海报,平面
金色颗粒质地的平面
金色颗粒质地的平面
平面男孩喝咖啡插画设计
水蜜桃和李子的平面水果图案
城阙凡花
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
平面插画情侣/矢量
平面花卉图案扁平简约无缝拼接插画
平面书法字手写
平面设计 吊牌设计
你可能喜欢
大家都在看
登录注册