移動(dòng)端APP交互設(shè)計(jì)原則

移動(dòng)端APP的交互設(shè)計(jì)原則《交互設(shè)計(jì)》第三章第三節(jié)

xxxx大學(xué)當(dāng)前第1頁\共有15頁\編于星期四\10點(diǎn)CONTENT內(nèi)容優(yōu)先3.1為觸摸而設(shè)計(jì)3.2總結(jié)總結(jié)當(dāng)前第2頁\共有15頁\編于星期四\10點(diǎn)01界面布局應(yīng)以內(nèi)容為核心，提供符合用戶期望的內(nèi)容，如何設(shè)計(jì)和組織內(nèi)容，使用戶能夠快速理解應(yīng)用所提供的內(nèi)容，使內(nèi)容真正有意義，這是非常重要的。3.1內(nèi)容優(yōu)先當(dāng)前第3頁\共有15頁\編于星期四\10點(diǎn)3.1內(nèi)容優(yōu)先ZAKER是一款資訊聚合與互動(dòng)分享閱讀軟件，擁有資訊、娛樂、科技、財(cái)經(jīng)、時(shí)尚、汽車、旅游、生活等二十大版塊，聚合2000家媒體、自建頻道內(nèi)容資源。ZAKERZAKER當(dāng)前第4頁\共有15頁\編于星期四\10點(diǎn)3.1內(nèi)容優(yōu)先用戶可以根據(jù)個(gè)人喜好訂閱相應(yīng)的內(nèi)容，也可以通過熱點(diǎn)推送功能獲取自己感興趣的信息。訂閱和熱點(diǎn)用戶可在ZAKER內(nèi)直接與好友分享互動(dòng)，也可以通過微博、微信、等社交媒體平臺(tái)將圖文分享收藏。分享互動(dòng)當(dāng)前第5頁\共有15頁\編于星期四\10點(diǎn)3.1內(nèi)容優(yōu)先1.內(nèi)容要符合設(shè)備要求在PC上的網(wǎng)頁內(nèi)容往往相對復(fù)雜，在進(jìn)行內(nèi)容移動(dòng)化時(shí)，并不適合把內(nèi)容直接照搬到移動(dòng)端，針對不同的設(shè)備，內(nèi)容要符合其設(shè)備的特征。ZAKER在不同設(shè)備上的呈現(xiàn)當(dāng)前第6頁\共有15頁\編于星期四\10點(diǎn)3.1內(nèi)容優(yōu)先關(guān)注用戶需求的內(nèi)容，其次才是導(dǎo)航，同時(shí)提升屏幕空間的利用率，把屏幕資源更多的給內(nèi)容，而不是導(dǎo)航。2.優(yōu)先突出用戶需要的信息，簡化界面的導(dǎo)航花瓣網(wǎng)的手機(jī)客戶端當(dāng)前第7頁\共有15頁\編于星期四\10點(diǎn)02移動(dòng)端基于手指的手勢操作已經(jīng)代替了鼠標(biāo)的點(diǎn)擊操作。手勢靈活多變，交互自然，但也帶來識(shí)別性差，操作精度不高等缺點(diǎn)，需要一些手勢設(shè)計(jì)的基本原則來指導(dǎo)和完善。以信息構(gòu)架為基礎(chǔ)，建立手勢交互規(guī)范。3.2為觸摸而設(shè)計(jì)當(dāng)前第8頁\共有15頁\編于星期四\10點(diǎn)3.2為觸摸而設(shè)計(jì)設(shè)計(jì)時(shí)更多的思考新型的交互形式，使用戶在操作過程中能更自然、更高效，更有趣。1.優(yōu)先設(shè)計(jì)自然的手勢交互，而不只是Tap點(diǎn)擊基本的操作手勢當(dāng)前第9頁\共有15頁\編于星期四\10點(diǎn)3.2為觸摸而設(shè)計(jì)在觸摸操作設(shè)計(jì)時(shí)，界面中的可觸摸物理區(qū)域邊長不應(yīng)小于7~9mm。2.可觸摸區(qū)域必須大于7mm*7mm，盡量大于9mm*9mm雙手食指靜坐狀態(tài)單手拇指行走狀態(tài)當(dāng)前第10頁\共有15頁\編于星期四\10點(diǎn)3.2為觸摸而設(shè)計(jì)減少文本輸入。手勢操作會(huì)以更快的形式進(jìn)行輸入，提升了輸入效率。轉(zhuǎn)化輸入形式。盡量把用戶要輸入的內(nèi)容變成選擇，而不是直接讓用戶輸入。3.轉(zhuǎn)換輸入方式高德地圖蘋果鬧鐘當(dāng)前第11頁\共有15頁\編于星期四\10點(diǎn)3.2為觸摸而設(shè)計(jì)將用戶完成任務(wù)的操作觸點(diǎn)連接起來就能組成一個(gè)完整的操作流，我們可以通過操作路徑來判斷界面的流暢性，操作路徑短在一定程度上被認(rèn)為是操作效率更高，流暢性更好。4.流暢性對于應(yīng)用產(chǎn)品，提倡的是簡單、直接的操作，讓用戶快速學(xué)會(huì)使用。通過界面元素的表意和界面提供的線索就能讓用戶清晰地知道操作方式。5.易學(xué)性當(dāng)前第12頁\共有15頁\編于星期四\10點(diǎn)3.2為觸摸而設(shè)計(jì)一個(gè)應(yīng)用除了滿足用戶需求和可用性之外，能讓用戶感受到驚喜是應(yīng)用設(shè)計(jì)中最為推崇的。6.智能有愛MyScriptCalculator當(dāng)前第13頁\共有15頁\編于星期四\10點(diǎn)3.2總結(jié)交互設(shè)計(jì)原則1.內(nèi)容要符合設(shè)備的特征在PC上的網(wǎng)頁內(nèi)容往往相對復(fù)雜，在進(jìn)行內(nèi)容移動(dòng)化時(shí)，并不適合直接照搬到移動(dòng)端。2.簡化界面導(dǎo)航用戶獲得的是內(nèi)容，而不是導(dǎo)航，設(shè)計(jì)時(shí)將屏幕空間更多地留給內(nèi)容。為觸摸而設(shè)計(jì)內(nèi)容優(yōu)先1.不只是Tap點(diǎn)擊在設(shè)計(jì)時(shí)，能更多地思考適合自己應(yīng)用的手勢交互形式。2.可觸摸區(qū)域盡量大于9mm*9mm為了讓用戶在各種情境下都容易操作，建議觸摸物理區(qū)域邊長不應(yīng)小于9mm轉(zhuǎn)換輸入方式流暢性易學(xué)性智能有愛減少文本輸入，轉(zhuǎn)化輸入形式盡量把用戶要輸入的內(nèi)容變成選擇，而不是直接讓用戶輸入。通過操作路徑來判斷界面的流暢性，路徑短能在一定程度上被認(rèn)為是操作效率更高，流暢性更好保持界面構(gòu)架簡單明了，導(dǎo)航設(shè)計(jì)清晰易理解，操作簡單可見，讓用戶能夠快速學(xué)會(huì)使用。滿足用戶需求和良好的