久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

用設計為你的APP提速的6個方法

   我們都知道不管網頁還是移動應用,響應速度都是最重要的體驗指標之一,并且移動應用的網絡環境不穩定,速度的體驗顯得尤為重要。其實速度優化不僅是程序員的事,設計,也能夠讓App變得更快。

  1.后臺執行

  這是一條很通用,也容易理解的方法。用戶不會愿意盯著進度條傻傻地等待,除了”取消”沒有其他選擇。在系統處理一些網絡任務的時候,完全可以允許用戶做一些其他的事情。

  各大平臺的發微博,都采用了后臺執行。云閱讀的離線下載也采用后臺執行。

用設計為你的APP提速的6個方法 三聯

  而微博的看長圖(或視頻),是個反例。網絡不給力時,要么等待1分鐘讓圖加載完,要不就只好放棄看圖。為什么不能讓圖加載的同時,用戶可以看其他微博呢?

  2.在載入前顯示內容

  客戶端與web的一個不同點,客戶端的顯示內容包括本地數據和網絡數據兩部分。在設計界面時,將更多的信息放在本地,在網絡數據未載入時即顯示本地數據,讓用戶產生一種”已經載入一半了”的錯覺,即使最終的耗時一樣,心理感受也會更快。當然把數據過多地寫在本地,會犧牲一些靈活性,需要根據具體情況考慮。

  具體請看twitter、Facebook、Vine等優秀產品的啟動畫面,雖然同是靜態圖片,但它們不使用LOGO而假裝已經載入了”導航欄”和”標題欄”,讓人感覺”點擊后立即就啟動了”。

  再如App Store的詳情頁,在詳細信息載入前,已有信息先顯示。

  3.充分利用好緩存

  緩存可以把網絡數據保存在本地,下次打開時無需要再次向網絡請求,減少流量并減少等待時間。在設計時,可以先顯示緩存內容,同時后臺到網絡上拉取新內容,若有新內容立即替換或下次訪問時替換。但緩存使用也要注意”度”,過大的緩存文件占用太多的系統空間,會讓用戶一怒之下卸載App。

  云閱讀的”書城”和”通過微博找好友”等界面,都使用了緩存機制,提高打開頁面的速度。

01

  4.界面先行,網絡交互隨后

  對于一些數據量很小,且失敗可能性較小的網絡交互,用戶并不需要明確知道App在干這些事情,也能夠順暢地使用App,那么我們就應該”把一些事實掩蓋起來”,即界面上聽話地、迅速地完成任務(心智模型),程序后臺默默地繼續執行任務(實現模型)。

  最常用的比如QQ、微信、易信等聊天界面。點擊發送后,消息立即”飛”到聊天上下文中,其實對方還沒收到。但這樣的設計讓溝通的過程更順暢,沒有”正在發送 – 發送成功”各種過程的干擾。

  用戶在收藏文章,關注好友等操作時,數據量很小,可以界面先行。用戶在繼續瀏覽文章的同時,系統會把文章收藏好。

  與此思路相仿的另一種方法也常被用到:在無網絡條件下,用戶進行操作(比如寫評論,寫備注等),把用戶的輸入內容保存在本地,等到有網絡時再上傳。讓用戶有連貫的體驗。

  5.預測用戶行為,提前開始任務

  不知道大家使用淘寶有沒有這樣的習慣,在搜索結果列表,將所有感興趣的結果都打開為新標簽頁,然后一個個地看,沒興趣的就關閉。這樣做的好處是,在我瀏覽商品詳情頁的時候,每個頁面都是載入完全了,否則我點開一個看一個,每個都要等待加載完,就會大大降低效率。

  那么能否通過設計,來滿足類似使用場景呢?應該是可以的,那就是預測用戶的行為,提前開始任務。

  策略類似這樣:

  用戶在某個界面停留的時候,預測下一步可能做ABC三個任務,系統于是把這些任務都提前做完。當用戶做出選擇比如A時,界面可以迅速響應,并且同時把BC兩個任務從內存中清空掉以節省資源。(當然這招也有限制:1,只適用于免費的網絡。2,預加載不能影響系統的性能)

  我們就回來看淘寶的iPad客戶端。它有這樣的設計,在某詳情頁查看時,向右一劃可以查看下一個商品,也許這是一個好設計,但是卻沒有幫我預加載下一個界面,我還是不得不傻傻地等頁面加載完。

  那我們看一些其他的設計。

  在網易云閱讀,我們認為用戶進入一個資訊源的一個最大可能就是刷新查看新內容。所以即使沒有打開自動刷新選項時,進行源列表,后臺自動加載新內容,并在刷新按鈕上顯示”NEW”,此時當用戶再刷新,內容立即呈現。

  Android更新提醒在安裝包自動下載完成之后提示,讓用戶不再需要等待下載過程。

  再比如云閱讀的查看大圖,自動載入下一張;TableView在將要達到底部時自動載入等。

  Chrome在下載前詢問是否保存,在用戶決定之就已經開始下載,節省了不少時間。如果用戶放棄,已下載內容會自動刪除。

  那么,用這個思路。

  寫微博插入照片后,能否自動上傳,而不必等用戶點擊了”發送”才上傳?

  看微博時定位到某條微博,是否應該自動加載大圖或視頻?

  音樂應用在當前歌曲快播放完時,是否應該下載下一首歌,以免切歌的時候會卡一會兒?

  6.使用動效來掩護載入過程

  優秀的動效設計,讓產品更好用且讓人眼前一亮。其實,動效還有另一大用處,吸引用戶的注意,讓本來枯燥的等待載入的過程,變成愉悅欣賞的過程。

  以下的例子來源于網絡。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 欧美日韩在线一区 | 成人黄色网址大全 | 国产一区二区三区 | 国产精品一区视频 | 欧美猛交| 91精品国产综合久久久久久 | 国产一区二区久久久 | 亚洲天天干 | 一区二区电影网 | 操操网站 | 亚洲精品一区二区网址 | 久久久久久91 | 国产乱人伦精品一区二区 | 国产精品美女久久久久久免费 | 日韩av一区二区在线 | 成人美女免费网站视频 | 亚洲天天干 | 成av在线 | 国产精品无码专区在线观看 | 午夜欧美| 农夫在线精品视频免费观看 | 男人阁久久| 国产精品久久久久久久久久久久午夜片 | 欧美日韩国产一区二区三区 | 精产国产伦理一二三区 | 亚洲经典一区 | 欧美精品在线一区 | 欧美精品综合在线 | 91色视频在线观看 | 在线观看亚洲专区 | 精品国产高清一区二区三区 | 日韩专区中文字幕 | 欧美国产在线一区 | 欧美日在线| 久草免费在线视频 | 免费在线观看一区二区 | 国产一区二区三区久久久久久久久 | 日本久久久久久 | 欧美黑人一区 | 国产视频一区二区三区四区五区 | 婷婷精品 |