淺談移動應用快體驗設計方法總結發(fā)布者:本站 時間:2021-12-23 10:12:41
產(chǎn)品的“快體驗”是指從用戶使用產(chǎn)品某項功能過程中自然流暢的過程。在產(chǎn)品使用流程中體現(xiàn)在多個層面,如下載快、加載快、反饋快等。當任何一個環(huán)節(jié)出現(xiàn)了卡頓、停滯,讓用戶進入漫長的等待時,都會帶給用戶焦急、煩躁的感受,以至于終止當前的操作,或直接棄用產(chǎn)品。因此,“快”是良好的產(chǎn)品體驗核心因素之一。
淺談移動應用快體驗<a href=/design/ target=_blank class=infotextkey>設計</a>方法總結,PS教程,
“快體驗”有多重因素組成,包括外部環(huán)境的網(wǎng)絡速度,產(chǎn)品本身的技術能力,交互策略制定,快體驗的感知設計等。我們分解用戶一個事件的操作過程(發(fā)出操作指令前、執(zhí)行過程、結果呈現(xiàn)),并針對每個環(huán)節(jié)總結的幾個方法。
網(wǎng)易有篇分享也是講這個的,同學們可以看看:用設計為你的APP提速的6個方法
提升APP品質(zhì),推薦閱讀百度云UE負責人撰寫的:豐富APP動態(tài)效果的六點原則
一、發(fā)出操作指令前提前加載數(shù)據(jù)
提前加載數(shù)據(jù)是在預測用戶即將發(fā)出操作指令前,后臺預先緩存到本地數(shù)據(jù)內(nèi)容,待用戶操作時,內(nèi)容直接呈現(xiàn)。在正常的網(wǎng)絡狀態(tài)和用戶操作頻率前提下,用戶幾乎不用任何等待內(nèi)容加載的時間。該策略適用于縱向瀏覽的信息流,比喻微博、朋友圈、應用市場的應用列表等。根據(jù)所加載內(nèi)容數(shù)據(jù)量的大小,可決定是否僅在在wifi網(wǎng)絡環(huán)境下執(zhí)行該策略,同時只對文本數(shù)據(jù)做提前加載。
淺談移動應用快體驗設計方法總結,PS教程,
新版的百度手機助手在應用列表的瀏覽操作時,就運用了該策略。當用戶前天瀏覽內(nèi)容不足10條時,后臺自動加載更多。該策略極大的提高了用戶的瀏覽效率。
二、執(zhí)行過程中,根據(jù)操作類型的不同有多種方法
1、預載默認框架
預載默認框架是用戶發(fā)出操作指令后,在數(shù)據(jù)尚未返回之前,頁面反饋一個默認數(shù)據(jù)的頁面布局。等到內(nèi)容返回后,填充到已顯示的默認框架內(nèi)。該設計能在用戶操作指令發(fā)出后,給與很快速的頁面反饋,同時為用制造一個“快速”的假象。
一起來分析百度手機助手詳情頁的加載設計。當用戶點擊某個應用進入詳情頁后,直接展現(xiàn)該頁面的首屏的全部默認布局,當數(shù)據(jù)加載完畢時填充到默認框架,給用戶感受到只是內(nèi)容顯示的轉場動畫,避免了視覺轉場,提高了“快”的感知。
淺談移動應用快體驗設計方法總結,PS教程,
2、保持積極響應
移動應用操作場景中,不可避免的會出現(xiàn)網(wǎng)絡狀態(tài)不佳的情況,此時就需要用戶耐心的等待。在等待過程中,首先需要呈現(xiàn)活動的載入狀態(tài),以告訴用戶依然在努力加載,同時,積極活躍的動畫也會加強用戶對快速的感知,掩蓋總體緩慢的現(xiàn)實。
在應用市場的下載管理中,就運用了該設計,當下載某個應用遇到網(wǎng)絡很慢時,總進度進展緩慢甚至停止,但循環(huán)游動的光標依然保持積極的響應,給用戶感知后臺依然在進行高速的下載工作。
淺談移動應用快體驗設計方法總結,PS教程,
3、結果提前呈現(xiàn)
用戶發(fā)出指令后,用戶界面上迅速反饋操作結果,而實際數(shù)據(jù)由后臺處理。如瀏覽器產(chǎn)品常用的頁面載入進度反饋。通常用戶打開新頁面后,頁面加載進度條先是迅速的游走到某個預定的位置,給與用戶頁面加載迅速的感受。而實際進度卻在追趕頁面進度條。
再比如,微信的朋友圈中,當用戶上傳一張新的圖片,點擊發(fā)布后,該圖片通過動畫從發(fā)布器跳轉到瀏覽的信息流中。在用戶看來,已經(jīng)發(fā)布成功,而后臺依然在上傳過程中。
淺談移動應用快體驗設計方法總結,PS教程,
4、轉移焦慮情緒
相信大家在使用應用中最反感的就是漫長的等待,他會讓你心情變壞,會影響你的情緒。此時需要讓用戶關注的焦點從等待轉移到一個趣味的畫面或一句簡短的文案中,從而縮短用戶的心理等待時間,使等待沒有那么漫長。
百度云和百度手機助手在頁面加載時,都引入該設計方法。一只可愛的“小黃鳥”,一個正在跑步的“百變袋”都會讓用戶在等待的情緒中剝離出來,轉移注意啦,為用戶等待的的耐性爭取了時間。“想去”客戶端在加載更多的等待設計,“被鯨魚追趕的小魚”更是出彩,讓我不得不希望網(wǎng)速慢下來,多欣賞一會這個設計。
淺談移動應用快體驗設計方法總結,PS教程,
三、結果呈現(xiàn)給予正向鼓勵
以上都是針對操作執(zhí)行過程狀態(tài)的設計方法,我們不能把所有的設計都傾注在過程中,還要懂得在操作結果呈現(xiàn)時進一步與用戶做情感交流,把快的體驗感知貫穿于始末。一個鼓勵的文案,一個趣味的動效,都會給用戶帶來驚喜,都會提高用戶對“快”的體驗感知,加強產(chǎn)品“快”的記憶點。
百度手機助手當用戶通過高速下載渠道下載應用時,下載完成后會告知用戶節(jié)約了多少時間,增強了用戶對高速下載的感知。當用戶下載速度達到一定的數(shù)值時,下載完成后,界面會飛出飛機來肯定用戶剛才的下載速度,增強用戶對“快”的記憶點。
淺談移動應用快體驗設計方法總結,PS教程,
結語:移動產(chǎn)品的快體驗,從用戶發(fā)出操作指令,到執(zhí)行過程,最后到操作結果的呈現(xiàn),每個環(huán)節(jié)都是提高快體驗的機會,抓住每個機會,把快速的體驗設計帶到你的產(chǎn)品中,讓用戶與你一起爽一把。
選擇我們,優(yōu)質(zhì)服務,不容錯過
1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關鍵詞標簽:上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)