Weekly Redesign#2 Snapseed——可視性設(shè)計

大家好,距離上次的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之后的流程取消了第二層打開按鈕钞楼,將其改為“取消”,所有打開操作只能通過首頁的“打開照片”按鈕來完成袄琳。

redesign后的打開頁


可以看到打開圖片之后的頁面也被我做了不少修改询件,如下圖所示,原圖的色階圖標(biāo)從左下角放到頂部跨蟹,這樣手指在屏幕上滑動時就不會擋住色階雳殊。原圖的步數(shù)從右上角移到右下角,點擊可查看之前修改的每一步窗轩;同時在右下角新增了對比按鈕夯秃,按住可以顯示圖片修改前的狀態(tài),松開回到修改后的狀態(tài)痢艺,以做對比仓洼;原圖的編輯按鈕去掉,將編輯項直接放在頁面上堤舒,露出最常用的幾種編輯功能色建,可直接點擊進(jìn)入該項的編輯,也可上拉菜單舌缤,查看所有編輯項箕戳。

打開后的頁面(左:redesign前; 右:redesign后)


原設(shè)計查看編輯項流程如下左圖所示国撵,改進(jìn)后的流程如下右圖所示陵吸。改進(jìn)后的流程比原流程更直接。

進(jìn)入編輯(左:redesign前介牙; 右:redesign后)


進(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é)時可以更清楚看到色階的變化季二。

調(diào)整頁(左:redesign前; 右:redesign后)


對于上下滑動的操作揭措,原設(shè)計有個小彩蛋:點擊底部的“亮度”時胯舷,上方會出現(xiàn)提示的toast,告訴你可以左右滑動和上下滑動進(jìn)行操作绊含。當(dāng)用戶在頁面上上下滑動時即出現(xiàn)切換選項桑嘶。本次重設(shè)計已將左右滑動手勢改為滑動條,那么只需提示上下滑動的操作即可躬充,因此將toast直接改為切換選項逃顶。即點擊“亮度”時,出現(xiàn)切換選項充甚。如下右圖所示以政。

切換選項(左:redesign前;右:redesign后)


——The End——

對于本次重設(shè)計伴找,有任何不同的見解都可在下方評論我盈蛮,歡迎交流。

本人公眾號:“BaolingUX”技矮,產(chǎn)品設(shè)計類文章持續(xù)更新抖誉,歡迎關(guān)注。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末衰倦,一起剝皮案震驚了整個濱河市袒炉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌耿币,老刑警劉巖葛峻,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抓半,死亡現(xiàn)場離奇詭異皮官,居然都是意外死亡惠毁,警方通過查閱死者的電腦和手機狮惜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進(jìn)店門跷跪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锻狗,“玉大人祟同,你說我怎么就攤上這事楷掉∠崴猓” “怎么了?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長斑鸦。 經(jīng)常有香客問我愕贡,道長,這世上最難降的妖魔是什么巷屿? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任固以,我火速辦了婚禮,結(jié)果婚禮上嘱巾,老公的妹妹穿的比我還像新娘憨琳。我一直安慰自己,他們只是感情好旬昭,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布篙螟。 她就那樣靜靜地躺著,像睡著了一般问拘。 火紅的嫁衣襯著肌膚如雪遍略。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天场梆,我揣著相機與錄音墅冷,去河邊找鬼。 笑死或油,一個胖子當(dāng)著我的面吹牛寞忿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播顶岸,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼腔彰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了辖佣?” 一聲冷哼從身側(cè)響起霹抛,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎卷谈,沒想到半個月后杯拐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡世蔗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年端逼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片污淋。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡顶滩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出寸爆,到底是詐尸還是另有隱情礁鲁,我是刑警寧澤盐欺,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站仅醇,受9級特大地震影響冗美,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜析二,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一墩衙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧甲抖,春花似錦漆改、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至柱衔,卻和暖如春樊破,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背唆铐。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工哲戚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人艾岂。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓顺少,卻偏偏與公主長得像,于是被迫代替她去往敵國和親王浴。 傳聞我的和親對象是個殘疾皇子脆炎,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容