大家好，距離上次的weekly redesign發(fā)布已過去兩周，上周沒有做redesign，是因?yàn)樽约阂卜笐?，有拖延癥。為了更好的維持一周一更的頻率，我決定幫大家redesign你推薦的app。感興趣的可以在我的公眾號(hào)“用戶體驗(yàn)報(bào)告”中回復(fù)你想讓我redesign的產(chǎn)品，我盡量滿足大家的要求?？梢允鞘謾C(jī)app, pad端app, web端網(wǎng)頁(yè)等等，不限于iOS、android、windows phone等平臺(tái)。

本期redesign對(duì)象為攝影app——Snapseed。Snapseed是一款圖片處理應(yīng)用，曾獲得 iPad 2011 年度應(yīng)用大獎(jiǎng)，它登陸 iOS 平臺(tái)僅一年就已經(jīng)收割了 900 萬用戶。其所在的公司Nik Software于2012年被Google收購(gòu)。Snapseed的圖像處理功能多樣，可編輯性強(qiáng)。但是第一次使用時(shí)往往不知道從何下手，因?yàn)槠湓S多功能需要通過手勢(shì)來操作，而沒有事先提示，可視性差。本次改進(jìn)的重點(diǎn)在于提高其可視性。

打開snapseed，基本的操作步驟如下所示，“點(diǎn)擊按鈕->選擇照片->照片打開”，而打開之后頁(yè)面左上角還有“打開”按鈕，點(diǎn)擊又可進(jìn)入選擇照片頁(yè)面。這樣的邏輯難免讓人疑惑，打開了照片之后還可以繼續(xù)打開，讓人分不清所處頁(yè)面的具體功能。再者，如果圖片經(jīng)過編輯之后回到圖中第三張頁(yè)面，那么再點(diǎn)擊“打開”就會(huì)提示“如果打開新圖片，則當(dāng)前圖片未保存的更改都會(huì)丟失”。所以，此處的“打開”不妨改為“取消”。

原打開頁(yè)面

Redesign之后的流程取消了第二層打開按鈕，將其改為“取消”，所有打開操作只能通過首頁(yè)的“打開照片”按鈕來完成。

redesign后的打開頁(yè)

可以看到打開圖片之后的頁(yè)面也被我做了不少修改，如下圖所示，原圖的色階圖標(biāo)從左下角放到頂部，這樣手指在屏幕上滑動(dòng)時(shí)就不會(huì)擋住色階。原圖的步數(shù)從右上角移到右下角，點(diǎn)擊可查看之前修改的每一步；同時(shí)在右下角新增了對(duì)比按鈕，按住可以顯示圖片修改前的狀態(tài)，松開回到修改后的狀態(tài)，以做對(duì)比；原圖的編輯按鈕去掉，將編輯項(xiàng)直接放在頁(yè)面上，露出最常用的幾種編輯功能，可直接點(diǎn)擊進(jìn)入該項(xiàng)的編輯，也可上拉菜單，查看所有編輯項(xiàng)。

打開后的頁(yè)面（左：redesign前； 右：redesign后）

原設(shè)計(jì)查看編輯項(xiàng)流程如下左圖所示，改進(jìn)后的流程如下右圖所示。改進(jìn)后的流程比原流程更直接。

進(jìn)入編輯（左：redesign前； 右：redesign后）

進(jìn)入某項(xiàng)的編輯后，原操作方法是左右滑動(dòng)調(diào)節(jié)值的大小，上下滑動(dòng)切換選項(xiàng)。在首次打開該頁(yè)面時(shí)，會(huì)出現(xiàn)左右滑動(dòng)的小動(dòng)畫提示左右滑動(dòng)可調(diào)節(jié)值，但沒有出現(xiàn)關(guān)于上下滑動(dòng)可以切換選項(xiàng)的提示，以至于在沒看相關(guān)教程之前我都不知道上下滑動(dòng)會(huì)出現(xiàn)選項(xiàng)。

為了增強(qiáng)操作的可見性，本次設(shè)計(jì)在底部增加了滑塊，拖動(dòng)滑塊左右滑動(dòng)可調(diào)節(jié)值的大小。與原設(shè)計(jì)憑空在頁(yè)面上左右滑動(dòng)調(diào)節(jié)值不同的是，有個(gè)底部的滑塊可見性更強(qiáng)，一眼就知道該怎么操作，并且手指在底部滑塊進(jìn)行操作時(shí)不會(huì)遮住圖片，可以更清楚地看到圖片的變化。同時(shí)色階按鈕從左下角移到頂部中間的位置，調(diào)節(jié)時(shí)可以更清楚看到色階的變化。

調(diào)整頁(yè)（左：redesign前； 右：redesign后)

對(duì)于上下滑動(dòng)的操作，原設(shè)計(jì)有個(gè)小彩蛋：點(diǎn)擊底部的“亮度”時(shí)，上方會(huì)出現(xiàn)提示的toast，告訴你可以左右滑動(dòng)和上下滑動(dòng)進(jìn)行操作。當(dāng)用戶在頁(yè)面上上下滑動(dòng)時(shí)即出現(xiàn)切換選項(xiàng)。本次重設(shè)計(jì)已將左右滑動(dòng)手勢(shì)改為滑動(dòng)條，那么只需提示上下滑動(dòng)的操作即可，因此將toast直接改為切換選項(xiàng)。即點(diǎn)擊“亮度”時(shí)，出現(xiàn)切換選項(xiàng)。如下右圖所示。

切換選項(xiàng)（左：redesign前；右：redesign后）

——The End——

對(duì)于本次重設(shè)計(jì)，有任何不同的見解都可在下方評(píng)論我，歡迎交流。

本人公眾號(hào)：“BaolingUX”，產(chǎn)品設(shè)計(jì)類文章持續(xù)更新，歡迎關(guān)注。