大家好，距离上次的weekly redesign发布已过去两周，上周没有做redesign，是因为自己也犯懒，有拖延症。为了更好的维持一周一更的频率，我决定帮大家redesign你推荐的app。感兴趣的可以在我的公众号“用户体验报告”中回复你想让我redesign的产品，我尽量满足大家的要求。可以是手机app, pad端app, web端网页等等，不限于iOS、android、windows phone等平台。
本期redesign对象为摄影app——Snapseed。Snapseed是一款图片处理应用，曾获得 iPad 2011 年度应用大奖，它登陆 iOS 平台仅一年就已经收割了 900 万用户。其所在的公司Nik Software于2012年被Google收购。Snapseed的图像处理功能多样，可编辑性强。但是第一次使用时往往不知道从何下手，因为其许多功能需要通过手势来操作，而没有事先提示，可视性差。本次改进的重点在于提高其可视性。
打开snapseed，基本的操作步骤如下所示，“点击按钮->选择照片->照片打开”，而打开之后页面左上角还有“打开”按钮，点击又可进入选择照片页面。这样的逻辑难免让人疑惑，打开了照片之后还可以继续打开，让人分不清所处页面的具体功能。再者，如果图片经过编辑之后回到图中第三张页面，那么再点击“打开”就会提示“如果打开新图片，则当前图片未保存的更改都会丢失”。所以，此处的“打开”不妨改为“取消”。
原打开页面
Redesign之后的流程取消了第二层打开按钮，将其改为“取消”，所有打开操作只能通过首页的“打开照片”按钮来完成。
redesign后的打开页
可以看到打开图片之后的页面也被我做了不少修改，如下图所示，原图的色阶图标从左下角放到顶部，这样手指在屏幕上滑动时就不会挡住色阶。原图的步数从右上角移到右下角，点击可查看之前修改的每一步；同时在右下角新增了对比按钮，按住可以显示图片修改前的状态，松开回到修改后的状态，以做对比；原图的编辑按钮去掉，将编辑项直接放在页面上，露出最常用的几种编辑功能，可直接点击进入该项的编辑，也可上拉菜单，查看所有编辑项。
打开后的页面（左：redesign前； 右：redesign后）
原设计查看编辑项流程如下左图所示，改进后的流程如下右图所示。改进后的流程比原流程更直接。
进入编辑（左：redesign前； 右：redesign后）
进入某项的编辑后，原操作方法是左右滑动调节值的大小，上下滑动切换选项。在首次打开该页面时，会出现左右滑动的小动画提示左右滑动可调节值，但没有出现关于上下滑动可以切换选项的提示，以至于在没看相关教程之前我都不知道上下滑动会出现选项。
为了增强操作的可见性，本次设计在底部增加了滑块，拖动滑块左右滑动可调节值的大小。与原设计凭空在页面上左右滑动调节值不同的是，有个底部的滑块可见性更强，一眼就知道该怎么操作，并且手指在底部滑块进行操作时不会遮住图片，可以更清楚地看到图片的变化。同时色阶按钮从左下角移到顶部中间的位置，调节时可以更清楚看到色阶的变化。
调整页（左：redesign前； 右：redesign后)
对于上下滑动的操作，原设计有个小彩蛋：点击底部的“亮度”时，上方会出现提示的toast，告诉你可以左右滑动和上下滑动进行操作。当用户在页面上上下滑动时即出现切换选项。本次重设计已将左右滑动手势改为滑动条，那么只需提示上下滑动的操作即可，因此将toast直接改为切换选项。即点击“亮度”时，出现切换选项。如下右图所示。
切换选项（左：redesign前；右：redesign后）
——The End——
对于本次重设计，有任何不同的见解都可在下方评论我，欢迎交流。
本人公众号：“BaolingUX”，产品设计类文章持续更新，欢迎关注。
网友评论