騰訊設計師:解析效率至上的全新微云改版

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

 

背景

迅速行動

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

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

 

產品定位

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

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

  • 1、上傳和備份

  • 2、瀏覽照片和文件列表

  • 3、搜索文件

  • 4、預覽PDF等文件

 

產品存在的問題 

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

 

更一致

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

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

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

上傳入口固定在底部

 

更突出

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

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

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

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

 

更簡潔

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

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

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

 

更易用

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

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

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

上傳頁面信息區分更清晰

 

更快捷

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

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

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

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

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

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

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

 

總結

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

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

 

原文地址:

作者:lamlam

 來源:學UI網

上一篇: 4個規律快速畫好斷線圖標!

下一篇: 界面設計 ≠ 屏幕設計

分享到: 更多
广东11选5免费计划软件 pk10单号龙虎稳赚技巧 百赢棋牌真人赌博下载 时时彩注码法 nba让分盘 彩票单双大小概率 平投盈利技巧 时时彩包胆顺势而为 重庆时时彩开奖 2018棋牌游戏斗地主 同城游戏手机版下载 杰克棋牌 重庆时时开奖直播 重庆时时开奖官方同步 北京pk10直播视频直播 老时时360走势图