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

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

   產(chǎn)品的“快體驗(yàn)”是指從用戶使用產(chǎn)品某項(xiàng)功能過程中自然流暢的過程。在產(chǎn)品使用流程中體現(xiàn)在多個(gè)層面,如下載快、加載快、反饋快等。當(dāng)任何一個(gè)環(huán)節(jié)出現(xiàn)了卡頓、停滯,讓用戶進(jìn)入漫長的等待時(shí),都會(huì)帶給用戶焦急、煩躁的感受,以至于終止當(dāng)前的操作,或直接棄用產(chǎn)品。因此,“快”是良好的產(chǎn)品體驗(yàn)核心因素之一。

  “快體驗(yàn)”有多重因素組成,包括外部環(huán)境的網(wǎng)絡(luò)速度,產(chǎn)品本身的技術(shù)能力,交互策略制定,快體驗(yàn)的感知設(shè)計(jì)等。我們分解用戶一個(gè)事件的操作過程(發(fā)出操作指令前、執(zhí)行過程、結(jié)果呈現(xiàn)),并針對(duì)每個(gè)環(huán)節(jié)總結(jié)的幾個(gè)方法。

  一、發(fā)出操作指令前提前加載數(shù)據(jù)

  提前加載數(shù)據(jù)是在預(yù)測用戶即將發(fā)出操作指令前,后臺(tái)預(yù)先緩存到本地?cái)?shù)據(jù)內(nèi)容,待用戶操作時(shí),內(nèi)容直接呈現(xiàn)。在正常的網(wǎng)絡(luò)狀態(tài)和用戶操作頻率前提下,用戶幾乎不用任何等待內(nèi)容加載的時(shí)間。該策略適用于縱向?yàn)g覽的信息流,比喻微博、朋友圈、應(yīng)用市場的應(yīng)用列表等。根據(jù)所加載內(nèi)容數(shù)據(jù)量的大小,可決定是否僅在在wifi網(wǎng)絡(luò)環(huán)境下執(zhí)行該策略,同時(shí)只對(duì)文本數(shù)據(jù)做提前加載。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法 三聯(lián)

  新版的百度手機(jī)助手在應(yīng)用列表的瀏覽操作時(shí),就運(yùn)用了該策略。當(dāng)用戶前天瀏覽內(nèi)容不足10條時(shí),后臺(tái)自動(dòng)加載更多。該策略極大的提高了用戶的瀏覽效率。

  二、執(zhí)行過程中,根據(jù)操作類型的不同有多種方法

  1、預(yù)載默認(rèn)框架

  預(yù)載默認(rèn)框架是用戶發(fā)出操作指令后,在數(shù)據(jù)尚未返回之前,頁面反饋一個(gè)默認(rèn)數(shù)據(jù)的頁面布局。等到內(nèi)容返回后,填充到已顯示的默認(rèn)框架內(nèi)。該設(shè)計(jì)能在用戶操作指令發(fā)出后,給與很快速的頁面反饋,同時(shí)為用制造一個(gè)“快速”的假象。

  一起來分析百度手機(jī)助手詳情頁的加載設(shè)計(jì)。當(dāng)用戶點(diǎn)擊某個(gè)應(yīng)用進(jìn)入詳情頁后,直接展現(xiàn)該頁面的首屏的全部默認(rèn)布局,當(dāng)數(shù)據(jù)加載完畢時(shí)填充到默認(rèn)框架,給用戶感受到只是內(nèi)容顯示的轉(zhuǎn)場動(dòng)畫,避免了視覺轉(zhuǎn)場,提高了“快”的感知。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

  2、保持積極響應(yīng)

  移動(dòng)應(yīng)用操作場景中,不可避免的會(huì)出現(xiàn)網(wǎng)絡(luò)狀態(tài)不佳的情況,此時(shí)就需要用戶耐心的等待。在等待過程中,首先需要呈現(xiàn)活動(dòng)的載入狀態(tài),以告訴用戶依然在努力加載,同時(shí),積極活躍的動(dòng)畫也會(huì)加強(qiáng)用戶對(duì)快速的感知,掩蓋總體緩慢的現(xiàn)實(shí)。

  在應(yīng)用市場的下載管理中,就運(yùn)用了該設(shè)計(jì),當(dāng)下載某個(gè)應(yīng)用遇到網(wǎng)絡(luò)很慢時(shí),總進(jìn)度進(jìn)展緩慢甚至停止,但循環(huán)游動(dòng)的光標(biāo)依然保持積極的響應(yīng),給用戶感知后臺(tái)依然在進(jìn)行高速的下載工作。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

  3、結(jié)果提前呈現(xiàn)

  用戶發(fā)出指令后,用戶界面上迅速反饋操作結(jié)果,而實(shí)際數(shù)據(jù)由后臺(tái)處理。如瀏覽器產(chǎn)品常用的頁面載入進(jìn)度反饋。通常用戶打開新頁面后,頁面加載進(jìn)度條先是迅速的游走到某個(gè)預(yù)定的位置,給與用戶頁面加載迅速的感受。而實(shí)際進(jìn)度卻在追趕頁面進(jìn)度條。

  再比如,微信的朋友圈中,當(dāng)用戶上傳一張新的圖片,點(diǎn)擊發(fā)布后,該圖片通過動(dòng)畫從發(fā)布器跳轉(zhuǎn)到瀏覽的信息流中。在用戶看來,已經(jīng)發(fā)布成功,而后臺(tái)依然在上傳過程中。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

  4、轉(zhuǎn)移焦慮情緒

  相信大家在使用應(yīng)用中最反感的就是漫長的等待,他會(huì)讓你心情變壞,會(huì)影響你的情緒。此時(shí)需要讓用戶關(guān)注的焦點(diǎn)從等待轉(zhuǎn)移到一個(gè)趣味的畫面或一句簡短的文案中,從而縮短用戶的心理等待時(shí)間,使等待沒有那么漫長。

  百度云和百度手機(jī)助手在頁面加載時(shí),都引入該設(shè)計(jì)方法。一只可愛的“小黃鳥”,一個(gè)正在跑步的“百變袋”都會(huì)讓用戶在等待的情緒中剝離出來,轉(zhuǎn)移注意啦,為用戶等待的的耐性爭取了時(shí)間。“想去”客戶端在加載更多的等待設(shè)計(jì),“被鯨魚追趕的小魚”更是出彩,讓我不得不希望網(wǎng)速慢下來,多欣賞一會(huì)這個(gè)設(shè)計(jì)。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

  三、結(jié)果呈現(xiàn)給予正向鼓勵(lì)

  以上都是針對(duì)操作執(zhí)行過程狀態(tài)的設(shè)計(jì)方法,我們不能把所有的設(shè)計(jì)都傾注在過程中,還要懂得在操作結(jié)果呈現(xiàn)時(shí)進(jìn)一步與用戶做情感交流,把快的體驗(yàn)感知貫穿于始末。一個(gè)鼓勵(lì)的文案,一個(gè)趣味的動(dòng)效,都會(huì)給用戶帶來驚喜,都會(huì)提高用戶對(duì)“快”的體驗(yàn)感知,加強(qiáng)產(chǎn)品“快”的記憶點(diǎn)。

  百度手機(jī)助手當(dāng)用戶通過高速下載渠道下載應(yīng)用時(shí),下載完成后會(huì)告知用戶節(jié)約了多少時(shí)間,增強(qiáng)了用戶對(duì)高速下載的感知。當(dāng)用戶下載速度達(dá)到一定的數(shù)值時(shí),下載完成后,界面會(huì)飛出飛機(jī)來肯定用戶剛才的下載速度,增強(qiáng)用戶對(duì)“快”的記憶點(diǎn)。

移動(dòng)應(yīng)用“快”體驗(yàn)設(shè)計(jì)方法

  結(jié)語:移動(dòng)產(chǎn)品的快體驗(yàn),從用戶發(fā)出操作指令,到執(zhí)行過程,最后到操作結(jié)果的呈現(xiàn),每個(gè)環(huán)節(jié)都是提高快體驗(yàn)的機(jī)會(huì),抓住每個(gè)機(jī)會(huì),把快速的體驗(yàn)設(shè)計(jì)帶到你的產(chǎn)品中,讓用戶與你一起爽一把。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 日韩在线免费视频 | 亚洲国产视频一区二区 | 最新日韩在线 | www久久爱 | 国产高清在线 | 亚洲欧美一区二区三区国产精品 | 青青草一区| 日韩精品1区2区3区 爱爱综合网 | 亚州精品天堂中文字幕 | 九九久久国产精品 | 国产999精品久久久久久 | 国产一区二区三区不卡av | 国产激情偷乱视频一区二区三区 | 天天操天天操 | 日本久久久久久 | 午夜欧美日韩 | 国产欧美一区二区久久性色99 | 五月天国产| 青青艹在线视频 | 日日摸夜夜添夜夜添精品视频 | 婷婷色在线 | 亚洲精品视频二区 | 97精品超碰一区二区三区 | 久久久久免费精品国产 | 9999在线视频 | 91精品久久久久久久久中文字幕 | 亚洲福利av | 成人精品一区亚洲午夜久久久 | 91成人午夜性a一级毛片 | 亚洲第一女人av | 日韩中文字幕网 | 久久久久国产一区二区三区四区 | 一区二区三区四区在线视频 | 久久91精品国产一区二区 | 亚洲三级在线观看 | 国产欧美一区二区三区日本久久久 | 国产精品久久久久久婷婷天堂 | 欧美黄色绿像 | 亚洲午夜精品视频 | 综合伊人 | 国产精品小视频在线观看 |