移動(dòng)體驗(yàn)設(shè)計(jì)指引一

1、移動(dòng)體驗(yàn)設(shè)計(jì)指引（一）相比傳統(tǒng)桌面設(shè)備，移動(dòng)設(shè)備存在更多的限制：小屏幕、有限的計(jì)算能力、不穩(wěn) 定的網(wǎng)絡(luò)連接、短暫的電池續(xù)航能力除了設(shè)備本身的眾多“缺陷”，它還擁有 許多傳統(tǒng)設(shè)備不具備的特性：作為隨身物件，移動(dòng)設(shè)備天然攜帶了更多的個(gè)人敏 感信息，變化的使用場(chǎng)景也對(duì)移動(dòng)界面的設(shè)計(jì)提出更高的要求?；谝苿?dòng)設(shè)備固有的特性和使用場(chǎng)景，我們歸納了移動(dòng)體驗(yàn)設(shè)計(jì)的六條原則：1. 省流量2. 省電3. 省空間4. 提升操作效率5 隱私保護(hù)6.環(huán)境判斷結(jié)合我們?cè)诙鄠€(gè)移動(dòng)產(chǎn)品中的工作經(jīng)驗(yàn)和使用體驗(yàn)，我們對(duì)這六條寬泛的原則進(jìn) 行了細(xì)化補(bǔ)充，并初步整理出十二條普適細(xì)則，希望能夠?yàn)橐苿?dòng)產(chǎn)品設(shè)計(jì)的同事 們提供簡(jiǎn)單有益的參考

2、。當(dāng)然，建立一個(gè)完整高效的指引并非一朝一夕z事，這 十二條指引是我們第一期的內(nèi)容，還不能涵蓋大部分的移動(dòng)設(shè)計(jì)問題。我們希望 有更多的設(shè)計(jì)師參與進(jìn)來一起實(shí)踐，共同完善這套體系。一.省流量1. 在運(yùn)營(yíng)商網(wǎng)絡(luò)下使用在線媒體服務(wù)時(shí)（如音樂、視頻、大數(shù)據(jù)文件傳輸?shù)龋峁?有效的流量保護(hù)機(jī)制依據(jù)：用戶關(guān)心上網(wǎng)流量限制（android智能手機(jī)用戸接近4成還在使用2g）,在 運(yùn)營(yíng)商網(wǎng)絡(luò)下使用在線服務(wù)時(shí)，用戶對(duì)于預(yù)期之外的額外流量收費(fèi)格外敏感。適用范i韋i:在線播放音樂、視頻、圖片文件傳輸、批量處理等其他流量消耗較大的服務(wù)。歿泉個(gè)新人.這個(gè)id在耳朵的注冊(cè)肘長(zhǎng)也 不過數(shù)月而已然而，我絕對(duì)算只老耳 朵.呈然我之

3、斛從未發(fā)過宮.因?yàn)?，?理一名老耳朵的家廉，作為家厲，廻來訴鄰屈的耳朵今天12q4<9h> uttmdoo個(gè)腸，親們還理允許的.對(duì)吧？點(diǎn)擊替我們的披班：【我和耳朵的故琳】耳朵家騰訊視瀕在運(yùn)營(yíng)商網(wǎng)絡(luò)下播放在線初瀕會(huì)彈出提示,提醒 用戶是否要繼續(xù)播放視頻”可能會(huì)造成一定的流量費(fèi)用qq空間在使用運(yùn)營(yíng)商網(wǎng)絡(luò)瀏覽feed時(shí),幫助用戶節(jié)省流量二省電2. 釆用合適的方式（如減少通訊頻率、關(guān)閉自動(dòng)同步等）降低對(duì)系統(tǒng)電量的消耗依據(jù)：經(jīng)常使用手機(jī)軟件的用戶，通常每天充電一次，減少電量的消耗對(duì)用戶 而言顯得尤為重要。適用范廂：客戶端定時(shí)聯(lián)網(wǎng)、cpu運(yùn)算、界面及ui重繪、聲音及震動(dòng)提示、郵 件、上下線通知

4、。前臺(tái)動(dòng)畫53.1925.74雨臺(tái)待機(jī)優(yōu)焙51.60%90.8120.7777.12%手機(jī)qq不斷優(yōu)化省電策略,經(jīng)過對(duì)菜單繪制方法的優(yōu)化”平均優(yōu)化率在前臺(tái)動(dòng)畫下超過50% , 在前臺(tái)待機(jī)情況下優(yōu)化率超過70% f進(jìn)一提離手機(jī)待機(jī)時(shí)間三.省空間3. 隱藏自動(dòng)緩存在手機(jī)上的內(nèi)容，為占據(jù)大量空間的緩存內(nèi)容提供一鍵清除依據(jù)：緩存數(shù)據(jù)可以更快的載入顯示，但有些緩存數(shù)據(jù)是用戶不需要或者是過 期的內(nèi)容，這些數(shù)據(jù)會(huì)長(zhǎng)期占據(jù)用戶的手機(jī)存儲(chǔ)空間。<t »lll ob 下午4:28*全穆qdownkmkx3)download qqmu$k.c>che<2s)中0眼通t13:20 30%s

5、z>設(shè)輔助功能qq輸入法關(guān)閉>使用qq瀏施打開網(wǎng)貝潦統(tǒng)計(jì)>清空全部翩天記最lock$croeo(8)qqlmk3)android qq音樂緩存下來的專輯圖片出現(xiàn)在用戶的相冊(cè)里，但這是產(chǎn)品自動(dòng)生成的,用戶在相冊(cè)里并不想看到手機(jī)qoe存聊天記錄里許多的圖片,系統(tǒng)設(shè)冒提供“清除緩存“選項(xiàng)清理過期的文件!1!提升操作效率4. 網(wǎng)絡(luò)緩慢、掉線時(shí)給予反饋提醒，支持掉線后斷點(diǎn)操作依據(jù)：處于移動(dòng)環(huán)境的時(shí)候網(wǎng)絡(luò)連接會(huì)經(jīng)常不穩(wěn)定，一旦出現(xiàn)無服務(wù)或者網(wǎng)絡(luò) 突然中斷的情況，原來需要聯(lián)網(wǎng)的任務(wù)將被中斷，產(chǎn)品設(shè)計(jì)應(yīng)該給予網(wǎng)絡(luò)異常 反饋并提供合適的支持。適用范圍：網(wǎng)絡(luò)緩慢、網(wǎng)絡(luò)不可用、網(wǎng)絡(luò)突然中斷。11：

6、06十八廉中央委員現(xiàn)儀名單提交iphoneqq音樂(23)w vy 乙tectott：內(nèi)£的i .真e：追沒*裁嚴(yán)c娃sunny dong (3)作次 ed d3多媒體*9)12tn5 丫5：下曰更給技們踽位址期五ftvisionhuangok微信在網(wǎng)絡(luò)不可用的時(shí)候給予及時(shí)的提示傳輸文件時(shí)網(wǎng)絡(luò)突然中斷,恢復(fù)網(wǎng)絡(luò)鞍支持文件斷點(diǎn)續(xù)傳5. 手動(dòng)輸入時(shí)提供輔助手段(如語音、智能聯(lián)想、模糊糾錯(cuò))減少輸入成本依據(jù)：由于手機(jī)屏幕較小，而r全觸屏的鍵盤使得輸入速度降低，錯(cuò)誤率加人,移動(dòng)設(shè)計(jì)應(yīng)該盡可能減少輸入或者提供一些輔助手段幫助用戶減低輸入成本。微時(shí)支扌拜音輸入單色凌單身情歌單身情歌林志炫qqw樂

7、捜索時(shí)的智能聯(lián)想，通過候選關(guān)鍵詞6. 當(dāng)前任務(wù)被其他活動(dòng)（如電話、短信）臨時(shí)打斷后，恢復(fù)時(shí)應(yīng)該保證操作的 順暢進(jìn)行依據(jù)：用戶在玩手機(jī)（尤其是需要長(zhǎng)時(shí)間操作的任務(wù)）時(shí)，經(jīng)常會(huì)被突然的來 電或短信打斷并且優(yōu)先處理，當(dāng)用戶冋到中斷z前的操作時(shí)，必須保證任務(wù)能 夠繼續(xù)順暢進(jìn)行。temple run ,緊張的鞄酷游戲,中斷重新進(jìn)入會(huì)出現(xiàn)321倒數(shù)的緩沖適應(yīng)時(shí)間$qq音樂-1斤保的xqqb樂在電話中斷后自動(dòng)延續(xù)播放之前 被打斷的歌曲7. 針對(duì)不同的內(nèi)容類型使用對(duì)應(yīng)的鍵盤，提升用戶輸入效率依據(jù)：智能手機(jī)的系統(tǒng)平臺(tái)當(dāng)中通常都會(huì)內(nèi)置一些針対不同類型內(nèi)容的鍵盤，例如文本、數(shù)字、email. url等，針對(duì)不同的內(nèi)

8、容類型使用對(duì)應(yīng)的鍵盤，將有助于提升用戶輸入效率。適用范圍：標(biāo)準(zhǔn)輸入、數(shù)字、網(wǎng)址輸入、電話數(shù)字鍵盤、email等。hl -令12:26 16%cz>|1添加帳號(hào)hll中w聯(lián)通兮12>7 15% cdam手機(jī)購(gòu)訊網(wǎng)mfo3g.qq.8m記住密瑪:w 1更多選項(xiàng)發(fā)錄i123a8coef4ghi56jklmno7pors89tuvwxyz09©百度 手機(jī)新浪網(wǎng) 手機(jī)搜駆期炫版comegb.como1231登錄時(shí)提示用戶輸入qq號(hào)碼,默認(rèn)調(diào)起數(shù)字鍵盤輸入瀏覽器網(wǎng)址時(shí)默認(rèn)調(diào)起全英鍵盤，并提j共常用字符對(duì)8. 標(biāo)簽欄、工具欄和導(dǎo)航欄最多可以放5個(gè)圖標(biāo)依據(jù)：智能觸屏手機(jī)的尺寸比較小，在豎

9、屏狀態(tài)下，超過5個(gè)圖標(biāo)排列在一條屏 幕寬度上會(huì)比較擠，不方便手指快速點(diǎn)擊。適用范圍：標(biāo)簽欄、常用工具欄、導(dǎo)航欄。中 oqrii 兮14:40go 48%qq音樂的常用工具欄只有4個(gè)icon更多菜單收起在最后一個(gè)按鈕里金牌制作人seth riggs： 中國(guó)流行樂有潛力雞檢樂20 檢年 11030013:52rocktlwwe!網(wǎng)羅新聲代雄一殺總?cè)?軍懸鈴木干飛赴滅國(guó)好簾塢.與曽經(jīng)一 手棒紅艾菽兒的金牌音樂制作團(tuán)隊(duì)nw matrix.邁克爾杰克進(jìn)的歲樂野師seth riggs等世界最優(yōu)秀的音扳人合作錄制笛 只個(gè)人單曲original painting扭1/12 flipboard頭部導(dǎo)航欄最多放了

10、 5個(gè)icon9. 自動(dòng)保存用戶的輸入依據(jù)：移動(dòng)端輸入成本較高，而且觸摸輸入也沒有物理按鍵的自然反饋，在手 機(jī)上輸入一段文字或者信息時(shí)，如果遇到異常，重新輸入將帶來極大痛苦，程 序盂要對(duì)異常自動(dòng)保存或者提醒用戶保存己輸入信息。適用范圍：會(huì)話、留言、評(píng)論、廣播、記事、筆記等文字輸入相關(guān)場(chǎng)景。f 中ddr込令 o 15:10© 54%k»胡友朋友圈a如lay:吹唸唸嗆好杷電8爐 強(qiáng)上yun：爹定交畢i »二：ap?給皓在微信朋友圏發(fā)表評(píng)論時(shí)，如果輸入過程中被打斷.回來后依然可以看到之前輸入的內(nèi)容騰訊微博關(guān)閉當(dāng)前撰寫的廣播時(shí)會(huì)提示用戶是否保存當(dāng)前輸入五.環(huán)境判斷10.

11、考慮夜間環(huán)境的影響，為閱讀和信息瀏覽提供亮度調(diào)節(jié)依據(jù)：弱光壞境下過亮屏幕對(duì)人的眼睛刺激很大，降低屏幕亮度或釆用稍暗的 顏色可以對(duì)眼睛起到很好的保護(hù)作用。適用范圍：電子書閱讀、網(wǎng)頁瀏覽、微博。常用共他0 ci books®用戶閱讀時(shí)提供調(diào)節(jié)亮度的按鈕如覽器的菜單設(shè)置里可以切換夜間模式11. 考慮安靜與嘈雜環(huán)境的切換，為消息通知提供個(gè)性化提醒方式依據(jù)：人們所處的移動(dòng)環(huán)境經(jīng)常變化，有時(shí)是在安靜的室內(nèi)，用戶不希望被聲 音提醒打擾；有時(shí)是在吵鬧的室外，用戶可能感知不到聲音的提醒。設(shè)計(jì)應(yīng)該 考慮這兩種環(huán)境人們對(duì)于消息提醒的不同期望。適用范鬧：電話、短信、新郵件、日歷、提醒事項(xiàng)、會(huì)話消息、與我相關(guān)消息 推送。|汪ib務(wù)兮23:41 o 2侏口新消患通知x開 gjk.收歸怎佗滸0時(shí)込知況示芻不8 示熨們?nèi)撕蛢?nèi)客播插件消息免打擾聲咅0 i按動(dòng)設(shè)h系狡込件泊總!8樂憑fi羽樂動(dòng)的腐»二死花在gh巧.壞巧以設(shè)廿乂合霍安莎江左希£動(dòng)朋友圈照片更舫（；o丿 關(guān)用危.祚期友更新軀片時(shí)界面下面的用 友疔切按按1h上不再岀觀紅ms示.ios的勿擾模式六.隱私保護(hù)12. 為隱私內(nèi)容/行為（地理位置、網(wǎng)頁瀏覽等）提供有效的保護(hù)機(jī)制依據(jù)：手機(jī)是非常私人的物品，攜帶了擁有者自身的一些敏感信息，產(chǎn)品設(shè)計(jì) 在遇到和隱私相關(guān)的場(chǎng)景時(shí)應(yīng)尊重用戶隱私，讓用戶能夠自山控制個(gè)人私隱的 發(fā)布