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

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

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