Dropbox設(shè)計(jì)師總結(jié):如何讓界面信息更加聚焦?

4 評(píng)論 9603 瀏覽 43 收藏 9 分鐘

始終圍繞用戶目標(biāo)做設(shè)計(jì)決策,根據(jù)功能優(yōu)先級(jí)做出不同的設(shè)計(jì)形式,強(qiáng)化核心功能,是一篇非常棒的細(xì)節(jié)優(yōu)化方向參考文章。內(nèi)容不多,但是蠻有啟發(fā),分享給大家!

想想看,在手機(jī)上工作是什么感覺(jué),你的注意力容易被分散,胖胖的手指還老是按錯(cuò)字母。每當(dāng)這個(gè)時(shí)候,你只想放下手機(jī),去和你的愛(ài)人吃一頓晚餐,又或者跟合得來(lái)的朋友聚在一起聊聊天。

如果你開(kāi)始有了這種想法,那么為移動(dòng)辦公提出的解決方案將會(huì)變得完全不一樣。你的產(chǎn)品目標(biāo)不再是單純?yōu)榱颂岣哂脩艋钴S度或者讓用戶花更多的時(shí)間在你的應(yīng)用上。相反,設(shè)計(jì)的焦點(diǎn)應(yīng)該在如何讓用戶在這么小的界面中使用最少的時(shí)間并能高效的完成工作上。

在過(guò)去的一年中,我們重新走查了一遍Dropbox的移動(dòng)端體驗(yàn),并將如何提高用戶的工作效率作為產(chǎn)品的核心目標(biāo)。我們做了一些迭代改進(jìn),讓用戶的工作變得更加有效率,也讓他們能抽出更多的時(shí)間去陪陪家人,朋友。同時(shí),我們也希望將我們的工作分享出來(lái),能對(duì)那些和我們有同樣產(chǎn)品目標(biāo)的人有所幫助。

一、善用平臺(tái)間的相似性

十年前,Dropbox利用了桌面系統(tǒng)上的聚合模式,通過(guò)文件瀏覽器的通用性,Dropbox能夠在mac和pc上提供相同的“神奇文件夾”體驗(yàn)。

我們?cè)谧罱闹卦O(shè)計(jì)中,利用了iOS和Android上類(lèi)似的相似性。通過(guò)使用兩個(gè)操作系統(tǒng)共通的模式,我們創(chuàng)建了一個(gè)比較一致的雙平臺(tái)體驗(yàn)。用戶無(wú)需適應(yīng)新的用戶界面,就可以在換不同手機(jī)時(shí)也能夠快速使用應(yīng)用。團(tuán)隊(duì)也可以在使用不同操作系統(tǒng)時(shí),減少因?yàn)榻缑娌町惗鴰?lái)的困擾,熟悉的界面能夠讓用戶更加專(zhuān)注。

二、優(yōu)化圖標(biāo)

文件瀏覽界面前后對(duì)比

操作列表界面前后對(duì)比

7個(gè)月前,我們發(fā)布了一套全新的文件圖標(biāo),目的在于提高圖標(biāo)的可讀性和搜索文件時(shí)更高的聚焦性。我們不斷問(wèn)自己這樣的問(wèn)題:“什么樣的圖標(biāo)更容易識(shí)別?圖標(biāo)的類(lèi)型如何區(qū)分?我們?nèi)绾蝺?yōu)化圖標(biāo)以便用戶能夠快速識(shí)別?”。

通過(guò)這些問(wèn)題的思考,我們更新了應(yīng)用中的所有圖標(biāo),以減少?gòu)?fù)雜性并增加可讀性。通過(guò)優(yōu)化這樣的小細(xì)節(jié),可以讓用戶在工作時(shí)提高專(zhuān)注力,從而提升效率。

三、外顯核心入口

在移動(dòng)端切換頁(yè)面要比在桌面端更麻煩,因?yàn)椴荒芟褡烂娑四菢娱_(kāi)多個(gè)窗口,移動(dòng)端上的每個(gè)視圖都需要一整屏來(lái)承載。因此,當(dāng)涉及到多個(gè)界面之間跳轉(zhuǎn),想要找到你想要的功能時(shí),層層跳轉(zhuǎn)就像是一個(gè)非常多余的操作。如果你想快速完成工作,這樣的操作就會(huì)讓用戶感到沮喪。

這就是為什么我們把評(píng)論的輸入框直接外顯(之前,要評(píng)論的話你必須點(diǎn)擊聊天氣泡圖標(biāo))的原因。通過(guò)梳理界面上的功能優(yōu)先級(jí),把最常用的功能提取出來(lái)并前置,減少了團(tuán)隊(duì)協(xié)作時(shí)所需要要的時(shí)間。

四、簡(jiǎn)化操作界面

不久前,我們?cè)趹?yīng)用中發(fā)布了一個(gè)全新的首頁(yè),目標(biāo)是通過(guò)及時(shí)顯示內(nèi)容片段來(lái)幫助用戶聚焦工作。但是,我們?cè)谛畔⒄故旧铣隽藛?wèn)題。界面中的不同信息內(nèi)容全都放在了一起,我們無(wú)意中增加了用戶做出決定所需要的時(shí)間(詳細(xì)可以參見(jiàn)“??硕伞?https://en.wikipedia.org/wiki/Hick%27s_law)。并且由于是在一個(gè)界面中垂直排列,最常用的功能或者是最近操作的文件反而可能在第一屏不被看到。

我們最新的版本已經(jīng)優(yōu)化了這個(gè)問(wèn)題,打開(kāi)默認(rèn)是一個(gè)完整的最近工作文件,而其他功能也可以通過(guò)選項(xiàng)卡快速查看?,F(xiàn)在,用戶可以從打開(kāi)應(yīng)用的那一刻起,專(zhuān)注于最有價(jià)值的閱讀體驗(yàn)。

五、突出最重要的操作

當(dāng)你想要跟合作者共享一個(gè)文件夾時(shí),不應(yīng)該需要去找到某個(gè)圖標(biāo)并理解它的意思再弄清楚如何去做。這就是為什么我們會(huì)在文件夾頂部設(shè)計(jì)一個(gè)突出的按鈕,并把圖標(biāo)改為文字的原因。只是一個(gè)很簡(jiǎn)單的改變,就能讓你減少思考時(shí)間,高效工作。

(譯者注:頁(yè)面的核心功能應(yīng)該重點(diǎn)去強(qiáng)化,對(duì)于Dropbox來(lái)說(shuō),用戶進(jìn)到這個(gè)頁(yè)面,最主要的操作就是分享,所以會(huì)做出這樣的改進(jìn))

六、時(shí)刻反饋?zhàn)兓?/strong>

作為用戶保存最重要文件的地方,Dropbox能夠時(shí)刻跟蹤這些文件發(fā)生的變動(dòng)。今天,我們通過(guò)Dropbox的這種能力以一個(gè)全新的文件活動(dòng)列表界面清晰的展示給用戶。

這就意味著,你再也不需要去問(wèn)團(tuán)隊(duì)成員他們是否更新過(guò)文件。有了這個(gè)功能,你可以了解某個(gè)文件所有的更新數(shù)據(jù),而不再需要通過(guò)溝通或者電子郵件,也沒(méi)有必要去打斷隊(duì)友們的工作了。

總結(jié)

我們都知道,當(dāng)我們?cè)谑褂檬謾C(jī)工作時(shí),因?yàn)槠聊恍「杏X(jué)是一種障礙而不是生產(chǎn)力工具時(shí),會(huì)多么令人沮喪。

這就是為什么高效工作是移動(dòng)辦公應(yīng)用中一直追求的東西。因?yàn)橹挥挟?dāng)用戶能夠在應(yīng)用中快速找到焦點(diǎn)時(shí),他才能在忙碌的工作中找到像擁有超能力一樣的感覺(jué)。

我們希望在這里分享的案例能夠拋磚引玉,鼓勵(lì)大家去探索更高效的方法,讓用戶能夠提高工作效率。

 

作者:Ed Chao

原文:https://medium.com/dropbox-design/fostering-focus-for-small-screens-34a9f338668c

譯者:彩云Sky,公眾號(hào):彩云譯設(shè)計(jì)

本文由 @彩云Sky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 真的值得細(xì)細(xì)的看深入思考。好文

    來(lái)自廣東 回復(fù)
  2. 很有借鑒意義

    來(lái)自廣東 回復(fù)
  3. 產(chǎn)品表現(xiàn)層的設(shè)計(jì)中,結(jié)合產(chǎn)品目標(biāo)來(lái)提高信息傳達(dá)設(shè)計(jì)的合理性,在很大程度上可以提升產(chǎn)品的視覺(jué)體驗(yàn)!

    來(lái)自山東 回復(fù)
  4. 好文章,學(xué)習(xí)到新的東西,贊

    來(lái)自廣東 回復(fù)