設計立交橋是一個很大的挑戰。有着不同背景和知識的司機,從四面八方進入立交橋,然後在短短几秒內決定從哪個出口出去。如果錯過了出口,就可能去往完全相反的方向。留給司機做決定的時間非常短,以至於無暇思考,必須不假思索就能做出正確決定。
如果司機因爲思考而減緩車速,整個立交橋的通行效率都會下降,形成交通擁堵。
我們在設計移動APP時,當然沒有設計立交橋這麼緊迫。如果說有相似的地方,可能目標都是讓用戶能夠不假思索做出正確的行爲,不要走到相反的方向上去,也不要思考過久。
本文我就以全新改版的微雲來講講怎樣設計效率至上的移動APP。
產品定位
微雲是面向個人的智能雲存儲服務,可以不加思索地進行備份、查看和整理內容。我們深入瞭解移動端的功能特點,從交互、設計和佈局上進行一些優化,從而提高用戶使用效率。
用戶在微雲APP中的主要行爲路徑包括:
1、上傳和備份
2、瀏覽照片和文件列表
3、搜索文件
4、預覽PDF等文件
產品存在的問題
我們深知我們的一些基礎功能需要打磨,預覽效率偏低和一些操作程序繁瑣。所以我們的主要目標是提高使用效率。
更一致
上傳入口是一個比較常用的操作,在右上角區域單手操作時不容易點擊到。而且在文件頁出現選擇操作時,會將入口向左擠開,使得位置不穩定。
針對這種情況,我們決定將它移動到底部中央固定位置。
這樣的好處一方面是將常用操作放在更顯眼的地方,另一方面是在固定的位置操作,適應拇指的記憶。
上傳入口固定在底部
更突出
左圖中的頂部背景色過重,干擾用戶預覽內容。列表頁的高度不夠會顯得很擁擠。
針對這種情況,我們決定對兩個區域做出調整。框架上弱化背景色,把大面積藍色換成沒那麼刺眼的白色,調整列表高度從112px調整到132px,內容標題文字由原來的34px調整到36px,縮略圖大小從80px調整到100px等等。
這樣可以讓用戶更清晰、更聚焦內容本身。
列表頁改版後內容更突出、更容易聚集內容
更簡潔
當文檔中有大量文件時,難以分辨文檔類型,線框對文檔識別產生了干擾,圖形變的比較複雜。
我們決定對圖形進行簡化、強化圖標本身的形狀。根據文檔本身的顏色去定義顏色的使用。這樣可以讓文檔內容圖標更簡潔,圖形符合用戶對它本身的認知,這樣更容易識別。
新版文檔類型圖標識別性更強
更易用
在上傳界面中,操作項和信息區域混在一起難以辨識,而關閉入口在右上角難以觸達。
我們把這個頁面整體分成兩個區域,頂部是信息區域,底部常用功能操作區域。
這樣可以讓上傳頁面改成全屏更好地利用空間對頁面的佈局進行調整,頂部重要的的每日流量信息提示更明顯,常用的操作功能更易用。
上傳頁面信息區分更清晰
更快捷
預覽頁基礎功能不夠完善,預覽、查找文檔內容比較麻煩。
在文檔預覽頁內增加關鍵詞檢索功能,PDF文檔預覽過程中添加頁碼定位。
改版後在文檔預覽中可以快速檢索關鍵詞,定位內容更快捷。PDF可以在頁碼縮略圖中快速定位到你想要找的頁面。
日常生活中用戶想對一些書籍掃描電子化、各種票據的信息採集、名片上的關鍵信息提取都比較麻煩,需要一個個的字去輸入在手機裏。
微雲移動端與優圖合作接入了OCR文本識別技術,可以實現對拍照圖片與名片中的文本進行識別。
簡化名片的入錄流程,並可以快捷的撥號、發短信、郵件等功能。爲用戶提供了高效、智能、便捷的個性化解決方案,提升了對圖片上文本的閱讀和記錄效率。
OCR文本識別可快速入錄信息
總結
用戶喜歡使用移動APP的主要原因是內容本身,而不是設計裝飾。
設計師可以通過多種方式給用戶更好的體驗。比如在排版上更明確,輔助性圖形進一步明確含義,去掉無用裝飾,在控件使用中保持統一性,讓常用的功能更容易觸達等等。最終,通過這些細節的優化讓用戶更高效地觸達內容。