手機(jī)客戶端設(shè)計(jì)的條法則優(yōu)選ppt資料

客戶端設(shè)計(jì)(shèjì)的條法那么第一頁(yè)，共39頁(yè)。尊重(zūnzhòng)系統(tǒng)1第二頁(yè)，共39頁(yè)。用戶是你產(chǎn)品的使用者，更是系統(tǒng)(xìtǒng)的使用者。用戶最熟悉的交互方式來(lái)自于系統(tǒng)(xìtǒng)軟件。尊重系統(tǒng)(xìtǒng)不是固步自封。在什么樣的平臺(tái)做什么樣的設(shè)計(jì)。切勿畫虎不成反類犬。第三頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)Android版本(bǎnběn)QQ和iPhone版QQ第四頁(yè)，共39頁(yè)。壞的設(shè)計(jì)(shèjì)點(diǎn)擊(diǎnjī)只是焦點(diǎn)落上而不響應(yīng)操作返回(fǎnhuí)還是逃跑？第五頁(yè)，共39頁(yè)。一個(gè)(yīɡè)界面做一件事2第六頁(yè)，共39頁(yè)?？臻g有限，多用減法。至上而下的閱讀(yuèdú)不會(huì)遇到障礙。過(guò)程是過(guò)程，結(jié)果是結(jié)果。聚焦當(dāng)前事務(wù)。只做一件事不是只一個(gè)功能。第七頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)在什么(shénme)界面做什么(shénme)事第八頁(yè)，共39頁(yè)。壞的設(shè)計(jì)(shèjì)手忙腳亂(shǒumángjiǎoluàn)的設(shè)計(jì)第九頁(yè)，共39頁(yè)。一目了然(yīmùliǎorán)無(wú)歧義3第十頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)和壞的設(shè)計(jì)(shèjì)一目了然當(dāng)孩子第一次拿起鉛筆的時(shí)候，他們像是生來(lái)就知道該如何(rúhé)開始。軟件也應(yīng)該這樣。減少不必要的思考和困惑。將重要的信息展示在一個(gè)層級(jí)里面。有時(shí)候用戶只需要一個(gè)“yesorno〞的答案，開啟后無(wú)需操作就能獲得答案是最完美的。無(wú)歧義用語(yǔ)的無(wú)歧義。比方按鍵叫“收藏〞，是添加收藏還是翻開收藏？操作的無(wú)歧義。比方搜索，我應(yīng)該在類別下搜索還是該在全站搜索？第十一頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)一目了然(yīmùliǎorán)第十二頁(yè)，共39頁(yè)。壞的設(shè)計(jì)(shèjì)小地陪？陪神馬(shénmǎ)？91，你讓我情何以堪第十三頁(yè)，共39頁(yè)。清晰(qīngxī)的反響4第十四頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)和壞的設(shè)計(jì)(shèjì)反響的作用告訴用戶后臺(tái)正在發(fā)生什么。告訴用戶當(dāng)前位置。告訴用戶錯(cuò)誤原因及補(bǔ)救方法。告訴用戶結(jié)果如何。反響的方式焦點(diǎn)的反響〔高亮，變色，…〕點(diǎn)擊的反響〔彈起，翻轉(zhuǎn)，…〕文字弱提示。告知即可，不中斷操作(cāozuò)。文字強(qiáng)提示。中斷操作(cāozuò)，需要手動(dòng)確認(rèn)。第十五頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)和弱提示，不阻斷(zǔduàn)操作強(qiáng)提示，阻斷(zǔduàn)操作，明示正在發(fā)生什么第十六頁(yè)，共39頁(yè)。壞的設(shè)計(jì)(shèjì)多此一舉的成功(chénggōng)提示有這個(gè)(zhège)必要嗎我關(guān)心這串?dāng)?shù)字嗎？第十七頁(yè)，共39頁(yè)。用戶(yònghù)習(xí)慣和產(chǎn)品一致性5第十八頁(yè)，共39頁(yè)。習(xí)慣如何產(chǎn)生系統(tǒng)的使用。比方用戶習(xí)慣左上角有后退。對(duì)生活的理解，比方內(nèi)容的分類。對(duì)隱喻的認(rèn)同。比方大頭針是定位。一致性一致性保證用戶在使用別人的產(chǎn)品(chǎnpǐn)的經(jīng)驗(yàn)?zāi)軓?fù)制到使用你的產(chǎn)品(chǎnpǐn)中。在使用你的產(chǎn)品(chǎnpǐn)的過(guò)程中相同的流程一致性。文案的一致性。用戶預(yù)期的一致性第十九頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)刪除(shānchú)的流程和系統(tǒng)一致和生活(shēnghuó)經(jīng)驗(yàn)一致第二十頁(yè)，共39頁(yè)。尊重系統(tǒng)(xìtǒng)不是固步自封。Android版本(bǎnběn)QQ和iPhone版QQ用戶(yònghù)習(xí)慣和產(chǎn)品一致性告知即可，不中斷操作(cāozuò)。保存不同(bùtónɡ)標(biāo)簽下的狀態(tài)第三十一頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)和壞的設(shè)計(jì)(shèjì)對(duì)可能的任務(wù)行為進(jìn)行分解并逐一優(yōu)化流程點(diǎn)擊(diǎnjī)不能撥號(hào)對(duì)生活的理解，比方內(nèi)容的分類。好的設(shè)計(jì)(shèjì)和壞的設(shè)計(jì)(shèjì)不拋棄，不放棄〔對(duì)老用戶的支持〕第二十六頁(yè)，共39頁(yè)。設(shè)備連接(liánjiē)。輸入(shūrù)不便。將重要的信息展示在一個(gè)層級(jí)里面。壞的設(shè)計(jì)(shèjì)58同城底部導(dǎo)航(dǎoháng)按鈕哪去了？錯(cuò)不在此第二十一頁(yè)，共39頁(yè)。更壞的設(shè)計(jì)(shèjì)令人發(fā)指(lìngrénfàzhǐ)的不一致…第二十二頁(yè)，共39頁(yè)。高效性6第二十三頁(yè)，共39頁(yè)。不以任務(wù)為導(dǎo)向的產(chǎn)品設(shè)計(jì)都是耍流氓時(shí)間珍貴，我有別的事情要做。車在顛簸，我眼睛好累，疲勞了。有件事阻斷了我做后面的事情，請(qǐng)盡快告訴我答案。好吧，車還沒來(lái)。〔隨時(shí)會(huì)被中斷〕如何設(shè)計(jì)高效應(yīng)用清晰的層級(jí)結(jié)構(gòu)。建立準(zhǔn)確的任務(wù)模型。對(duì)可能的任務(wù)行為進(jìn)行分解并逐一優(yōu)化流程降低學(xué)習(xí)本錢。最好的方法就是使用系統(tǒng)空控件和操作方式降低噪音，保證高級(jí)的功能在用戶(yònghù)需要時(shí)能夠找到，在不需要時(shí)候不會(huì)造成困擾第二十四頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)結(jié)構(gòu)(jiégòu)清晰系統(tǒng)控件，低學(xué)習(xí)(xuéxí)本錢，無(wú)噪音第二十五頁(yè)，共39頁(yè)。壞的設(shè)計(jì)(shèjì)吃飽了撐的解鎖方式(fāngshì)逼我探索(tànsuǒ)和發(fā)現(xiàn)高效的設(shè)計(jì)總是簡(jiǎn)單的第二十六頁(yè)，共39頁(yè)。隱喻(yǐnyù)和擬物7第二十七頁(yè)，共39頁(yè)。隱喻和擬物化設(shè)計(jì)隱喻是用一種事物暗喻另一種事物，隱喻的設(shè)計(jì)來(lái)源生活，包括生活中的物件，處理事務(wù)的方法隱喻和擬物可以有效的降低交互本錢。有軟件中涉及的元素和操作與真實(shí)世界關(guān)聯(lián)起來(lái)能夠更好地幫助用戶理解。隱喻和擬物應(yīng)該遵守習(xí)慣法那么。ICON的作用是讓人更易(ɡènɡyì)理解而不是陷入困惑。為設(shè)計(jì)而設(shè)計(jì)會(huì)陷入設(shè)計(jì)的誤區(qū)。第二十八頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)隱喻(yǐnyù)擬物-翻頁(yè)鐘第二十九頁(yè)，共39頁(yè)。寬容(kuānróng)8第三十頁(yè)，共39頁(yè)。寬容意味著容錯(cuò)和可回溯出錯(cuò)的可能性更大。誤操作。交互試錯(cuò)本錢更高。輸入(shūrù)不便。升級(jí)不便，用戶不愿意為你錯(cuò)誤買單。〔不給你升級(jí)的時(shí)機(jī)〕如何更容錯(cuò)誤操作的提示。比方發(fā)貼時(shí)返回提示是否放棄已輸入(shūrù)內(nèi)容。保存上次狀態(tài)。保存用戶上次發(fā)送失敗的帖子信息。糾正問(wèn)題。錯(cuò)誤發(fā)生時(shí)，告訴用戶錯(cuò)在哪，并給出糾正方法。比方聯(lián)網(wǎng)故障的重試按鈕。不拋棄，不放棄〔對(duì)老用戶的支持〕第三十一頁(yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)放棄提示是否(shìfǒu)保存保存不同(bùtónɡ)標(biāo)簽下的狀態(tài)第三十二頁(yè)，共39頁(yè)。融合(rónghé)的特性9第三十三頁(yè)，共39頁(yè)。的特性通訊錄?！餐扑]好友，轉(zhuǎn)發(fā)信息，聊天〕定位?！哺浇畔ⅰ呈殖址较??！仓改厢槪瑢?shí)景模式〕攝像頭?！采蟼鲌D片〕語(yǔ)音輸入?！矞p少輸入〕實(shí)時(shí)通知?！灿嗛喭扑汀吃O(shè)備連接(liánjiē)?！?個(gè)設(shè)備間的分享〕多點(diǎn)觸摸。重力感應(yīng)?！布铀俣龋胶狻车谌捻?yè)，共39頁(yè)。好的設(shè)計(jì)(shèjì)和壞的設(shè)計(jì)(shèjì)實(shí)景(shíjǐnɡ)找房信息(xìnxī)推送和羅盤第三十五頁(yè)，共39頁(yè)。滿足用戶預(yù)期(yùqī)10第三十六頁(yè)，共39頁(yè)。預(yù)期的多樣性其他軟件給我的認(rèn)知(rènzhī)。其他軟件可以，你可以嗎？UI給我的預(yù)期。看來(lái)你可以這樣操作，可以嗎？個(gè)人習(xí)慣的預(yù)期。左上角應(yīng)該有個(gè)返回按鈕，有嗎？本身給我的預(yù)