<th id="q2xpt"></th>
        行業(yè)資訊
        行業(yè)資訊
        如何讓APP軟件變快的6個方法
        時間:2019-11-25   訪問量:209   來源:未知

        在這個高速發(fā)展的社會上,很多人追求快速的。我們都知道不管網(wǎng)頁還是移動APP軟件,響應速度都是最重要的體驗指標之一,并且移動APP軟件的網(wǎng)絡環(huán)境不穩(wěn)定,速度的體驗顯得尤為重要。其實速度優(yōu)化不僅是程序員的事,設計,也能夠讓APP變得更快。

        第一:后臺執(zhí)行
        這是一條很通用,也容易理解的方法。用戶不會愿意盯著進度條傻傻地等待,除了“取消”沒有其他選擇。在系統(tǒng)處理一些網(wǎng)絡任務的時候,完全可以允許用戶做一些其他的事情。各大平臺的發(fā)微博,都采用了后臺執(zhí)行。


        第二:在載入前顯示內(nèi)容

        客戶端與web的一個不同點,客戶端的顯示內(nèi)容包括本地數(shù)據(jù)和網(wǎng)絡數(shù)據(jù)兩部分。在設計界面時,將更多的信息放在本地,在網(wǎng)絡數(shù)據(jù)未載入時即顯示本地數(shù)據(jù),讓用戶產(chǎn)生一種“已經(jīng)載入一半了”的錯覺,即使最終的耗時一樣,心理感受也會更快。當然把數(shù)據(jù)過多地寫在本地,會犧牲一些靈活性,需要根據(jù)具體情況考慮。具體請看twitter、Facebook、Vine等優(yōu)秀產(chǎn)品的啟動畫面,雖然同是靜態(tài)圖片,但它們不使用LOGO而假裝已經(jīng)載入了“導航欄”和“標題欄”,讓人感覺“點擊后立即就啟動了”。


        第三:充分利用好緩存

        緩存可以把網(wǎng)絡數(shù)據(jù)保存在本地,下次打開時無需要再次向網(wǎng)絡請求,減少流量并減少等待時間。在設計時,可以先顯示緩存內(nèi)容,同時后臺到網(wǎng)絡上拉取新內(nèi)容,若有新內(nèi)容立即替換或下次訪問時替換。但緩存使用也要注意“度”,過大的緩存文件占用太多的系統(tǒng)空間,會讓用戶一怒之下卸載APP。
        例如:云閱讀的“書城”和“通過微博找好友”等界面,都使用了緩存機制,提高打開頁面的速度。


        第四:界面先行,網(wǎng)絡交互隨后

        對于一些數(shù)據(jù)量很小,且失敗可能性較小的網(wǎng)絡交互,用戶并不需要明確知道APP在干這些事情,也能夠順暢地使用APP,那么我們就應該“把一些事實掩蓋起來”,即界面上聽話地、迅速地完成任務(心智模型),程序后臺默默地繼續(xù)執(zhí)行任務(實現(xiàn)模型)。
        最常用的比如QQ、微信、易信等聊天界面。點擊發(fā)送后,消息立即”飛”到聊天上下文中,其實對方還沒收到。但這樣的設計讓溝通的過程更順暢,沒有“正在發(fā)送 – 發(fā)送成功”各種過程的干擾。與此思路相仿的另一種方法也常被用到:在無網(wǎng)絡條件下,用戶進行操作(比如寫評論,寫備注等),把用戶的輸入內(nèi)容保存在本地,等到有網(wǎng)絡時再上傳。讓用戶有連貫的體驗。


        第五:預測用戶行為,提前開始任務

        不知道大家使用淘寶有沒有這樣的習慣,在搜索結果列表,將所有感興趣的結果都打開為新標簽頁,然后一個個地看,沒興趣的就關閉。這樣做的好處是,在我瀏覽商品詳情頁的時候,每個頁面都是載入完全了,否則我點開一個看一個,每個都要等待加載完,就會大大降低效率。
        那么能否通過設計,來滿足類似使用場景呢?應該是可以的,那就是預測用戶的行為,提前開始任務。


        第六:使用動效來掩護載入過程

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


        歡迎致電極點信息科技,電話:0597-2829380.感謝您對我們的關注及支持。


        0597-2829380
      1. Copyright 2016-2021 龍巖市極點信息科技有限公司 版權所有

        備案號:閩ICP備16030310號-1

        聯(lián)
        在線客服:
        官方微信:
        国产精品无码一区视频,午夜久久精品无码,熟女精品视频一区,日韩精品一区二区无码妖姬

        <th id="q2xpt"></th>