移動端APP交互設(shè)計原則課件.pptx

《移動端APP交互設(shè)計原則課件.pptx》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、移動端APP的交互設(shè)計原則《交互設(shè)計》第三章第三節(jié)xxxx大學(xué)CONTENT內(nèi)容優(yōu)先3.1為觸摸而設(shè)計3.2總結(jié)總結(jié)01界面布局應(yīng)以內(nèi)容為核心，提供符合用戶期望的內(nèi)容，如何設(shè)計和組織內(nèi)容，使用戶能夠快速理解應(yīng)用所提供的內(nèi)容，使內(nèi)容真正有意義，這是非常重要的。3.1內(nèi)容優(yōu)先3.1內(nèi)容優(yōu)先ZAKER是一款資訊聚合與互動分享閱讀軟件，擁有資訊、娛樂、科技、財經(jīng)、時尚、汽車、旅游、生活等二十大版塊，聚合2000家媒體、自建頻道內(nèi)容資源。ZAKERZAKER3.1內(nèi)容優(yōu)先用戶可以根據(jù)個人喜好訂閱相應(yīng)的內(nèi)容，也可以通過熱點推送功能獲取自己感興趣的信息。訂閱和熱點用戶可在ZAKER內(nèi)直

2、接與好友分享互動，也可以通過微博、微信、等社交媒體平臺將圖文分享收藏。分享互動3.1內(nèi)容優(yōu)先1.內(nèi)容要符合設(shè)備要求在PC上的網(wǎng)頁內(nèi)容往往相對復(fù)雜，在進(jìn)行內(nèi)容移動化時，并不適合把內(nèi)容直接照搬到移動端，針對不同的設(shè)備，內(nèi)容要符合其設(shè)備的特征。ZAKER在不同設(shè)備上的呈現(xiàn)3.1內(nèi)容優(yōu)先關(guān)注用戶需求的內(nèi)容，其次才是導(dǎo)航，同時提升屏幕空間的利用率，把屏幕資源更多的給內(nèi)容，而不是導(dǎo)航。2.優(yōu)先突出用戶需要的信息，簡化界面的導(dǎo)航花瓣網(wǎng)的手機(jī)客戶端02移動端基于手指的手勢操作已經(jīng)代替了鼠標(biāo)的點擊操作。手勢靈活多變，交互自然，但也帶來識別性差，操作精度不高等缺點，需要一些手勢設(shè)計的基本原則

3、來指導(dǎo)和完善。以信息構(gòu)架為基礎(chǔ)，建立手勢交互規(guī)范。3.2為觸摸而設(shè)計3.2為觸摸而設(shè)計設(shè)計時更多的思考新型的交互形式，使用戶在操作過程中能更自然、更高效，更有趣。1.優(yōu)先設(shè)計自然的手勢交互，而不只是Tap點擊基本的操作手勢3.2為觸摸而設(shè)計在觸摸操作設(shè)計時，界面中的可觸摸物理區(qū)域邊長不應(yīng)小于7~9mm。2.可觸摸區(qū)域必須大于7mm*7mm，盡量大于9mm*9mm雙手食指靜坐狀態(tài)單手拇指行走狀態(tài)3.2為觸摸而設(shè)計減少文本輸入。手勢操作會以更快的形式進(jìn)行輸入，提升了輸入效率。轉(zhuǎn)化輸入形式。盡量把用戶要輸入的內(nèi)容變成選擇，而不是直接讓用戶輸入。3.轉(zhuǎn)換輸入方式高德地圖蘋果鬧鐘3

4、.2為觸摸而設(shè)計將用戶完成任務(wù)的操作觸點連接起來就能組成一個完整的操作流，我們可以通過操作路徑來判斷界面的流暢性，操作路徑短在一定程度上被認(rèn)為是操作效率更高，流暢性更好。4.流暢性對于應(yīng)用產(chǎn)品，提倡的是簡單、直接的操作，讓用戶快速學(xué)會使用。通過界面元素的表意和界面提供的線索就能讓用戶清晰地知道操作方式。5.易學(xué)性3.2為觸摸而設(shè)計一個應(yīng)用除了滿足用戶需求和可用性之外，能讓用戶感受到驚喜是應(yīng)用設(shè)計中最為推崇的。6.智能有愛MyScriptCalculator3.2總結(jié)交互設(shè)計原則1.內(nèi)容要符合設(shè)備的特征在PC上的網(wǎng)頁內(nèi)容往往相對復(fù)雜，在進(jìn)行內(nèi)容移動化時，并不適合直接照搬到移

5、動端。2.簡化界面導(dǎo)航用戶獲得的是內(nèi)容，而不是導(dǎo)航，設(shè)計時將屏幕空間更多地留給內(nèi)容。為觸摸而設(shè)計內(nèi)容優(yōu)先1.不只是Tap點擊在設(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è)計清晰易理解，操作簡單可見，讓用戶能夠快速學(xué)會使用。滿足用戶需求和良好的可用

6、性之外，還應(yīng)該是驚喜有趣，智能高效和貼心。THANKYOU《交互設(shè)計》xxxx大學(xué)