移動(dòng)場(chǎng)景中的產(chǎn)品設(shè)計(jì)(3)
具體說明如下圖:
所以別讓你的產(chǎn)品讓用戶等太久,都走光了。這里就可以考慮適合的響應(yīng)機(jī)制。比如優(yōu)先加載框架,給用戶的感覺是立即有相應(yīng)了,且已有部分內(nèi)容出來了。
或則可以在當(dāng)前頁(yè)做反饋,成功后跳轉(zhuǎn)到下一頁(yè),如果失敗直接在當(dāng)前頁(yè)反饋,避免跳轉(zhuǎn)。這點(diǎn)適合下一頁(yè)內(nèi)容量較少的情況。再比如收藏成功按鈕,點(diǎn)擊收藏按鈕,是先跟服務(wù)器交流,還是先給用戶積極的反饋收藏成功,再跟服務(wù)器交流,這些都讓用戶的感受不同。好的加載方式,也是能快速感受到速度的提升和轉(zhuǎn)場(chǎng)的順暢和連續(xù)性。
設(shè)計(jì)啟示:流量——產(chǎn)品的賣點(diǎn)
節(jié)省流量現(xiàn)在被很多產(chǎn)品拿來宣傳,特別是手機(jī)瀏覽器和一些需要信息展示的應(yīng)用。如UC瀏覽器就號(hào)稱首創(chuàng)業(yè)界先進(jìn)技術(shù),使流量數(shù)據(jù)壓縮率高達(dá)90%,用戶上網(wǎng)速度更快,流量更省。你是不是因?yàn)檫@點(diǎn)心動(dòng)了?所以在同質(zhì)化的產(chǎn)品中,流量就是一個(gè)可以突出的賣點(diǎn)。
電量
Web場(chǎng)景:穩(wěn)定的電源
移動(dòng)場(chǎng)景:憂心的剩余電量
設(shè)計(jì)啟示:省電功能,高效程序…
一日一充,是不是已經(jīng)成為你的習(xí)慣。當(dāng)看到剩余電量不足20%的時(shí)候,你是不是開始憂心忡忡,想盡辦法找電源。是不是特別擔(dān)心電量沒了,別人聯(lián)系不上你,讓你不得不放棄繼續(xù)游戲或?yàn)g覽應(yīng)用。從觸屏機(jī)開始,電量已經(jīng)成為用戶的一塊通病。這時(shí)候,如果你的產(chǎn)品在這塊上有特別之處,將成為繼流量之后一個(gè)極大的賣點(diǎn)。如各個(gè)安全產(chǎn)品,都涉及到省電這個(gè)點(diǎn),如下圖
同樣,在考慮電量的時(shí)候,快速的調(diào)節(jié)屏幕亮度,或則有省電模式的快捷方式,都能觸及到用戶關(guān)切的點(diǎn)。如果你有一款省電應(yīng)用,敢稱讓用戶的手機(jī)電量多維持半天,估計(jì)這個(gè)應(yīng)用瞬間就火了。
別讓用戶感受到你的產(chǎn)品使用起來有頓挫感,很卡,或則更厲害的是手機(jī)明顯發(fā)熱。這些都會(huì)讓用戶感受到這是個(gè)費(fèi)電的應(yīng)用,所以高效的程序,穩(wěn)定的性能是十分重要的。
環(huán)境光
Web場(chǎng)景:明亮的燈光下,清晰高亮的顯示屏前
移動(dòng)場(chǎng)景:刺眼的太陽(yáng)光底下,昏暗的夜幕下,睡前的一片漆黑
設(shè)計(jì)啟示:高對(duì)比度,快速調(diào)節(jié)亮度,聲音提示…
是不是每天睡前,當(dāng)你使用手機(jī)預(yù)覽各種信息的時(shí)候,都習(xí)慣性的會(huì)調(diào)節(jié)下亮度,減少亮屏幕給眼睛帶來的疲勞,或則是減少對(duì)枕邊人的干擾。是不是每天醒來后,在明亮的環(huán)境下,屏幕暗的讓你找不到開機(jī)滑塊,貼近面盤,才好不容易找到亮度調(diào)節(jié)的地方。是不是每每電量不足時(shí),唯一想到的辦法就是降低屏幕亮度。。。即使像iphone這樣的,有光線感應(yīng)器的自動(dòng)調(diào)節(jié)亮度也沒能很好的解決以上的問題。隨時(shí)變化的環(huán)境光,如果有好的場(chǎng)景轉(zhuǎn)換手法,將給用戶帶來極大的好體驗(yàn)。但如果不注意,同樣會(huì)給我們的產(chǎn)品帶來負(fù)面影響。
本文地址:http://likemindfilms.com/tutorial/wd1309.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏