Dropbox設計師:如何讓界面信息更加聚焦? - 優設-UISDC

Dropbox設計師:如何讓界面信息更加聚焦?

2018/10/31 5150評論區

始終圍繞用戶目標做設計決策,根據功能優先級做出不同的設計形式,強化核心功能,是一篇非常棒的細節優化方向參考文章。內容不多,但是蠻有啟發,分享給大家!

想想看,在手機上工作是什么感覺,你的注意力容易被分散,胖胖的手指還老是按錯字母。每當這個時候,你只想放下手機,去和你的愛人吃一頓晚餐,又或者跟合得來的朋友聚在一起聊聊天。

如果你開始有了這種想法,那么為移動辦公提出的解決方案將會變得完全不一樣。你的產品目標不再是單純為了提高用戶活躍度或者讓用戶花更多的時間在你的應用上。相反,設計的焦點應該在如何讓用戶在這么小的界面中使用最少的時間并能高效的完成工作上。

在過去的一年中,我們重新走查了一遍 Dropbox 的移動端體驗,并將如何提高用戶的工作效率作為產品的核心目標。我們做了一些迭代改進,讓用戶的工作變得更加有效率,也讓他們能抽出更多的時間去陪陪家人,朋友。同時,我們也希望將我們的工作分享出來,能對那些和我們有同樣產品目標的人有所幫助。

一、善用平臺間的相似性

十年前,Dropbox 利用了桌面系統上的聚合模式,通過文件瀏覽器的通用性,Dropbox 能夠在 mac和 pc上提供相同的「神奇文件夾」體驗。

我們在最近的重設計中,利用了 iOS和 Android上類似的相似性。通過使用兩個操作系統共通的模式,我們創建了一個比較一致的雙平臺體驗。用戶無需適應新的用戶界面,就可以在換不同手機時也能夠快速使用應用。團隊也可以在使用不同操作系統時,減少因為界面差異而帶來的困擾,熟悉的界面能夠讓用戶更加專注。

二、優化圖標

△ 文件瀏覽界面前后對比

△ 操作列表界面前后對比

7個月前,我們發布了一套全新的文件圖標,目的在于提高圖標的可讀性和搜索文件時更高的聚焦性。我們不斷問自己這樣的問題:「什么樣的圖標更容易識別?圖標的類型如何區分?我們如何優化圖標以便用戶能夠快速識別?」。

通過這些問題的思考,我們更新了應用中的所有圖標,以減少復雜性并增加可讀性。通過優化這樣的小細節,可以讓用戶在工作時提高專注力,從而提升效率。

三、外顯核心入口

在移動端切換頁面要比在桌面端更麻煩,因為不能像桌面端那樣開多個窗口,移動端上的每個視圖都需要一整屏來承載。因此,當涉及到多個界面之間跳轉,想要找到你想要的功能時,層層跳轉就像是一個非常多余的操作。如果你想快速完成工作,這樣的操作就會讓用戶感到沮喪。

這就是為什么我們把評論的輸入框直接外顯(之前,要評論的話你必須點擊聊天氣泡圖標)的原因。通過梳理界面上的功能優先級,把最常用的功能提取出來并前置,減少了團隊協作時所需要的時間。

四、簡化操作界面

不久前,我們在應用中發布了一個全新的首頁,目標是通過及時顯示內容片段來幫助用戶聚焦工作。但是,我們在信息展示上出了問題。界面中的不同信息內容全都放在了一起,我們無意中增加了用戶做出決定所需要的時間(詳細可以參見「希克定律」)。并且由于是在一個界面中垂直排列,最常用的功能或者是最近操作的文件反而可能在第一屏不被看到。

我們最新的版本已經優化了這個問題,打開默認是一個完整的最近工作文件,而其他功能也可以通過選項卡快速查看。現在,用戶可以從打開應用的那一刻起,專注于最有價值的閱讀體驗。

五、突出最重要的操作

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

(譯者注:頁面的核心功能應該重點去強化,對于 Dropbox 來說,用戶進到這個頁面,最主要的操作就是分享,所以會做出這樣的改進。)

六、時刻反饋變化

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

這就意味著,你再也不需要去問團隊成員他們是否更新過文件。有了這個功能,你可以了解某個文件所有的更新數據,而不再需要通過溝通或者電子郵件,也沒有必要去打斷隊友們的工作了。

總結

我們都知道,當我們在使用手機工作時,因為屏幕小感覺是一種障礙而不是生產力工具時,會多么令人沮喪。

這就是為什么高效工作是移動辦公應用中一直追求的東西。因為只有當用戶能夠在應用中快速找到焦點時,他才能在忙碌的工作中找到像擁有超能力一樣的感覺。

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

原文鏈接:《Fostering focus for small screens》??Ed Chao

歡迎關注譯者的微信公眾號:「?彩云譯設計」

「打造優質界面的實用技巧」

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.51294208.com/make-the-interface-information-more-focused

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 神器下載 海報設計 字體下載 設計趨勢 設計規范 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
wechat

優設官方微信

50萬設計師關注

微信號:youshege

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

云南时时彩开奖今天