大家好,距離上次的weekly redesign發(fā)布已過去兩周满粗,上周沒有做redesign,是因為自己也犯懶愚争,有拖延癥映皆。為了更好的維持一周一更的頻率,我決定幫大家redesign你推薦的app轰枝。感興趣的可以在我的公眾號“用戶體驗報告”中回復(fù)你想讓我redesign的產(chǎn)品捅彻,我盡量滿足大家的要求“霸桑可以是手機app, pad端app, web端網(wǎng)頁等等步淹,不限于iOS、android诚撵、windows phone等平臺缭裆。
本期redesign對象為攝影app——Snapseed。Snapseed是一款圖片處理應(yīng)用寿烟,曾獲得 iPad 2011 年度應(yīng)用大獎澈驼,它登陸 iOS 平臺僅一年就已經(jīng)收割了 900 萬用戶。其所在的公司Nik Software于2012年被Google收購韧衣。Snapseed的圖像處理功能多樣,可編輯性強购桑。但是第一次使用時往往不知道從何下手畅铭,因為其許多功能需要通過手勢來操作,而沒有事先提示勃蜘,可視性差硕噩。本次改進(jìn)的重點在于提高其可視性。
打開snapseed缭贡,基本的操作步驟如下所示炉擅,“點擊按鈕->選擇照片->照片打開”,而打開之后頁面左上角還有“打開”按鈕阳惹,點擊又可進(jìn)入選擇照片頁面谍失。這樣的邏輯難免讓人疑惑,打開了照片之后還可以繼續(xù)打開莹汤,讓人分不清所處頁面的具體功能快鱼。再者,如果圖片經(jīng)過編輯之后回到圖中第三張頁面,那么再點擊“打開”就會提示“如果打開新圖片抹竹,則當(dāng)前圖片未保存的更改都會丟失”线罕。所以,此處的“打開”不妨改為“取消”窃判。
Redesign之后的流程取消了第二層打開按鈕钞楼,將其改為“取消”,所有打開操作只能通過首頁的“打開照片”按鈕來完成袄琳。
可以看到打開圖片之后的頁面也被我做了不少修改询件,如下圖所示,原圖的色階圖標(biāo)從左下角放到頂部跨蟹,這樣手指在屏幕上滑動時就不會擋住色階雳殊。原圖的步數(shù)從右上角移到右下角,點擊可查看之前修改的每一步窗轩;同時在右下角新增了對比按鈕夯秃,按住可以顯示圖片修改前的狀態(tài),松開回到修改后的狀態(tài)痢艺,以做對比仓洼;原圖的編輯按鈕去掉,將編輯項直接放在頁面上堤舒,露出最常用的幾種編輯功能色建,可直接點擊進(jìn)入該項的編輯,也可上拉菜單舌缤,查看所有編輯項箕戳。
原設(shè)計查看編輯項流程如下左圖所示国撵,改進(jìn)后的流程如下右圖所示陵吸。改進(jìn)后的流程比原流程更直接。
進(jìn)入某項的編輯后壮虫,原操作方法是左右滑動調(diào)節(jié)值的大小,上下滑動切換選項环础。在首次打開該頁面時囚似,會出現(xiàn)左右滑動的小動畫提示左右滑動可調(diào)節(jié)值,但沒有出現(xiàn)關(guān)于上下滑動可以切換選項的提示线得,以至于在沒看相關(guān)教程之前我都不知道上下滑動會出現(xiàn)選項饶唤。
為了增強操作的可見性,本次設(shè)計在底部增加了滑塊贯钩,拖動滑塊左右滑動可調(diào)節(jié)值的大小搬素。與原設(shè)計憑空在頁面上左右滑動調(diào)節(jié)值不同的是呵晨,有個底部的滑塊可見性更強,一眼就知道該怎么操作熬尺,并且手指在底部滑塊進(jìn)行操作時不會遮住圖片摸屠,可以更清楚地看到圖片的變化。同時色階按鈕從左下角移到頂部中間的位置粱哼,調(diào)節(jié)時可以更清楚看到色階的變化季二。
對于上下滑動的操作揭措,原設(shè)計有個小彩蛋:點擊底部的“亮度”時胯舷,上方會出現(xiàn)提示的toast,告訴你可以左右滑動和上下滑動進(jìn)行操作绊含。當(dāng)用戶在頁面上上下滑動時即出現(xiàn)切換選項桑嘶。本次重設(shè)計已將左右滑動手勢改為滑動條,那么只需提示上下滑動的操作即可躬充,因此將toast直接改為切換選項逃顶。即點擊“亮度”時,出現(xiàn)切換選項充甚。如下右圖所示以政。
——The End——
對于本次重設(shè)計伴找,有任何不同的見解都可在下方評論我盈蛮,歡迎交流。
本人公眾號:“BaolingUX”技矮,產(chǎn)品設(shè)計類文章持續(xù)更新抖誉,歡迎關(guān)注。