微云使用效率大幅提高的背后,騰訊設計師這樣做改版! - 優設-UISDC

微云使用效率大幅提高的背后,騰訊設計師這樣做改版!

2017/08/28 5575評論區

設計立交橋是一個很大的挑戰。有著不同背景和知識的司機,從四面八方進入立交橋,然后在短短幾秒內決定從哪個出口出去。如果錯過了出口,就可能去往完全相反的方向。留給司機做決定的時間非常短,以至于無暇思考,必須不假思索就能做出正確決定。

如果司機因為思考而減緩車速,整個立交橋的通行效率都會下降,形成交通擁堵。

我們在設計移動APP時,當然沒有設計立交橋這么緊迫。如果說有相似的地方,可能目標都是讓用戶能夠不假思索做出正確的行為,不要走到相反的方向上去,也不要思考過久。

本文我就以全新改版的微云來講講怎樣設計效率至上的移動APP。

產品定位

微云是面向個人的智能云存儲服務,可以不加思索地進行備份、查看和整理內容。我們深入了解移動端的功能特點,從交互、設計和布局上進行一些優化,從而提高用戶使用效率。

用戶在微云APP中的主要行為路徑包括:

  • 上傳和備份
  • 瀏覽照片和文件列表
  • 搜索文件
  • 預覽PDF等文件

產品存在的問題

我們深知我們的一些基礎功能需要打磨,預覽效率偏低和一些操作程序繁瑣。所以我們的主要目標是提高使用效率。

更一致

上傳入口是一個比較常用的操作,在右上角區域單手操作時不容易點擊到。而且在文件頁出現選擇操作時,會將入口向左擠開,使得位置不穩定。

針對這種情況,我們決定將它移動到底部中央固定位置。

這樣的好處一方面是將常用操作放在更顯眼的地方,另一方面是在固定的位置操作,適應拇指的記憶。

△ ?上傳入口固定在底部

更突出

左圖中的頂部背景色過重,干擾用戶預覽內容。列表頁的高度不夠會顯得很擁擠。

針對這種情況,我們決定對兩個區域做出調整。框架上弱化背景色,把大面積藍色換成沒那么刺眼的白色,調整列表高度從112px調整到132px,內容標題文字由原來的34px調整到36px,縮略圖大小從80px調整到100px等等。

這樣可以讓用戶更清晰、更聚焦內容本身。

△ ?列表頁改版后內容更突出、更容易聚集內容

更簡潔

當文檔中有大量文件時,難以分辨文檔類型,線框對文檔識別產生了干擾,圖形變的比較復雜。

我們決定對圖形進行簡化、強化圖標本身的形狀。根據文檔本身的顏色去定義顏色的使用。這樣可以讓文檔內容圖標更簡潔,圖形符合用戶對它本身的認知,這樣更容易識別。

△ ?新版文檔類型圖標識別性更強

更易用

在上傳界面中,操作項和信息區域混在一起難以辨識,而關閉入口在右上角難以觸達。

我們把這個頁面整體分成兩個區域,頂部是信息區域,底部常用功能操作區域

這樣可以讓上傳頁面改成全屏更好地利用空間對頁面的布局進行調整,頂部重要的的每日流量信息提示更明顯,常用的操作功能更易用。

△ ?上傳頁面信息區分更清晰

更快捷

預覽頁基礎功能不夠完善,預覽、查找文檔內容比較麻煩。

在文檔預覽頁內增加關鍵詞檢索功能,PDF文檔預覽過程中添加頁碼定位。

改版后在文檔預覽中可以快速檢索關鍵詞,定位內容更快捷。PDF可以在頁碼縮略圖中快速定位到你想要找的頁面。

日常生活中用戶想對一些書籍掃描電子化、各種票據的信息采集、名片上的關鍵信息提取都比較麻煩,需要一個個的字去輸入在手機里。

微云移動端與優圖合作接入了OCR文本識別技術,可以實現對拍照圖片與名片中的文本進行識別。

簡化名片的入錄流程,并可以快捷的撥號、發短信、郵件等功能。為用戶提供了高效、智能、便捷的個性化解決方案,提升了對圖片上文本的閱讀和記錄效率。

△ ?OCR文本識別可快速入錄信息

總結

用戶喜歡使用移動APP的主要原因是內容本身,而不是設計裝飾。

設計師可以通過多種方式給用戶更好的體驗。比如在排版上更明確,輔助性圖形進一步明確含義,去掉無用裝飾,在控件使用中保持統一性,讓常用的功能更容易觸達等等。最終,通過這些細節的優化讓用戶更高效地觸達內容。

「最近有哪些值得關注的改版?」

原文地址:騰訊ISUX

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.51294208.com/weiyun-app-redesign

發表評論 加載中....

評論加載中....

uisdc

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

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

優設官方微信

50萬設計師關注

微信號:youshege

把好文章收藏到微信

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

云南时时彩开奖今天